Visual Hierarchy আর Contrast

Visual hierarchy হলো ক্রম যেখানে একজন user-এর চোখ একটা screen-এর মধ্য দিয়ে পরিচালিত হয়। কোনো hierarchy ছাড়া একটা screen — যেখানে প্রতিটা element সমানভাবে মনোযোগের জন্য প্রতিযোগিতা করে — আসলে বেশি না, কম জানায়, কারণ কিছুই চোখকে বলে না কোথা থেকে শুরু করতে হবে।

একটা সাধারণ e-commerce card-এর একটা স্পষ্ট উদ্দিষ্ট hierarchy আছে: product image (সবচেয়ে বড়, প্রথম), তারপর price (bold, উচ্চ contrast), তারপর title (মাঝারি), তারপর shipping info-এর মতো একটা গৌণ detail (সবচেয়ে ছোট, মৃদু)। এগুলো সবকে একই আকার আর weight-এ সমতল করলে কারিগরিভাবে একই তথ্য দেখাবে — কিন্তু একজন user-কে কী গুরুত্বপূর্ণ তা বুঝতে কাজ করতে হবে।

একটা সাধারণ client বা stakeholder request হলো একসাথে বেশ কয়েকটা element bold, বড়, আর রঙিন করা কারণ প্রতিটা তাদের কাছে ব্যক্তিগতভাবে গুরুত্বপূর্ণ মনে হয়। ফলাফল নিজেকে বাতিল করে দেয় — যখন সবকিছুতে জোর দেওয়া হয়, কিছুতেই দেওয়া হয় না, আর screen পরিষ্কারের বদলে কোলাহলপূর্ণ পড়ে।