UI رابط کاربری - مخفف User Interface می باشد. در UI به گرافیک وب سایت می پردازند. هر المان گرافیکی، رنگ بندی های مختلف و در کل طراحی ظاهر وب سایت با جلوه زیبا بر عهده قسمت طراحی رابط کاربری می باشد. تجربه کاربری یا UX که مخفف User Experience می باشد، به میزان راحتی کاربر و نحوه عملکرد سایت در هنگام کار کاردن کاربر با سایت گفته می شود. طراحی رابط کاربری و تجربه کاربری بر عهده گرافیست ها و برنامه نویسان فرانت اند کار می باشد.
طراحی رابط کاربری برای جذب اولیه کاربران بسیار مهم می باشد. طراحی تجربه کاربری برای افزایش رضایت کاربران در هنگام کار با سایت بسیار مهم است.
| تجربه کاربری (UX) | رابط کاربری (UI) |
|---|---|
| محل قرار گیری و نحوه حرکت اسلایدر | تصاویر اسلایدر |
| گزینه های منو | ظاهر منو |
| محل قرار گیری باکس و دکمه جستجو | رنگ و ظاهر آیکن دکمه جستجو |
| چگونگی و مواقع اجرای لودینگ | رنگ و ظاهر لودینگ |
مراحل طراحی رابط کاربری و تجربه کاربری
در دنیای برنامه نویسی و طراحی سایت انجام هر کاری شامل مراحلی می باشد. انجام گام به گام و صحیح این مراحل از روی اصول طراحی UI/UX ما را در انجام صحیح و به موقع پروژه کمک می کند. مراحل طراحی رابط کاربری و تجربه کاری یا همان UI/Ux به ترتیب زیر است:
- تعریف پروژه
- انجام تحقیقات روی پروژه
- جمع آوری داده
- تجزیه و تحلیل
- ایده پردازی
- طراحی
- ارزیابی و توسعه
UI/UXتعریف پروژه
برای آغاز طراحی UI/UX اطلاعات پروژه از کارفرما دریافت می گردد. این اطلاعات شامل نوع محصول، کاربران محصول، و اهداف کارفرما از تولید محصول می باشد.
تحقیقات بر روی پروژه
در این مرحله پس از پخش کردن فرم نظرسنجی بین کاربران و جمع آوری آنها، مصاحبه با کاربران، تحلیل بازار، تحلیل رقبا و محصولات مشابه، تمام ابعاد پروژه، زمان مورد نیاز، ددلاین ها، ملزومات و اطلاعات مورد نیاز مشخص می گردد.
جمع آوری داده
برای استفاده بهینه از داده های موجود، داده ها طبقه بندی و مرتب سازی می شوند.
تجزیه و تحلیل
در این فاز تحلیلگران و تیم طراحی با خلق داستان کاربر User story و پرسونای کاربر User persona برای یافتن ارتباطات منطقی بین داده ها، به یک جمع بندی نهایی می رسند.
ایده پردازی
در این مرحله بر اساس تجزیه و تحلیل موجود، کار ایده پردازی و کشیدن اسکچ های اولیه روی کاغذ و سپس اسکچ های کلی با نرم افزار انجام می گیرد. با ایجاد مسیر کاربر User flow به صورت کامل و انتخاب بهترین ایده، طرح خطی Wireframe آماده می شود.
طراحی
با آماده شدن طرح UX محصول، کار طراحی UI هم انجام می گیرد. سپس این دو را با نرم افزارهای Adobe XD یا Figma ترکیب کرده تا به طرح پروتوتایپ UI و UX محصول برسیم.
ارزیابی و توسعه
در این مرحله، پس از انجام تست های مختلف بر روی Prototype محصول، در صورت نیاز اصلاح یا توسعه داده می شود. اینکار را آنقدر تکرار می کنیم تا به یک محصول بی نقص و از هر نظر عالی برسیم. در نهایت فایل نهایی طراحی رابط کاربری و تجربه کاربری محصول به کارفرما تحویل داده می شود.
عالی بود مطلبتون