۷ نکته ساده در طراحی دکمه که تاثیر زیادی دارد
در طراحی UI، دکمه عنصر تعاملی اساسی است که به کاربران اجازه می‌دهد تا اقداماتی را انجام دهند یا در یک محصول جابجا شوند.
طراحی موثر دکمه تضمین می‌کند که آن‌ها به راحتی قابل تشخیص باشند، در دسترس و هنگام تعامل با آن‌ها بازخورد واضحی ارائه می‌دهند و تجربه کلی کاربر را بهبود می‌بخشند.
۱. متن‌های دکمه‌ها را پیچیده نکنید
دکمه‌های دارای متن پیچیده می‌توانند به هم ریخته یا ناهموار به نظر برسند.
اسکن یک خط متن ساده‌تر است و اطمینان می‌دهد که کاربران می‌توانند به سرعت عملکرد دکمه را درک کنند.
۲. از افعال عمل به عنوان برچسب دکمه استفاده کنید.
برچسب‌های دکمه‌ها به کاربران انگیزه می‌دهند تا اقدام کنند. همیشه از برچسب‌های دکمه‌ای استفاده کنید که برای کاربر واضح و معنادار باشد.
۳. از دکمه های غیرفعال استفاده نکنید.
دکمه‌های غیرفعال جریان تعامل را می‌شکنند.
از استفاده از دکمه غیرفعال خودداری کنید زیرا یافتن دلیل غیرفعال بودن و اینکه چه کاری باید برای فعال کردن آن انجام شود دشوار است.
۴. دکمه‌ها را کنار هم قرار دهید.
وجود دکمه‌ها در کنار هم امکان تصمیم‌گیری سریع‌تر را فراهم می‌کند زیرا کاربران می‌توانند گزینه‌ها را در یک نگاه مقایسه کنند. انباشته شدن عمودی می‌تواند ناخواسته یک سلسله مراتب درک شده ایجاد کند و باعث شود که یک دکمه مهمتر از دیگری به نظر برسد.
۵. دکمه اقدام اولیه را برجسته کنید.
با طراحی تصویری قوی‌تر، دکمه اکشن اولیه را در صفحه برجسته کنید. این می‌تواند شامل وزن بصری، رنگ، اندازه و محل قرارگیری آن باشد.
قرار دادن دکمه اکشن اولیه بسیار مهم است. باید در جایی قرار گیرد که کاربران انتظار آن را دارند.
۶. از طراحی استاندارد دکمه استفاده کنید.
دکمه‌ها باید شبیه دکمه‌های استاندارد باشند. استفاده از اشکال و سبک‌های غیرمعمول باعث سردرگمی کاربران می‌شود. پیروی از طراحی‌های استاندارد دکمه‌ها، سازگاری را در بین برنامه‌ها، وبسایتها و پلتفرم‌های مختلف حفظ می‌کند.
۷. از دو آیکون در یک دکمه استفاده نکنید.
هر آیکون در یک دکمه معنای بصری خود را دارد و استفاده از دو آیکون می‌تواند ابهام ایجاد کند. کاربران ممکن است برای درک اینکه کدام نماد عملکرد دکمه را نشان می‌دهد، مشکل داشته باشند.
🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید.
(زمان حدودی مطالعه: ۴ دقیقه)
گردآورنده: امیرحسین معظمی
#رابط_کاربر #دیزاین_سیستم #دکمه
#UI
@Dexign فلسفه دیزاین
______
Post #1363
2.21K
