این پروژه یک نمونه‌کار قدیمی از طراحی صفحه اعضای تیم است. ایده اصلی روی این بود که کاربر بتواند عضو فعال یا انتخاب‌شده را سریع‌تر از سایر اعضا تشخیص دهد و در عین حال ساختار کلی صفحه ساده و قابل اسکن باقی بماند.
ایده طراحی
اعضای تیم در یک ردیف قرار گرفته‌اند. برای ایجاد تفاوت بصری، حالت انتخاب‌شده مستقیم‌تر به کاربر نگاه می‌کند و سایر تصاویر جهت متفاوتی دارند. این تغییر کوچک در جهت چهره باعث می‌شود بدون نیاز به رنگ یا افکت سنگین، Focus State واضح‌تری ایجاد شود.
نکات UI این طرح
- استفاده از تفاوت بصری برای مشخص کردن آیتم انتخاب‌شده
- کاهش شلوغی و حفظ Scanability در لیست اعضا
- تمرکز روی Hierarchy به‌جای تزئینات اضافه
برای یادگیری اصول و فرایند طراحی رابط کاربری در پروژه‌های واقعی، دوره UI Design را ببینید.
