الگوهای طراحی جدول داده
جداول دادهها در اندازهها، محتویات، اهداف و پیچیدگیهای مختلف وجود دارند. توانایی پرس و جو و دستکاری دادهها یک نیاز اساسی برای اکثر محصولاتی است که امروزه طراحی میشوند. شرکتهای نرمافزاری سازمانی اغلب مقادیر زیادی از دادهها را به کاربران خود ارائه میکنند و تجربههای جداول به خوبی طراحی شده را در اولویت قرار میدهند.
این مقاله مجموعهای از بهترین روشها است که به شما کمک میکند تا جداول دادههای خود را بهبود بخشید.
جدول از سه چیز تشکیل شده است: داده، ستون و ردیف. مهم است که این عناصر را به طور موثر بر اساس نیازهای محصول خود متعادل کنید.
از تراز وسط خودداری کنید
استفاده از چیدمان مناسب برای انواع مختلف محتوا برای افزایش خوانایی، محاسبات ذهنی و مقایسه بین ردیفها بسیار مهم است.
تراز در مرکز اسکن سریع را مختل میکند و باعث حرکات غیرضروری چشم میشود.
تراز از راست برای زبان فارسی یا عربی (راست چین)، و تراز از چپ برای زبانهای خارجی (چپ چین).
ستونها جداکنندههای عمودی ممکن است همیشه ضروری نباشند و جدول را از نظر بصری شلوغ کنند.
حاشیه نازک ۱ پیکسلی حداکثر و یک رنگ خاکستری روشن میتواند کافی باشد.
ردیفها سطرهای جدول نشان دهنده نهادهای اصلی هستند و سزاوار تمایز بصری بیشتری هستند.
استفاده از پسزمینههای رنگی متناوب برای هر ردیف، روشی مؤثر برای کمک به کاربران در ردیابی جایی است که در حین مطالعه هستند. این سبک به ویژه برای مجموعه دادههای بزرگتر مفید است.
اضافه کردن زیر متن
می توان از زیرمتن برای ارائه اطلاعات اضافی یا ترکیب ستونها بدون درهم ریختن جدول استفاده کرد.
به عنوان مثال، به جای داشتن ستونهای جداگانه برای کشور و زبان، میتوان زبان را به عنوان زیرمتن زیر نام کشور اضافه کرد.
از کنتراست واضح استفاده کنید افزودن کنتراست به جدول خود با استفاده از سبکهای متن و پس زمینههای مختلف میتواند یک سلسله مراتب ایجاد کند.
نشانههای بصری را اضافه کنید افزودن نشانههای بصری با پسزمینههای رنگی مختلف به جدول، زمینه سازمانی را بهبود میبخشد و اسکن و درک دادهها را آسانتر میکند. برچسبهای رنگی بازخورد بصری بهتری ارائه میدهند، بار شناختی را کاهش میدهند و الگوهای تعامل بصریتری ایجاد میکنند.
مرتب سازی ستونها به کاربران اجازه میدهد تا ردیفها را بر اساس یک دسته خاص سازماندهی کنند. هر ستونی را میتوان بر اساس حروف الفبا یا عددی با کلیک بر روی نماد مرتب سازی در کنار برچسب ستون مرتب کرد.
🔗 برای مطالعه ادامه مقاله میتوانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۸ دقیقه)
گردآورنده: امیرحسین معظمی
#UI #table
#رابط_کاربر #جدول
@Dexign فلسفه دیزاین
______
Post #1341
2.13K