این کانال چکیدهای از مقالات روز، نمونههای موفق، ابزارهاییست که ما در DeXign Studio با آن برخورد داشته و معرفیشان میکنیم.
ارتباط با کانال:
@mohsenissapour
منابع و ابزارهای دیزاین:
DexignResources.com
دسخط:
https://daskhat.dexignresources.com
Post #1306
2.24K
طراحی لیست – راهنمای کوتاهی برای مبتدیان
طراحی فهرست بخش مهمی از برنامههای موبایل و پروژههای طراحی وب است که در آن طراحان باید بهترین روشها را برای نمایش محتوا به کاربران به کار ببرند.
طراحی فهرست شامل طراحی، نمونه سازی و آزمایش فهرستها برای نمایش چندین مورد از محتوای مشابه است. این موارد در فهرست میتواند شامل یک خط متن یا یک جزء کارت با تصویر کوچک، متن و نماد باشد.
سه اصل برای طراحی فهرست وجود دارد:
فهرست: همه موارد فهرست با هم.
آیتمهای فهرست: یک مورد جداگانه در فهرست.
محتوای هر فهرست: محتوایی که یک فهرست را میسازد، شامل تصویر، عنوان، متن، و سایر عناصر رابط کاربری.
طراحان تجربه میتوانند از سه ساختار برای تولید فهرست محتوا استفاده کنند: ساختار افقی، عمودی و شبکه ای.
یک مثال عالی از این لیستها، اینستاگرام است:
محتوای اصلی(Post) = ساختار عمودی
محتوای داستانی(Story) = ساختار افقی
محتوای جستجو(Explore) = ساختار شبکهای
مهم ترین تفاوت بین فهرستها و جدولها، ساختار داده است.
جداول دارای ساختار خاصی هستند، شامل سرتیتر، ردیف و ستون با مرتبسازی و فیلتر برای یافتن و دستکاری دادهها.
فهرستها ساختار ثابتی ندارند. هر آیتم فهرست مستقل است و نه بخشی از مجموعه داده ساختاریافته با سطرها و ستونها.
طراحی یک فهرست خوب، از تفکر طراحی و اصول طراحی کاربر محور پیروی میکند. طراحی فهرست باید با نیازهای کاربر مطابقت داشته باشد و در عین حال زمینههای مناسبی برای محتوا فراهم کند.
یکی از نکات کلیدی در طراحی رابط کاربری یک فهرست عالی، آسان کردن کار کاربران در اسکن محتوا، برای یافتن آنچه که نیاز دارند است.
هرچقدر کاربر سریعتر بتواند آنچه را که نیاز دارد پیدا کند، تجربه کاربری بهتری دارد و احتمال استفاده و توصیه محصول شما بیشتر خواهد بود.
سلسله مراتب نقش حیاتی در اسکن کردن فهرستها و خواندن آسانتر دارد.
به عنوان مثال، Spotify از اندازه و رنگ فونت برای ایجاد یک سلسله مراتب بصری بین عنوان آهنگ و هنرمند استفاده میکند. اندازه و رنگ متفاوت اسکن لیست پخش را برای کاربران آسان میکند.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #فهرست
#list #UI
@Dexign فلسفه دیزاین
______
طراحی فهرست بخش مهمی از برنامههای موبایل و پروژههای طراحی وب است که در آن طراحان باید بهترین روشها را برای نمایش محتوا به کاربران به کار ببرند.
طراحی فهرست شامل طراحی، نمونه سازی و آزمایش فهرستها برای نمایش چندین مورد از محتوای مشابه است. این موارد در فهرست میتواند شامل یک خط متن یا یک جزء کارت با تصویر کوچک، متن و نماد باشد.
سه اصل برای طراحی فهرست وجود دارد:
فهرست: همه موارد فهرست با هم.
آیتمهای فهرست: یک مورد جداگانه در فهرست.
محتوای هر فهرست: محتوایی که یک فهرست را میسازد، شامل تصویر، عنوان، متن، و سایر عناصر رابط کاربری.
طراحان تجربه میتوانند از سه ساختار برای تولید فهرست محتوا استفاده کنند: ساختار افقی، عمودی و شبکه ای.
یک مثال عالی از این لیستها، اینستاگرام است:
محتوای اصلی(Post) = ساختار عمودی
محتوای داستانی(Story) = ساختار افقی
محتوای جستجو(Explore) = ساختار شبکهای
مهم ترین تفاوت بین فهرستها و جدولها، ساختار داده است.
جداول دارای ساختار خاصی هستند، شامل سرتیتر، ردیف و ستون با مرتبسازی و فیلتر برای یافتن و دستکاری دادهها.
فهرستها ساختار ثابتی ندارند. هر آیتم فهرست مستقل است و نه بخشی از مجموعه داده ساختاریافته با سطرها و ستونها.
طراحی یک فهرست خوب، از تفکر طراحی و اصول طراحی کاربر محور پیروی میکند. طراحی فهرست باید با نیازهای کاربر مطابقت داشته باشد و در عین حال زمینههای مناسبی برای محتوا فراهم کند.
یکی از نکات کلیدی در طراحی رابط کاربری یک فهرست عالی، آسان کردن کار کاربران در اسکن محتوا، برای یافتن آنچه که نیاز دارند است.
هرچقدر کاربر سریعتر بتواند آنچه را که نیاز دارد پیدا کند، تجربه کاربری بهتری دارد و احتمال استفاده و توصیه محصول شما بیشتر خواهد بود.
سلسله مراتب نقش حیاتی در اسکن کردن فهرستها و خواندن آسانتر دارد.
به عنوان مثال، Spotify از اندازه و رنگ فونت برای ایجاد یک سلسله مراتب بصری بین عنوان آهنگ و هنرمند استفاده میکند. اندازه و رنگ متفاوت اسکن لیست پخش را برای کاربران آسان میکند.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۶ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #فهرست
#list #UI
@Dexign فلسفه دیزاین
______
- 👍 9
- ❤ 1






