برای طراحی وب سایت از اصطلاحات خاصی استفاده می شود که گاهی برای افراد مبتدی و یا افراد غیرمتخصص ناآشنا هستند. از جمله اصطلاح طراحی UI و طراحی UX است که هر یک دارای معنای متفاوتی هستند. UX کوتاه شده عبارت User Experience است و در مفهوم تجربه و احساس کاربران از رویت صفحات وب سایت استفاده می شود. اصطلاح UI نیز مخفف عبارت User Interface است و به معنای بخشی از طراحی سایت می باشد که زمان رویت سایت توسط کاربر قابل مشاهده است. برای روشن تر شدن این دو اصطلاح به توضیح بیشتری نیاز است که در زیر به آن می پردازیم.
UXچیست؟
UX به رفتارها، احساسات و حالت های کاربران گفته می شود که در زمان استفاده از یک سیستم خاص یا محصول در آنها رخ می دهد. تجربه کاربران می تواند تمامی عواطف، اعتقادات، مزیت ها، پاسخ های فیزیکی و روانی، رفتارها و اجراها قبل از زمان استفاده، در زمان استفاده از سایت و بعد از آن را در بر بگیرد. بنابراین یکی از وظایف مهم طراحان سایت در زمانی طراحی، ایجاد محیطی زیبا برای کاربران می باشد. به طوری که به احساسات و هیجانات کاربران توجه ویژه شود. سایت باید به گونه ای طراحی شود که احساسات کاربر را درگیر خود کند.(برای فهمیدن کامل UX حتما مقاله UX چیست را بخوانید.)
UIچیست؟
UI تاثیرات متقابل سایت بر کاربران است. هدف از این تاثیر، کسب اجازه برای تاثیر مثبت و مطلوب بر آنها می باشد. زمانی که طراحی UI صحبت می شود، به این معناست که باید بر روی نحوه ارائه محصولات تمرکز کرد. به این معنا که صفحات باید به گونه ای طراحی شود که اهداف UX محقق شود. برای مثال طراح UI سعی دارد تا در بالای صفحات سایت از بنرهایی استفاده کند که ثبات و یکپارچی سایت را تامین کند. به همین دلیل در طراحی UI از تصاویر، متن ها، دیاگرام ها، ماژولها، جداول، ویدئوها و همچنین رنگ به شکل حرفه ای استفاده می شود.(برای فهمیدن کامل UI حتما مقاله UI چیست را بخوانید.)
تفاوت UI با UX
UI و UX در بسیاری موارد به جای یکدیگر استفاده می شند. در حالی که تفاوت UI با UX؛عبارتنداز :
- UI تنها بخشی از UX محسوب می شود. کل یک محصول UX است و برای تاثیرگذاری بر مخاطبان استفاده می شود. در حالی که UI در زیر مجموعه آن قرار می گیرد و برای تامین هدف های UX استفاده می شود.
- برای داشتن طراحی تاثیر گذار یا UX، استفاده از UI ضرورت دارد. بدون وجود طراحی UX سایت ظاهری زیبا و خیره کننده دارد. اما عملکرد آن ضعیف خواهد بود.
- برای داشتن طراحی UX باید به مفاهیم روانشناسی دقت کرد. به همین دلیل این نوع طراحی انتزاعی است. در حالی که در طراحی UI از ابزارهای عینی و قابل مشاهده ای همچون تصاویر، ویدئو، دیاگرام و… استفاده می شود.
- طراحی UI به سلیقه طراح سایت بستگی دارد. در حالی که برای داشتن سایت مطابق با اصول طراحی UX، باید به خواست کاربران و نیازهای آنان دقت شود.
بهترین نمونه های طراحی ux و ui در جهان
سایت ارسال مرسولات dhl
https://www.dhl.com
توجه کنید سایت dhl برخلاف ux خوب اصلا ui خوبی ندارد
سایت فروشگاه اپل
این سایت هم ux خوبی دارد و هم ui خوبی دارد
سایت آموزشی پیرسن (pearson)
https://www.pearson.com
این سایت همون اول میپرسه که کی هستی تا فقط آموزش هایی که به دردت میخوره رو ببینی و گیج نشی برای همین کاربر توی سایت راحت به چیزی که میخواد میرسه البته این موضوع در سایت lynda.com هم اومده اما اون دسته بندیش بیشتر بیزینسی هست.