UX چیست؟
- محصول نهایی 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 در طراحی وب سایت چیست؟
- بسیاری موارد UI و UX در به جای یکدیگر استفاده می شند. در حالی که این دو تفاوت زیادی با یکدیگر دارند؛ از جمله نکات مهم در آشنایی با UI و UX
- و UI تنها بخشی از UX محسوب می شود. کل یک محصول UX است و برای تاثیرگذاری بر مخاطبان استفاده می شود. در حالی که UI در زیر مجموعه آن قرار می گیرد و برای تامین هدف های UX استفاده می شود.
- برای داشتن طراحی سایت تاثیر گذار یا UX، استفاده از UI ضرورت دارد. بدون وجود طراحی UX سایت ظاهری زیبا و خیرکننده دارد. اما عملکرد آن ضعیف خواهد بود.
- برای داشتن طراحی UX باید به مفاهیم روانشناسی دقت کرد. به همین دلیل این نوع طراحی انتزاعی است. در حالی که در طراحی UI از ابزارهای عینی و قابل مشاهده ای همچون تصاویر، ویدئو، دیاگرام و … استفاده می شود.
- طراحی UI به سلیقه طراح سایت بستگی دارد. در حالی که برای داشتن سایت مطابق با اصول طراحی UX، باید به خواست کاربران و نیازهای آنان دقت شود.
[…] شدن هستند، استانداردهای طراحی صفحات که شامل مفاهیم UI و UX می باشد روز به روز در حال بهینه شدن […]