Размещение FAB в соответствии с Material Design
Плавающие кнопки действий (также известные как FAB) стали популярны благодаря Material Design - языку визуального дизайна, представленному компанией Google. Согласно Material Design, плавающие кнопки действий представляют собой действия на главном экране. Они имеют круглую форму с пиктограммой в центре перед всем содержимым экрана.
Ниже приведен пример плавающей кнопки действия.
Плавающие кнопки обычно располагаются в нижней части экрана, что делает их незаметными и легкодоступными для большого пальца.
Пояс для большого пальца
Термин "зона большого пальца" был введен Стивеном Хубером в его книге "Проектирование мобильных интерфейсов". Он представляет собой наиболее удобную область для прикосновений одной рукой. На рисунке выше показаны пояса для большого пальца в различных положениях.
Однако плавающие кнопки обычно располагаются в правом нижнем углу, до которого трудно дотянуться большим пальцем. Учитывайте, что правши имеют легкий доступ к левому нижнему углу (70-95% людей в мире являются правшами).
Почему бы не разместить FAB в левом нижнем углу?
Ответ кроется в том, как мы потребляем большинство контента. Плавающие кнопки действий являются навязчивым элементом и скрывают содержимое за кнопкой; размещение FAB в левом нижнем углу скрывает начало предложения, потенциально делая остальной текст бессмысленным. В случае размещения FAB в правом нижнем углу можно прочитать важную часть предложения, и контент в этой области остается полезным.
Комментарии