دکمه عملیاتی شناور
این دکمه ها توسط یک آیکون دایره ای که بر روی رابط کاربری (UI) شناور است مشخص میشوند و رفتارهای حرکتی مانند تبدیل شدن (morph)، فعال سازی و یک نقطه anchore جا بجا شونده دارند.
دکمه های عملیاتی شناور در ۲ اندازه هستند :
اندازه پیش فرض : برای اکثر موارد استفاده
اندازه کوچک : تنها جهت ایجاد پیوستگی با دیگر عناصر صفحه نمایش استفاده میشود.
دکمه عملیاتی شناور باید حداقل ۱۶dp از لبه های موبایل و حداقل ۲۴dp در تبلت/desktop فاصله داشته باشد.
دکمه عملیاتی شناور
آیکون داخلی : ۲۴x24dp
دایره دکمه عملیاتی : ۵۶x56dp
دکمه عملیاتی کوچک
آیکون داخلی : ۲۴x24dp
دایره دکمه عملیاتی : ۴۰x40dp
دکمه عملیاتی شناور در زمان متمرکز شدن (focused) پررنگ تر میشود و در صورت فشار دادن مقداری بالا میرود.
همه صفحه ها نیاز به دکمه عملیاتی شناور ندارند. این دکمه ها عملیات اصلی و کلیدی را در یک برنامه مشخص میکنند.
عملیات اصلی لمس کردن عکس های گالری برای باز شدن آن ها است و نیازی به وجود دکمه عملیاتی شناور نمیباشد.
پیشنهاد میشود که تنها یک دکمه عملیاتی شناور در هر صفحه وجود داشته باشد تا تأکید بیشتری روی آن عملیات ایجاد شود. این دکمه باید نشان دهنده رایج ترین عملیات باشد.
کیفیت ها :
- آرشیو یا زباله
- عملیات های غیر خاص
- خطا یا هشدار
- عملیات های محدود مثل بریدن متن (cut)
- کنترل هایی که باید در نوار ابزار باشند مانند کنترل میزان صدا یا تغییر رنگ یک فونت
دکمه های عملیاتی شناور شامل آیکون های نوار اپلیکیشن یا اطلاعیه های نوار وضعیت نمیباشند. علامت ها یا عناصر دیگر را در یک دکمه عملیاتی شناور لایه بندی نکنید.
از آیکون دایره شکل برای این دکمه ها استفاده نمایید تا الگوی عملیات های اصلی در برنامه ها یکسان باشد.
به دکمه های عملیاتی شناور بعد اضافی ندهید.
رفتار :
صفحه های جانبی :
در صورتی که عملیات دکمه در بین صفحه ها یکسان باشد، باید دکمه در صفحه بماند.
لیست ها :
صفحه های تقسیم بندی شده (tabbed) :
انتقالات (transition) :
انتقالات رایج شامل تریگر (trigger)، نوار ابزار (toolbar)، تبدیل شدن ، speed dial میباشند. این یک لیست کامل از انتقالات نمیباشد. دکمه های عملیاتی شناور طراحی شده اند تا انعطاف پذیر باشند. از انتقالاتی استفاده نمایید که برای برنامه و صفحه ای که دکمه در آن قرار میگیرد مناسب هستند.
تریگر (trigger) :
نوار ابزار (toolbar) :
نوار ابزاری که در حالت scroll کردن ناپدید میشود برای صفحه هایی مناسب است که در آن ها نوار ابزار در زمان ورود اولیه یا در حالتی که در بالا یا پایین یک لیست طولانی به آن ها نیاز داریم.
زمانی که یک دکمه عملیاتی به نوار ابزار تبدیل میشود، آن نوار ابزار باید شامل عملیات های مرتبط باشد.
Speed dial :
دکمه عملیاتی شناور میتواند به یک برگه که شامل تمام عملیات ها است، تبدیل شود.
به طور کلی حداقل سه آپشن در منوی خود داشته باشید ولی در کل همراه با دکمه عملیاتی شناور اصلی بیشتر از ۶ تا نشود. اگر دو آپشن دارید یعنی دکمه عملیاتی فقط شامل یک آپشن باشد، بین این دو عملیات انتخاب کنید که کدام مهمتر است و اگر بیشتر از ۶ آپشن دارید کاربر برای دیدن آپشن آخر مشکل خواهد داشت.
عملیات های سرریزی را در منوهای سرریز در نوارهای ابزار قرار دهید نه در دکمه های عملیاتی.
دکمه عملیاتی شناور میتواند بعد از اولین کلیک بر روی آن تبدیل به عملیات های مرتبط شود. با این حال اگر عملیات ها با دکمه مرتبط نیستند، آن ها را داخل یک منوی سرریز قرار دهید.
یک دکمه عملیاتی میتواند شامل لیستی از مخاطبین باشد. این لیست نباید حاوی عملیات های نامرتبط باشد.
تبدیل (morph) :
در زمان تبدیل شدن دکمه عملیاتی شناور، انتقال بین مکان شروع و پایان یک مسیر منطقی میباشد. برای مثال، از دیگر برگه های متریال عبور نکند.
انیمیشن تبدیل (morph) باید قابل برگشت باشد و برگه ایجاد شده دوباره به حالت دکمه بازگردد.