چگونه تضاد در رنگ ها کاربران را برای انجام عملی هدایت می کند؟

How-contrasts-in-color-and-practical-guides-users-to-do

چگونه تضاد در رنگ ها کاربران را برای انجام عملی هدایت می کند؟

1280 853 مسترکاما

آیا تا به حال اشتباهی روی دکمه ای کلیک کرده اید؟ کاربران وقتی در پنجره های مودال به درستی راهنمایی نمی شوند، تصمیمات نادرستی می گیرند. بسیاری از پنجره های مودال کاربران را مجبور به انجام عملی می کنند بدون این که تفاوت بین عمل های مختلف را مشخص سازند.
رنگ های واضح بین دکمه ها تفاوت ایجاد می کنند و همین رنگ ها کاربران را به انتخاب کلید درست هدایت می کنند. اگر انتخاب نوع عمل برای کاربر مشخص نباشد نوعی عدم قطعیت در او بوجود می آید واو وظایفش را کند انجام می دهد. حتی ممکن است منجر به انتخاب عملی نادرست شود که آن ها را از انجام وظایفشان دور می کند.

عملیات مثبت، منفی و خنثی

سه نوع عمل وجود دارند که هر دکمه می تواند مربوط به یکی از این سه نوع باشد:

  • مثبت : تغییر، ارسال یا افزودن اطلاعات
  • خنثی : هیچ تغییری ایجاد نمی کند و یا باعث می شود که کاربر به صفحه باز گردد (برای مثال دکمه cancel)
  • منفی : حذف، تنظیم دوباره یا مسدود کردن اطلاعات

عملیات مثبت نیاز به بیشترین تفاوت را دارند

اعمال مثبت شایع ترین عملکردها در صفحات مودال هستند. کاربران می خواهند بدانند که کدام عملکرد ها به انها اجازه ی کامل کردن وظایفشان را می دهد. شما باید این کار را برای آن ها ساده کنید به این صورت که عملیات مثبت بیشترین تفاوت رنگ را داشته باشند. هر عمل خنثی یا منفی که در کنار عمل مثبت قرار بگیرد باید تفاوت رنگ کمتری داشته باشد.

1

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

وقتی که عملیات منفی دارای بیشترین تفاوت هستند.

عملیات منفی نباید بیش از عمل های مثبت تفاوت ایجاد کنند. عمل های مثبت بیشتر استفاده می شوند و مطمئن تر استفاده می شوند. بنابراین مهم است که کاربران دکمه ی مثبت را با دکمه ی منفی اشتباه نگیرند. ولی وقتی عمل های منفی تنها در کنار عمل های خنثی قرار می گیرند باید تفاوت بیشتری نسبت به خنثی داشته باشند.

2
در این حالت باید دکمه عمل منفی را با یک رنگ گرم پر کنید. رنگ های گرم مانند نارنجی و زرد چشمان کاربر را تحریک می کنند و تمایل دارند که در جلو قرار بگیرند. وقتی کاربر آن را می بیند می دانند که باید قبل از این که روی آن کلیک کند، دوباره فکر کند.

عملیات خنثی کمترین تفاوت را دارند.

یک پنجره ی مودال خودش به تنهایی دارای یک عمل خنثی نیست. همیشه با یک عمل منفی یا مثبت همراه است. عمل خنثی باید کمترین تضاد را داشته باشد بنابراین با عمل های دیگر رقابت نمی کند.

حاشیه سیاه در یک دکمه برای این که به کاربر نشان دهد یک عمل خنثی است کافی می باشد. عمل خنثی هیچ رنگی ندارد بنابراین نظر کاربر را از یک دکمه ی مثبت یا منفی به سمت خود جلب نمی کند. حاشیه یا متن داخل دکمه را خاکستری نکنید زیرا ممکن است کاربر آن را باید دکمه ی غیر فعال اشتباه بگیرد. آن ها باید با پس زمینه متفاوت باشند بنابراین باید آشکار و فعال به نظر برسند.

نتیجه نهایی

اگر رنگ عمل های مثبت، منفی و خنثی با هم متفاوت باشد می توانند در کنار هم قرار بگیرند. هر چه این تفاوت بیشتر و واضح تر باشد کاربر سریع تر می تواند وظایف خود را انجام دهد. رنگ ها نقش مهمی را در واسط کاربری دارند. رنگ ها فقط جنبه ی زیبایی ندارند بلکه ابزاری هستند که کاربران را برای انجام عملی هدایت می کنند.

 

ترجمه توسط مسترکاما

چگونه تضاد در رنگ ها کاربران را برای انجام عملی هدایت می کند؟

زمان مطالعه: 3 دقیقه