تفاوت UI , UX در طراحی وب سایت

برای بررسی تفاوت ها بین UI و UX بهتر است با تعریف دقیق هر کدام بیشتر با آنها آشنا شویم.  UI به معنی واسط کاربر (User Interface) یک رابط بین کاربر و سیستم می باشد ، UI ظاهر یک سیستم نرم افزاری است که کاربر به صورت مستقیم با آن در تعامل است به طور مثال واسط های کاربر در یک نرم افزار منوها، پنجره ها، آیکون ها و ... هستند.

UX به معنی تجربه کاربر (User Experience) است که شامل رفتارها، احساسات و نگرش های کاربر درباره تجربه استفاده از یک محصول نرم افزاری است که می تواند در نهایت جنبه های مختلفی مانند سودمندی، کاربرد آسان و کارایی را در ذهن کاربر به صورت یک خاطره تداعی کند.

UI , UX به نوعی مکمل یکدیگر هستند و باید در زمان طراحی UI، اصول و قواعد UX نیز رعایت شود، به همین خاطر بهتر است این دو توسط یک فرد یا یک تیم مشخص موازی با هم پیش بروند تا نتایج بهتری حاصل شود .

با یک مثال به تفاوت UI و UX می پردازیم، فکر کنید قرار است دکمه Close (یا همان ضربدر قرمز رنگ پنجره My Computer) را طراحی کنیم، انتخاب رنگ قرمز و نماد ضربدر مربوط به UI می باشد، در اینجا استفاده از رنگ سبز و دکمه به اضافه معنی اشتباهی را می رساند. (یعنی کاربر با دکمه ضربدر به فکر حذف و با دکمه به اضافه به فکر اضافه کردن چیزی می افتد.)
بعد از طراحی UI نوبت به انتخاب یک مکان برای دکمه Close می رسد تا کاربر با آن راحت کار کند که به آن UX گفته می شود، اگر ما دکمه را وسط صفحه قرار دهیم، کاربر به کرات اشتباهاٌ روی آن کلیک می کند و حس بدی به او منتقل می شود، پس بهتراست مکان مناسب تری برای آن انتخاب شود (بهترین مکان گوشه بالا سمت راست می باشد.) که کاربر در صورت لزوم به آن قسمت برود و خیلی کمتر اشتباهاَ روی آن کلیک کند.
ابزارهایی که در طراحی UI و UX به ما کمک می کنند به طور معمول :
 Photoshop, Sketch, Illustrator, Fireworks, InVision

UI چقدر مهم است؟ اگر ظاهر برنامه شما خوب نباشد و کاربر را به نوعی سردرگم کند کاربر در استفاده از نرم افزار به مشکل بر می خورد مانند حذف شدن منوی استارت در ویندوز 8.
UX چقدر مهم است؟ اگر نرم افزار شما تجربه و حس خوبی به کاربر منتقل نکند، کاربر دیگر از محصول شما استفاده نخواهد کرد، مانند ویندوز ویستا مایکروسافت.