ایجاد حسی بهتر با گوشه های گرد دکمه ها

برای مثال، در داشبورد سایت TurboTax، قسمت بالایی که از کادر‌های لبه گرد استفاده شده است، بسیار جذاب‌تر از بخش وسطی است که از کادر‌های با لبه تیز استفاده شده است.

آیا باید دکمه‌های کاملا گرد را استفاده کنیم؟

دکمه‌های کاملا گرد شده در رابط‌های کاربری که دارای فضای مناسبی هستند، بسیار عالی هستند. در اپلیکیشن موبایل و وب سایت Spotify، قرار دادن دکمه‌های سبز به طور کامل گرد شده، در هدایت توجه کاربران بر روی دکمه‌های تماس بسیار موفق بوده است.

از لحاظ محتوا، در طراحی رابط کاربری و تجربه کاربری وب سایت Spotify ، هدف موسیقی و پخش آن است: پخش موسیقی، پخش پادکست ها، و مشاهده لیست پخش، تعامل اولیه در برنامه است. دکمه پخش به واسطه رنگ و شکل ظاهری (دورگرد بودن) نسبت به آلبوم آهنگ‌ها و فهرست بسیار قابل تشخیص‌تر می‌باشد، لذا کاربران را برای ضربه زدن روی “پخش” تشویق می‌کند.

هنگامی که دکمه‌ها به طور کامل گرد می‌شوند کار نمی‌کنند!

چند نمونه وجود دارد که دکمه‌های گرد کامل می‌توانند مسائلی مربوط به قابلیت استفاده را تحت الشعاع قرار دهند.

1. دکمه‌های کاملا گرد همانند برچسب‌ها (تگ ها) دیده می‌شوند.

هنگامی که کاربران با دقت به دکمه‌های کاملا گرد نگاه می‌کنند، گیج می‌شوند که آیا آن می‌تواند یک دکمه باشد یا تگ است! و این سوال برای آنها ایجاد می‌شود: “آیا می‌توانم بر روی یک دکمه یا یک برچسب کلیک کنم؟”

2. دکمه‌های کاملا گرد در نمایش گزینه‌های تو در تو موفق نیستند.

یک دکمه کاملا گرد شده معمولا شامل آیکونی برای نشان دادن گزینه‌های تو در تو است. محدوده لمسی موثر برای ایجاد گزینه‌های تو در تو، در اندازه آیکون (16×16 یا 24×24 پیکسل) می‌باشد.

شاید کافی باشد؟ این یک منطقه کوچک است که باید روی آن کلیک کنید.

اگر ما به جای یک دکمه با لبه‌های نیمه گرد، از دکمه ای با لبه کاملا گرد استفاده نماییم، ما می‌توانیم مشکل دکمه‌های کاملا گرد را برطرف کنیم تا این دکمه به عنوان یک دکمه پاپ آپ عمل کند. پس از کلیک کردن، تمام گزینه‌های موجود نمایش داده می‌شود. این مؤثرتر است!

3. دکمه‌های کاملا گرد شده برای انباشته شدن نیستند.

هنگامی که ما دکمه‌های کاملا گرد را در جداول و کادر‌ها قرار می‌دهیم، آنها نامناسب دیده می‌شوند. بگذارید بگوییم اگر ما یک جدول داده ای داریم که دارای 10 ردیف است و در هر ردیف یک دکمه وجود دارد، ما با داشتن 10 دکمه کاملا گرد، این مفهوم را به کاربر می‌رسانیم، که همه آنها دکمه هایی عملیاتی هستند.

ما می‌توانیم از دکمه‌های بدون دورخط مثل آنهایی که در اطلاعیه‌های MacOS هستند جهت نمایش حالت قبل از هوور یا عبور ماوس استفاده نماییم. با به حداقل رساندن حضور دکمه ها، کاربران به برنامه ای که با آن ارتباط برقرار می‌کنند، متمرکز می‌شوند.

زیبایی شناسی گوشه‌های گرد

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

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

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

این مقاله نوشته آقای شان شن، طراح محصول شرکت ویش و ترجمه علیرضا موذن می‌باشد.