Комментарии 26
Местом нажатия является центр пятна нажатия. Алгоритм обработки пятна от толщины пальца не зависит. Так что если люди с большими пальцами не нажимают какими‐нибудь странными способами (к примеру, «всей рукой сразу», или располагая палец настолько параллельно экрану, насколько это вообще возможно), то точность не страдает. Единственная возможная неприятность — палец закрывает кнопку. Но траектория его движения обычно вычисляется мозгом до закрытия пальцем кнопки, поэтому никаких проблем быть не должно.
С тремя размерами пальца )
Там есть ещё более серьёзный косяк в интерфейсе: контролы, выполняющие разные действия (смена песни и регулировка громкости) расположены вплотную друг к другу. Если чуть промахнулся — нажатие не игнорируется, а выполняет ненужное действие.
И 56dp это размер floating action button
При разработке дизайна в однократном размере 1dp приравнивается к 1px, что можно заметить по Material Design Template в том же вышеупомянутом Sketch app.
Можно проследить зависимость «кликабельной» области и «некликабельное» пространство между кнопками. У больших «активных» элементов отступы меньше, чем у маленьких
По теме — спасибо авторам за труд. Надо будет взять на заметку.
А размер кнопок регулировки громкости они тоже сделали по-больше? Полузнки это в принципе очень неудобно в телефон, как в него попадать.
![image](https://habrastorage.org/getpro/habr/comment_images/22d/6e2/e3c/22d6e2e3cbc2ccc2e167f3ff69580871.jpg)
Странно только при всём этом было в виндовс 10 мобайл видеть в скайпе и других приложениях от МС кнопки размером гораздо меньше 10 мм. Гайдлайны написали, а сами не следуют.
Кнопки они увеличили. Ну молодцы, но проблему не решили. Хочешь изменить громкость — попадаешь в перемотку (слайдер-то не увеличили). Тут проблема основная в том, что дизайнеры думают о красоте, а не о том, как этим пользоваться. Всё управление унесли наверх, в результате до него сложно дотянуться. Зато картинку, которая по большому счёту нафиг не нужна, сделали на пол экрана прямо под пальцем. Сделали надпись огромными шрифтами в одну строку — длинные названия песен перестали влезать. Переносить на новую строку? Это же не красиво! Лучше сделаем нескучную бегающую полосу. Теперь чтобы прочитать название песни нужно потратить несколько секунд следя за "сексуальной анимацией".
Что надо было сделать?
- Увеличить не только кнопки, но и слайдеры.
- Не обрезать слова, а дать названию перенестить на новую строку.
- Отдать приоритет названию композиции, что сейчас играет, а не обложке альбома и его названию.
- Разнести контролы дуг от друга. Например, регулировать громкость сверху (её всё-равно обычно физическими клавишами регулируют), кнопки — по середине, как наиболее используемые, а перемотку — внизу (она нужна редко, но метко).
- Фото альбома можно вообще фоном поставить, кнопки и слайдеры сделать полупрозрачными — будет и красиво и удобно.
И чтобы это всё понять не нужно никаких исследований. Достаточно просто подумать.
Наука на страже интерфейсов: как сделать кнопки в приложении по-настоящему удобными