در 3 قسمت گذشته به بررسی 9 قانون از مجموعه قوانین طراحی رابط کاربری پرداختیم و بررسی کردیم برای آنکه محصول کاربر پسندی داشته باشیم باید چه چیزهایی را رعایت کنیم.
در ادامه به بررسی 3 قانون دیگر خواهیم پرداخت.
ذهن انسان تمایل دارد اشکال مشابه را مرتبط بهم دستهبندی کند. رنگ، اندازه، شکل و ترکیب از جمله مواردی است که میتواند عامل تشابه باشد.
فرض کنید هاتجر را چک میکنید و کاربر تمام بخش های صفحه کلیک میکند تا لینک را پیدا کند.
اشکال کجاست؟
یکی از علل میتواند این باشد که لینک را به کاربر نشان ندادید یا بد نشان دادید، کاربر آموخته برای مثال لینک در تمام سایتها متنی بولد است و رنگ آبی دارد.
شما لینک را هم سایز متون و رنگ خاکستری گذاشتهاید، پس بارشناختی برای کاربر افزایش مییابد تا لینک را پیدا کند.
عناصری که بهم متصل شدهاند بیشتر از سایز عناصر به هم مرتبط به نظر میرسند.
برای مثال به تصویر زیر دقت کنید:
یک فرد عادی فقط می تواند 7 مورد (بعلاوه یا منفی 2) را در حافظه کاری خود نگه دارد.
به زبان ساده همیشه عناصر اطلاعاتی را در دسته های کوچک تر از 9 و ترجیحا 5 تایی، سازماندهی کنید.
مهمترین بخشی که از این قانون میتوان استفاده کرد در دستهبندی اعداد، اطلاعات، لیستها و وارد مشابه آن در سایت است.
برای مثال به فرم زیر دقت کنید:
راحتترین انتخاب برای کاربر انتخابی است که نیاز نباشد خیلی فکر کند و بین موارد گم شود.
یا برای مثال شماره کارت عابر بانک خود را ببینید، اگر این 16 رقم پشت هم بدون فاصله نوشته میشد کار شما چقدر سختتر بود؟
قطعا اینکه 4 رقم 4 رقم جدا شده است به راحت تر شدن خواندن یا حتی به خاطر سپاری آن کمک میکند.
از این لینک میتوانید قسمت سوم از مجموعه قوانین اصلی UX را بخوانید.
در ادامه به سایز قوانین خواهیم پرداخت.