طراحی UI/UX اپلیکیشن موبایل؛ خروجی هر مرحله چیست؟

کارهای اصلی کاربر را فهرست کن

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

حالت‌های خارج از مسیر ایده‌آل را طراحی کن

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

تحویل را قابل اجرا کن

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

سناریوی تحویل به توسعه‌دهنده

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

بازبینی پس از پیاده‌سازی

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

پرسش‌های پرتکرار

آیا پروتوتایپ همان اپ آماده است؟

خیر؛ پروتوتایپ رفتار و جریان را برای بررسی شبیه‌سازی می‌کند و ساخت و آزمون فنی مرحلهٔ دیگری است.