বোতাম

বাটন হলো ব্যবহারকারীর কার্যকলাপের প্রধান দৃশ্যমান নির্দেশক।

নীতিমালা

কার্যভিত্তিক : বাটনগুলো থেকে এটা পরিষ্কারভাবে বোঝা উচিত যে সেগুলো কোনো একটি কাজ শুরু করে।

সুস্পষ্ট প্রতিক্রিয়া : তাৎক্ষণিক প্রতিক্রিয়া প্রদানের জন্য, বাটনটির চেহারা অবশ্যই বিভিন্ন ইন্টারঅ্যাকশন অবস্থায় (হোভার, প্রেস, ফোকাস) স্পষ্টভাবে পরিবর্তিত হতে হবে।

সামঞ্জস্যপূর্ণ : তাৎক্ষণিকভাবে শনাক্তযোগ্য হওয়ার জন্য সমস্ত বোতামের একটি সাধারণ দৃশ্যমান শৈলী থাকা উচিত।

নমনীয় : বাটন কম্পোনেন্টটিতে সামঞ্জস্য বজায় রেখে আইকন যুক্ত করা এবং বিভিন্ন আকারের মতো সাধারণ বৈচিত্র্যগুলো অন্তর্ভুক্ত করার সুবিধা থাকা উচিত।

ব্যবহার ও স্থাপন

একটি বাটনকে তার প্রাসঙ্গিক বিষয়বস্তুর কাছাকাছি রাখা উচিত। এগুলোকে একা অথবা কার্ড ও তালিকার মতো অন্যান্য উপাদানের সাথেও রাখা যেতে পারে।

check_circle

করুন

কম প্রাসঙ্গিক কাজগুলো প্রকাশ করার জন্য পর্যায়ক্রমিক প্রকাশ পদ্ধতি ব্যবহার করুন।

cancel

না

অতিরিক্ত বাটন দিয়ে ব্যবহারকারীর দৃষ্টিকে ভারাক্রান্ত করবেন না। এর পরিবর্তে একটি বাটন গ্রুপ ব্যবহার করুন।

check_circle

করুন

কোনো কাজ করার জন্য বাটন ব্যবহার করুন। অথবা কোনো স্থির উপাদানের জন্য টাইটেল চিপ ব্যবহার করুন।

cancel

না

একটি বাটনকে স্থির আলংকারিক উপাদান হিসেবে ব্যবহার করুন।

আইকন বোতাম

বিষয়বস্তুর ঘনত্ব কমাতে আইকন বাটন ব্যবহার করা যায়। যখন আইকনটি কোনো কাজ স্পষ্টভাবে বোঝায়, তখন আইকন বাটন ব্যবহার করুন, অন্যথায় একটি বাটন লেবেল যুক্ত করুন।

check_circle

করুন

সচরাচর সহজে চেনা যায় এমন কাজগুলোর জন্য আইকন বাটন ব্যবহার করুন।

cancel

না

খুবই অপরিচিত কাজের জন্য আইকন বাটন ব্যবহার করুন।

টগলযোগ্য

ফেভারিটের মতো বুলিয়ান অবস্থা সম্পন্ন অ্যাকশনগুলোর জন্য, প্রতিটি বাটন টাইপের একটি টগল ভ্যারিয়েন্ট উপলব্ধ রয়েছে। টগল অবস্থাগুলোর মধ্যে আইকন অদলবদল করলে ইন্টারঅ্যাকশনটি এক নজরে সহজে বোঝা যায় এবং রেসপন্সিভ হয়।

check_circle

করুন

কোনো কাজের জন্য বুলিয়ান অপশন থাকলে টগল বাটন ব্যবহার করুন। যেমন স্টার্ট/স্টপ।

cancel

না

নন-বাইনারি কার্যকলাপের জন্য একটি টগল বাটন ব্যবহার করুন।

শারীরস্থান

বাটনগুলো একটি লেবেল এবং ঐচ্ছিকভাবে শুরুতে বা শেষে একটি আইকন নিয়ে গঠিত।

আইকন বাটনগুলো শুধুমাত্র একটি শনাক্তযোগ্য আইকন দ্বারা গঠিত।

উভয়েরই একটি পরিবর্তনযোগ্য সংস্করণ রয়েছে।

কাস্টমাইজেশন

বাটনগুলোতে একটি ডিফল্ট এবং একটি বড় স্টাইল রয়েছে। বড় আকার গুরুত্ব তুলে ধরতে সাহায্য করতে পারে।

বাটনটিকে পেছনে বা সামনে রেখে আরও বেশি গুরুত্ব, স্পষ্টতা ও পরিচিতি দেওয়ার জন্য আইকন ব্যবহার করা যেতে পারে।