در این مقاله به شما نکات مهم ux – ui که در طراحی دکمه همیشه باید رعایت شوند به ساده ترین روش توضیح می‌دهیم.
وضعیت دکمه وضعیت خود را به کاربر اعلام می‌کند
ایجاد فعل و انفعالات و سبک‌های صحیح برای دکمه های شما یکی از مهم‌ترین بخش های فرآیند است.
هر قسمت باید امکانات روشنی داشته باشد که آن را از سایر حالت ها و چیدمان اطراف متمایز کند، اما نباید به شدت یک جزء را تغییر دهد یا نویز بصری زیادی ایجاد کند.
دکمه ها در مقابل لینک ها
دکمه ها اقداماتی را که کاربران می‌توانند انجام دهند ارتباط برقرار می‌کنند.
آن‌ها معمولاً در سرتاسر UI شما قرار می‌گیرند، در مکان‌هایی مانند:
دیالوگ‌ها، فرم‌ها، نوار ابزار و غیره.
تمایز بین دکمه‌ها و پیوندها مهم است:
پیوندها زمانی استفاده می‌شوند که در حال پیمایش به مکان دیگری هستید، مانند:
صفحه «مشاهده همه»، نمایه «راجر رایت» و غیره.
هنگامی که شما در حال انجام یک عمل هستید، از دکمه استفاده می‌شود، مانند: «ارسال»، «ادغام»، «ایجاد جدید»، «آپلود» و غیره.
نرمال – ارتباط برقرار می‌کند که جزء تعاملی و فعال است.
فوکوس – با استفاده از صفحه کلید یا سایر روش‌های ورودی، نشان می‌دهد که کاربر یک المان را برجسته کرده است.
شناور – هنگامی که کاربر مکان نما را بالای یک عنصر تعاملی قرار می‌دهد، ارتباط برقرار می‌کند.
حالت فعال — یا فشار داده شده نشان می‌دهد که کاربر روی دکمه ضربه زده است.
پروگرس / لودینگ _ زمانی استفاده می‌شود که عمل فوراً انجام نمی‌شود و نشان می‌دهد که جزء در حال تکمیل عمل است.
غیرفعال – نشان می‌دهد که مؤلفه در حال حاضر غیر تعاملی است، اما می‌تواند در آینده فعال شود.
دکمه ها در رنگ ها، شکل ها و اندازه های مختلف وجود دارند.
رایج ترین دکمه ها
مستطیل شکل با گوشه های گرد هستند که به راحتی قابل شناسایی هستند و در کنار فیلد ورودی خوب به نظر می‌رسند.
انتخاب سبک مناسب برای دکمه به هدف، پلت فرم و دستورالعمل‌ها بستگی دارد.
در اینجا برخی از محبوب‌ترین تغییرات سبک آورده شده است.
