طراحی دکمه

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

حالات دکمه
هر حالت باید توانایی‌های روشنی داشته باشد که آن را از سایر حالت‌ها و چیدمان اطراف متمایز کند، اما نباید به شدت یک جزء را تغییر دهد یا اختلال بصری زیادی ایجاد کند.
- Normal
- Hover
- Focus
- Active/press
- Progress/Loading
- Disabled

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

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

به گفته «جیکوب نیلسن»، سازگاری یکی از قوی‌ترین اصول کاربردپذیری است: وقتی همه چیز همیشه یکسان رفتار می‌کند، کاربران نیازی نگرانی در مورد اینکه چه اتفاقی خواهد افتاد، نخواهند داشت.

فشار دادن یک دکمه باید کار ساده‌ای باشد و اگر کاربر نتواند با موفقیت روی یک دکمه ضربه بزند یا در این فرآیند به اشتباه روی یک عنصر همسایه ضربه بزند، منجر به تجربه منفی و از دست دادن زمان می‌شود.
برای اکثر پلتفرم‌ها، اهداف لمسی را حداقل 48×48 dp در نظر بگیرید. یک هدف لمسی با این اندازه منجر به اندازه فیزیکی حدود 9 میلی متر، صرف نظر از اندازه صفحه نمایش می‌شود.

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

کنترل‌های غیرفعال برای نشان دادن این که مؤلفه در حال حاضر غیرتعاملی است استفاده می‌شوند، اما در آینده می‌توان آن را فعال کرد. از دکمه‌های غیرفعال استفاده می‌شود زیرا حذف دکمه از محل اصلی خود و نشان دادن آن در یک زمینه بعدی می‌تواند باعث سردرگمی کاربران شود.

🔗 برای مطالعه ادامه مقاله می‌توانید به لینک مراجعه کنید.

(زمان حدودی مطالعه: ۸ دقیقه)

گردآورنده: امیرحسین معظمی

#رابط_کاربر #دکمه
#UI

@Dexign فلسفه دیزاین

______