دکمه ها

دکمه های همه کاره و بسیار قابل تنظیم ، به افراد روشهای ساده و آشنا برای انجام وظایف در برنامه شما می دهد. به طور کلی ، یک دکمه سه ویژگی را ترکیب می کند تا عملکرد آن را به وضوح ارتباط برقرار کند:

• سبک. یک سبک بصری بر اساس اندازه ، رنگ و شکل.
• محتوا. نماد (یا نماد رابط) ، برچسب متن ، یا هر دو دکمه برای انتقال هدف خود نمایش می دهد.
• نقش. نقش تعریف شده توسط سیستم که معنای معنایی یک دکمه را مشخص می کند و می تواند بر ظاهر آن تأثیر بگذارد.

علاوه بر دکمه های همه منظوره ، بسیاری از سبک های دکمه مشترک-مانند اطلاعات ، نزدیک و مخاطب-رفتارهای آشنا را در سراسر سیستم فعال می کنند. همچنین بسیاری از مؤلفه های مانند دکمه وجود دارد که از نظر ظاهری و رفتارهای متمایز برای موارد استفاده خاص مانند ضرب و شتم ، دکمه های پاپ آپ و کنترل های تقسیم شده وجود دارد.

بهترین روشها

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

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

اطمینان حاصل کنید که هر دکمه به وضوح هدف آن را برقرار می کند. یک دکمه همیشه شامل یک برچسب متن یا یک نماد (یا نماد رابط) - و گاهی اوقات ترکیبی از هر دو - برای کمک به افراد پیش بینی می کند که چه کاری انجام می دهند.

سبک

دکمه های سیستم طیف وسیعی از سبک ها را ارائه می دهند که از سفارشی سازی گسترده پشتیبانی می کنند ضمن ارائه حالت های تعامل داخلی ، پشتیبانی از دسترسی و سازگاری ظاهر.

iOS و iPados دارای چهار سبک دکمه ای هستند که هر یک در سه اندازه موجود است. هر ترکیبی از اندازه و سبک دارای سطح متفاوتی از برجستگی بصری است و به شما در ارائه سلسله مراتب اقدامات در برنامه خود کمک می کند.

برای استفاده از هر ترکیبی از سبک و اندازه می توانید یک دکمه سیستم را پیکربندی کنید. به طور پیش فرض ، یک دکمه سیستم از شعاع گوشه ای خاص و رنگ لهجه برنامه شما استفاده می کند. در صورت لزوم ، می توانید این ویژگی ها را - علاوه بر ویژگی هایی که طرح بندی محتوا و حضور یک نشانگر فعالیت را کنترل می کنند - در پیکربندی دکمه خود تغییر دهید.

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

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

محتوا

محتوای دکمه ای ایجاد کنید که به افراد کمک می کند فوراً درک کنند که دکمه چه کاری انجام می دهد. اگر یک نماد رابط در دکمه شما معنی دارد ، استفاده از یک نماد SF موجود یا سفارشی را در نظر بگیرید. برای استفاده از متن ، یک برچسب کوتاه ایجاد کنید که به طور خلاصه توصیف کند که دکمه چه کاری انجام می دهد. با استفاده از سرمایه به سبک عنوان ، شروع به کار با فعل برای کمک به انتقال عملکرد دکمه در نظر بگیرید-به عنوان مثال ، دکمه ای که به افراد اجازه می دهد مواردی را به سبد خرید خود اضافه کنند ممکن است از برچسب "Add to Cart" استفاده کنند.

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

هنگامی که نیاز به ارائه بازخورد در مورد عملی که فوراً کامل نمی شود ، یک دکمه را برای نمایش یک نشانگر فعالیت پیکربندی کنید. نمایش یک نشانگر فعالیت در یک دکمه می تواند در حالی که به وضوح دلیل تأخیر را در ارتباط دارد ، در رابط کاربری شما صرفه جویی کند. برای کمک به روشن شدن آنچه اتفاق می افتد ، می توانید دکمه را نیز پیکربندی کنید تا یک برچسب متفاوت را در کنار نشانگر فعالیت نمایش دهید. به عنوان مثال ، برچسب "پرداخت" می تواند به "چک کردن" تغییر کند."در حالی که نشانگر فعالیت قابل مشاهده است. هنگامی که یک تأخیر بعد از کلیک بر روی دکمه پیکربندی شده افراد یا روی ضربه زدن به دکمه پیکربندی شده شما اتفاق می افتد ، سیستم نشانگر فعالیت را در کنار برچسب اصلی یا جایگزین نشان می دهد ، در صورت وجود ، تصویر دکمه را پنهان می کند.