همه نمونه‌کارها

رابط موبایل

اپ تراکنش

مرور حساب و تراکنش‌ها در یک نمای موبایل

پروژه طراحیشروع همکاری

FIGMA / INTERACTIVE PROTOTYPE

در حال بارگذاری پروتوتایپ…

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

یک رابط موبایل برای بررسی موجودی، واریزها و برداشت‌ها با انتخاب بازه و دسته هزینه.

نقش من
طراحی رابط کاربری
نوع پروژه
پروژه طراحی

۰۱ / شناخت مسئله

زمینه مالی پیش از جزئیات

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

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

۰۲ / منطق طراحی

زمان، دسته و ردیف تراکنش

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

تکرار ساختار ردیف‌ها مقایسه را آسان می‌کند. نمودار و رنگ باید همراه برچسب‌های متنی استفاده شوند تا نوع تراکنش فقط به رنگ وابسته نباشد.

۰۳ / خروجی طراحی

یک نمای مرور مالی

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

جزئیات منتخب طراحی

نمای کامل طراحی

۰۴ / گام بعدی

ارزیابی پیشنهادی و ملاحظات اجرا

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

نمای طراحی حامیان کمپین
پروژه قبلی

حامیان کمپین

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

نمای طراحی هنر کودک
پروژه بعدی

هنر کودک

ارائه مطالعه طراحی

برای فصل بعدی محصول آماده اید؟

شروع گفتگو
گالری پروژه
/ ۳