رابط موبایل
اپ تراکنش
مرور حساب و تراکنشها در یک نمای موبایل
FIGMA / INTERACTIVE PROTOTYPE
آمادهسازی طرح در فیگما ممکن است کمی طول بکشد. پس از نمایش، برای تعامل داخل طرح کلیک کنید. نمایش به دسترسی فایل نیاز دارد.
یک رابط موبایل برای بررسی موجودی، واریزها و برداشتها با انتخاب بازه و دسته هزینه.
- نقش من
- طراحی رابط کاربری
- نوع پروژه
- پروژه طراحی
۰۱ / شناخت مسئله
زمینه مالی پیش از جزئیات
فهرست تراکنش بهتنهایی پاسخ نمیدهد که کاربر در چه بازهای است یا کدام دسته سهم بیشتری دارد. نمای صفحه باید خلاصه حساب و جزئیات ردیفها را به هم مرتبط کند.
مرور مالی به حفظ زمینه زمانی و حساب وابسته است. کاربر باید بتواند ارتباط خلاصه، دسته هزینه و ردیف تراکنش را بدون بازخوانی مکرر تشخیص دهد.
۰۲ / منطق طراحی
زمان، دسته و ردیف تراکنش
انتخاب ماه بالای خلاصه قرار میگیرد. نمودار ترکیب دستهها را نشان میدهد و فهرست، جزئیات هر تراکنش را در ساختاری ثابت برای مرور مبلغ و نوع ارائه میکند.
تکرار ساختار ردیفها مقایسه را آسان میکند. نمودار و رنگ باید همراه برچسبهای متنی استفاده شوند تا نوع تراکنش فقط به رنگ وابسته نباشد.
۰۳ / خروجی طراحی
یک نمای مرور مالی
کاربر ابتدا بازه و وضعیت حساب را میبیند، بعد میتواند از خلاصه به ردیفهای تراکنش برسد. نوار پایین، این نما را در ساختار کلی اپ نگه میدارد.
جزئیات منتخب طراحی
۰۴ / گام بعدی
ارزیابی پیشنهادی و ملاحظات اجرا
برای ارزیابی، یافتن یک برداشت در ماه مشخص و توضیح سهم یک دسته پیشنهاد میشود. حالت بدون تراکنش، خطای دریافت داده و طول متفاوت مبالغ، حالتهای مهم برای تکمیل پیادهسازی هستند.

حامیان کمپین
تمرین طراحی رابط

هنر کودک
ارائه مطالعه طراحی
برای فصل بعدی محصول آماده اید؟
شروع گفتگو