طراحی اختصاصی رابط و تجربه کاربری (UI/UX)

01. تعریف مسئله و نیاز شما

در ابتدا، باید بدانیم چه میخواهیم و چرا؟ چرا این محصول باید وجود داشته باشد؟ این محصول را برای چه کسی ایجاد می‌کنید؟ این محصول چه مشکلاتی از کسب‌وکار را حل خواهد کرد؟

این گفتگو معمولاً به شکل جلساتی بین ما و شما انجام می‌شود، جایی که طراحان محصول ما یک دید اولیه از محصول را ایجاد می‌کنند که با اهداف کسب‌وکار شما هماهنگ است.

در پایان این جلسه، احتمالا مجموعه‌ای از مولفه ها و مشخصات و شاید یک طرح مفهومی اولیه روی کاغذ را خواهید داشت. از خروجی این جلسه در مرحله بعد استفاده خواهیم کرد.

02. مطالعه کاربران و بازار

در این مرحله، طراحان ما مطالعه خود را بر روی کاربران و بازار شما آغاز می کنند تا به درک درستی از رفتار و نیازهای آنها برسند.

هم تحقیقات کاربری و هم تحقیقات بازار بخش‌های ضروری. تحقیقات کاربری می‌تواند اشکال مختلفی مانند مصاحبه‌، نظرسنجی‌ و غیره را داشته باشد. تحقیقات بازار به روندهای صنعتی و تحلیل رقابتی می‌پردازد.

03. استخراج جریان کاری کسب و کار شما

پس از شناخت کافی از نیاز شما و کاربران، یک سند مکتوب با عنوان سند نیازمندی ها یا سند جریان کاری تهیه می شود که مرحله به مرحله کلیه بخش‌های سامانه را توضیح می دهد. این سند توافق مکتوب ما و تیم شما برای توسعه محصول نهایی خواهد بود و در واقع نسخه اولیه محصول نهایی را با زبان نوشتاری توصیف میکند

طراحان ما با دریافت این سند مرحله بعدی کار خود را آغاز می نمایند

04. طراحی استوری بورد و تجربه کاربری

همه آنچه به عنوان روند کاری تهیه شده است در نهایت باید تبدیل به یک مسیر حرکت در سامانه برای کاربران با نقش های مختلف شود. در واقع معین می‌کند که کاربران با هر نقشی از کجا کار خود را آغاز کرده و به کجا میرسند و چه مسیرهایی را طی خواهند نمود

این مرحله که خروجی آن در قالب یک درختواره جهت دار با جزئیات محدود  می‌باشد، شما به یک استوری برد خواهید رسید که تجربه هر نقش کاربری اعم از مسیرهای ورود و خروج و اقداماتی که هر کاربر می‌تواند انجام دهد را در قالب یک نقاشی ساده که به آن اسکچ و وایرفریم می گوییم ارائه خواهد نمود

05. طراحی رابط کاربری بر اساس تجربه کاربری

اینجا محل ورود گرافیست‌های ماست که استوری بورد طراحی شده را پس از تایید شما رنگ و روح بخشیده و مولفه‌ها و خصوصیات گرافیکی را بر اساس هویت تجاری شما به آن اضافه نمایند، تا بک یک شمای گرافیکی و بصری از آنچه در محصول نهایی خواهیم دید برسیم.

خروجی این مرحله اصطلاحا پروتوتایپ یا نسخه اولیه طرح گرافیکی نام دارد که شامل افزودن رنگ، فونت، شکل اجزا و غیره می‌باشد

06. طراحی گرافیکی رابط کاربری

آنچه که در نهایت به آن خواهیم رسید و چیزی است که تحویل تیم برنامه نویسی می‌شود تا محصول شما را تولید نمایند رابط و تجربه کاربری است که یک سند شامل کلیه فرایندها و جزئیات گرافیکی محصول شما و همچنین کلیه صفحات اعم از وبسایت تا اپلیکیشن می‌باشد

این خروجی که اصطلاحا ماک‌آپ نام دارد می‌تواند شامل یک ویدئو یا گرافیک تعاملی از خروجی نهایی اپلیکیشن یا وبسایت شما باشد که می‌توان در بین صفحات حرکت نمود و حالت های مختلف را مشاهده کرد