اولویت بصری
عنوان، اطلاعات لازم و اقدام اصلی باید از هم قابل تشخیص باشند؛ بدون رقابت دائمی همه عناصر برای جلب توجه.
FARCOM / CLARITY BY DESIGN
طراحی UI/UX؛
تجربهای روشن،
با شخصیت برند شما.
برای وبسایت، فروشگاه و نرمافزار شما، مسیر انجام کار و رابطی متناسب با کاربران طراحی میکنیم؛ از بررسی محصول فعلی و وایرفریم تا طرح موبایل، نمونه قابل کلیک و مستندات تحویل به تیم توسعه.
01 / LESS FRICTION, MORE CLARITY
طراحی را در یک انتخاب ساده ببینید.
از شناسایی مسئله تا وایرفریم و نمونه قابل کلیک؛ سه لایه یک سناریوی فرضی را انتخاب کنید. نتیجه مطلوب، چیزی است که با کاربر آزمون میشود، نه صرفاً روی تصویر زیبا به نظر میرسد.
DESIGN STUDY / 01
کاربر برای یک کار مشخص آمده است.
در این مثال فرضی، کاربر میخواهد زمان یک جلسه را انتخاب کند. نمایش همزمان همه اطلاعات، انتخاب اصلی را سخت میکند. فرضیه طراحی: جزئیات فرعی را به مرحله مناسب منتقل کنیم.
F / APPOINTMENTنمونه فرضی · رزرو واقعی نیست
در یک صفحه، چند تصمیم رقیب.
معرفی تیمفهرست خدماتنوع جلسهاطلاعات تماسانتخاب زمانشرایط همکاریسوابق جلساتدریافت خبرنامه
هدف کاربر: انتخاب زمان یک جلسه02 / EVERY DETAIL HAS A JOB
جزئیات کوچک؛
اثر در تمام تجربه.
هر صفحه باید هدفی روشن داشته باشد. طراحی رابط، رفتار و محتوا را با هم بررسی میکنیم تا کاربر در لحظه تصمیم، پاسخ لازم را پیدا کند.
حالتهای واقعی
رابط فقط با داده کامل طراحی نمیشود. خطا، نتیجه خالی، انتظار و موفقیت هم پیام و قدم بعدی مشخص دارند.
استفاده با روشهای مختلف
خوانایی، کنتراست، پیمایش با صفحهکلید و نمایش در اندازههای مختلف بخشی از بررسی طراحیاند.
هویت منسجم
رنگ، تایپ، تصویر و حرکت باید به شخصیت برند خدمت کنند و میان صفحهها و دستگاهها زبان مشترک داشته باشند.
03 / FROM INSIGHT TO HANDOFF
خروجی طراحی، باید قابل استفاده برای تیم باشد.
دامنه همکاری میتواند یک جریان مهم، بازطراحی محصول یا سیستم طراحی کامل باشد. خروجی هر مرحله و سطح جزئیات آن را پیش از شروع مشخص میکنیم.
01
شناخت و اولویت
هدف کسبوکار، کاربران و محدودیتها را بررسی میکنیم. روش تحقیق با دسترسی به کاربران، داده موجود و دامنه پروژه تعیین میشود.
- تعریف مسئله
- فرضیه
- اولویت
02
ساختار و جریان
معماری اطلاعات، مسیرهای اصلی و استثناها پیش از طراحی ظاهر روشن میشوند؛ از شروع کار تا نتیجه و بازیابی از خطا.
- نقشه محتوا
- User Flow
- وایرفریم
03
رابط و سیستم طراحی
رنگ، تایپ، فاصله و اجزا در یک زبان مشترک تعریف میشوند؛ همراه با حالتهای فعال، خطا، خالی و بارگذاری.
- رابط واکنشگرا
- اجزا
- وضعیتها
04
آزمون و تحویل
نمونه قابل تعامل با سناریوهای مشخص بررسی میشود. اصلاحات و مشخصات رفتار اجزا برای ادامه توسعه مستند میشوند.
- پروتوتایپ
- یافتهها
- مستندات
04 / DESIGN IN CONTEXT
یک زبان واحد نیست؛
هر برند، بیان خودش را دارد.
در یک کاتالوگ، تصویر و کشف محصول اولویت دارد؛ در پنل عملیاتی، خوانایی اطلاعات و وضعیت کار. ساختار، تراکم محتوا و رفتار رابط را بر اساس کاری که مخاطب انجام میدهد طراحی میکنیم.
همه نمونهکارها ←
05 / DESIGN AND ENGINEERING, TOGETHER
فاصله بین طرح و اجرا،
از ابتدا کمتر میشود.
محدودیت فنی، محتوای واقعی و رفتار اجزا در طول طراحی بررسی میشوند. همکاری میتواند با تیم توسعه شما ادامه پیدا کند یا طراحی و اجرا هر دو در فرکام انجام شوند.
مسیر توسعه وباپ و پورتال ↗- 01
شروع با مسئله مشخص
هدف محصول، کاربران، جریان اولویتدار و محدودیتها را با هم مرور میکنیم.
- 02
نمونه پیش از توسعه کامل
تصمیمهای کلیدی را با وایرفریم و پروتوتایپ قابل بررسی میکنیم.
- 03
مشخصات قابل اجرا
اجزا، حالتها، رفتار واکنشگرا و جزئیات تعامل برای توسعه مشخص میشوند.
- 04
بازبینی نسخه پیادهشده
در صورت توافق در دامنه، اجرای واقعی را با طراحی و سناریوهای اصلی تطبیق میدهیم.
درباره طراحی رابط و تجربه کاربری بیشتر بدانید.
مشاهده بیشتر؛ تفاوت UI و UX، بازطراحی و هزینه
تفاوت UI و UX در پروژه چیست؟
تجربه کاربری به هدف، ساختار و مسیر انجام کار میپردازد. رابط کاربری این منطق را در محتوا، چیدمان و رفتار عناصر قابل استفاده میکند. این دو باید همزمان و با توجه به محدودیت فنی و هویت برند پیش بروند.
بازطراحی را از کجا شروع کنیم؟
از مسئله قابل مشاهده: گمشدن مسیر، خطاهای تکراری، محتوای نامفهوم یا ناهماهنگی رابط. در صورت دسترسی، داده رفتار کاربران و گفتوگو با آنها به اولویتبندی کمک میکند. تغییر کامل ظاهر، همیشه اولین پاسخ نیست.
چطور دامنه و هزینه مشخص میشود؟
تعداد و پیچیدگی جریانها، نقشهای کاربری، عمق تحقیق، وضعیت محتوای موجود و میزان مستندسازی روی دامنه اثر دارند. تعداد صفحه بهتنهایی معیار کافی نیست؛ حالتهای خطا، موبایل و تعاملها نیز باید مشخص باشند.
چطور نتیجه طراحی را ارزیابی میکنیم؟
سناریوی آزمون، کاربران هدف و معیارهایی مانند انجام موفق کار، خطاها و نیاز به راهنمایی پیش از ارزیابی تعریف میشوند. بدون داده و آزمون، افزایش نرخ تبدیل یا کاهش زمان انجام کار را تضمین نمیکنیم.
برای شروع چه اطلاعاتی لازم است؟
محصول فعلی یا ایده، گروههای کاربر، مهمترین کاری که باید انجام دهند و محدودیت زمان و فناوری را مشخص کنید. راهنمای برند، نمونه محتوا و بازخوردهای بدون اطلاعات شخصی کاربران نیز کمک میکنند. اگر داده یا امکان مصاحبه ندارید، فرضیهها و محدودیت بررسی را از ابتدا ثبت میکنیم.
تحویل طراحی شامل چه چیزهایی است؟
فایلهای قابل ویرایش، جریانهای توافقشده، طرح اندازههای هدف، اجزای تکرارشونده و حالتهای خطا و بارگذاری در دامنه تحویل تعیین میشوند. تعداد دورهای بازبینی، مجوز فونت و تصویر و همراهی با تیم توسعه نیز باید روشن باشند. تحویل طرح بهتنهایی به معنی تحویل سایت یا نرمافزار اجراشده نیست.
BEFORE WE DESIGN
پرسشهای شروع طراحی.
F / CLARITYCLEAR THINKING.
CONFIDENT DECISIONS.
CONFIDENT DECISIONS.
پیش از شروع، مسیر را روشن کنیم.
راهنمای آمادهسازی شرح پروژه ↗آیا UI/UX بدون توسعه هم ارائه میشود؟
بله. دامنه میتواند از تحقیق و معماری تجربه تا پروتوتایپ و Design System باشد، اما امکان ساخت فنی نیز در فرکام وجود دارد.
چطور مطمئن میشویم طرح قابل اجرا است؟
طراح و مهندس از مراحل اولیه در یک مسیر کار میکنند و محدودیت فنی، محتوا و حالتهای واقعی در طراحی لحاظ میشود.
بازطراحی محصول موجود چگونه انجام میشود؟
با تحلیل رفتار فعلی، نقاط اصطکاک و محدودیتهای محصول؛ سپس تغییرات اولویتبندی و در صورت نیاز مرحلهای اجرا میشوند.
هزینه و زمان طراحی UI/UX به چه عواملی بستگی دارد؟
تعداد جریانها و نقشها، عمق تحقیق، اندازههای هدف، حالتهای رابط و مستندات موردنیاز بر برآورد اثر دارند. تعداد صفحات بهتنهایی کافی نیست؛ خروجی هر مرحله و تعداد دورهای بازبینی نیز پیش از شروع مشخص میشوند.
آیا فایل قابل ویرایش طراحی تحویل داده میشود؟
فایلهای قابل ویرایش، اجزا، پروتوتایپ و مشخصات لازم برای توسعه در فهرست تحویل قرارداد مشخص میشوند. مجوز فونت، تصویر و سایر داراییهای بیرونی نیز جداگانه بررسی میشود.
اگر به کاربران واقعی دسترسی نداشته باشیم چه میشود؟
میتوان با بررسی محصول موجود، دادههای در دسترس و گفتوگو با تیم شروع کرد؛ اما فرضیهها جای مشاهده کاربران را نمیگیرند. محدودیت پژوهش ثبت و فرصت آزمون با کاربران هدف در برنامه ادامه کار در نظر گرفته میشود.
LET’S MAKE THE NEXT STEP CLEAR
کاربر شما کجا
به یک مسیر روشنتر نیاز دارد؟
محصول فعلی یا ایده اولیه را با ما مطرح کنید.
نقطه شروع طراحی را با هم مشخص میکنیم.