مهسا کاظم زاده
مهسا کاظم زاده
خواندن ۲ دقیقه·۳ سال پیش

21 قانون اصلی از طراحی UX (قسمت چهارم)

در 3 قسمت گذشته به بررسی 9 قانون از مجموعه قوانین طراحی رابط کاربری پرداختیم و بررسی کردیم برای آنکه محصول کاربر پسندی داشته باشیم باید چه چیزهایی را رعایت کنیم.

در ادامه به بررسی 3 قانون دیگر خواهیم پرداخت.

قانون تشابه (Law of Similarity)

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

  • عناصری که از نظر بصری مشابه باشند مرتبط با هم شناخته می‌شوند.
  • رنگ ، شکل و اندازه ، جهت و حرکت می‌تواند نشانه این باشد که عناصر به یک گروه تعلق دارند و احتمالاً دارای یک معنی یا ویژگی مشترک هستند.
  • اطمینان حاصل کنید نویگیشن‌ها و لینک‌ها از متون معمولی متفاوت باشند.


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

اشکال کجاست؟

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

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


قانون اتصال یکنواخت(Law of Uniform Connectedness)

Law of Uniform Connectedness
Law of Uniform Connectedness

عناصری که بهم متصل شده‌اند بیشتر از سایز عناصر به هم مرتبط به نظر می‌رسند.

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


برای مثال به تصویر زیر دقت کنید:



قانون میلر(Miller’s Law)

یک فرد عادی فقط می تواند 7 مورد (بعلاوه یا منفی 2) را در حافظه کاری خود نگه دارد.

به زبان ساده همیشه عناصر اطلاعاتی را در دسته های کوچک تر از 9 و ترجیحا 5 تایی، سازماندهی کنید.

  • برای توجیه محدودیت های طراحی غیرضروری از "عدد جادویی هفت" استفاده نکنید.
  • برای کمک به کاربران برای درک و پردازش اطلاعات آن‌ها را به قطعات کوچک‌تر دسته‌بندی کنید.
  • به یاد داشته باشید که ظرفیت حافظه کوتاه مدت براساس دانش قبلی و شرایط موقعیتی در هر فرد متفاوت خواهد بود.

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

برای مثال به فرم زیر دقت کنید:

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

یا برای مثال شماره کارت عابر بانک خود را ببینید، اگر این 16 رقم پشت هم بدون فاصله نوشته می‌شد کار شما چقدر سخت‌تر بود؟

قطعا اینکه 4 رقم 4 رقم جدا شده است به راحت تر شدن خواندن یا حتی به خاطر سپاری آن کمک می‌کند.




از این لینک می‌توانید قسمت سوم از مجموعه قوانین اصلی UX را بخوانید.

در ادامه به سایز قوانین خواهیم پرداخت.





قوانین یوایکسقوانین uxux laws
شاید از این پست‌ها خوشتان بیاید