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

طراحی یک اصطلاح نسبتا گسترده و مبهم است. وقتی شخصی به شما میگوید که من یک طراح هستم، به روشنی برای شما مشخص نمیشود که فعالیت روزانه او دقیقاً شامل چه کارهایی میشود. ذیل چتر طراحی، وظایف متعددی جای گرفته است که معمولاً هر کدام زمینه های تخصصی ای به حساب می آیند.
طراحی یک مفهوم گسترده است که از صنعت ( مانند خودرو و ساخت و تولید و … ) تا چاپ ( طراحی و چاپ کاغذی، تابلو و …) و فضای فناوری اطللاعات ( نرم افزار ها و رابط های کاربری) گستردگی دارد. با حجوم گسترده تمامی طیف های شغلی و حرفه ای به فضای فناوری اطلاعات، مفاهیمی مانند UX و UI که مخصوص واسط کاربری در صفحات نمایش هستند برای اغلب طراحان نامفهوم می باشد.

UX چیست ؟

ux مخفف شده کلمه User Experience می باشد که معنی تحت اللفظی آن “تجربه کاربر” می باشد. در حقیقت طراحان “تجربه کاربر” یا همان UX Designers تمام تلاش خود را میکنند تا بهترین سناریو برای آشنایی یک کاربر با یک محصول و یا خدمات را ایجاد نمایند. از آنجا که این موضوع یک فرمول خاص ندارد و متناسب با سوژه های مورد نظر ممکن است راهکارهای فرآوانی داشته باشد کار زمانبر و دشواری است. یک طراح تجربه کاربر میخواهد مشکلات کاربر را در مواجهه با سوژه مورد نظر خود، چه از نظر کلامی و لغتی، و چه از نظر محل قرار گیری موارد و زیبایی شناختی و … مورد بررسی قرار دهد و در پی حل آن ها برآیند تا به بهترین تجربه کاری کاربر یا همان Best User Experience دست یابد.

محصول نهایی UX :
Wireframes صفحه , storyboards و sitemap

برنامه های کاربردی

Photoshop, Sketch, Illustrator, Fireworks, InVision

UI چیست ؟

UI مخفف کلمه User Interface میباشد که به صورت تحت اللفظی به “رابط کاربری” معنا میشود. بر خلاف UX که بر احساس کلی کاربر از یک محصول معطوف است، UI به چگونگی صفحه بندی محصول توجه دارد. آنها مسئول طراحی هر صفحه با ابزارها و صورتی هستند که بتواند مسیری که طراح UX طراحی نموده را پیاده سازی و جایگذاری نماید. به عنوان مثال زمانی که یک طراح UI میخواهد یک داشبورد سیستم آمارگیری را پیاده سازی کند، ممکن است تصمیم بگیرد که مهمترین موضوع صفحه را در بالای صفحه قرار دهد، و یا آن را در نوار کناری صفحه و یا با طراحی یک دکمه آن را به گونه ای که به تجربه مشاهده ای کاربر و کلیت طرح کمک نماید نمایش بدهد.

همنچین طراحان UI معمولاً وظیفه یکپارچگی سبک طراحی در کل روند محصول را نیز بر عهده دارند، به صورتی که به صورت شهودی، نوع چینش و محتوای صفحات با یکدیگر همخوانی داشته باشد و همچنین زبان طراحی مورد استفاده سازگاری خودش را در تمامی روند ها و صفحات محصول حفظ نماید. حفظ این ثبات در نمایش المان ها، نمایش خطاها و سبک طراحی ضروری می باشد.

محصول نهایی UI :
طراحی رابط کاربری نهایی

برنامه های کاربردی :
Photoshop, Sketch, Illustrator, Fireworks

به صورت کلی باید گفت که مرز بین UI و UX در بیشتر موارد مبهم است و در بسیاری از موارد شرکت ها این نقش را ادغام میکنند و به یک شخص و یا گروه کاری واگذار میکنن