Я разрабатываю приложение для iPhone, которое имеет довольно большой набор экранных прямоугольных кнопок. Учитывая сенсорный интерфейс с сенсорным экраном, какой, по вашему мнению, будет самым маленьким разумным размером кнопки? Мне нужно поместить столько, сколько я могу в видовом экране, без ущерба для удобства использования. Может быть, рекомендованный Apple минимальный размер? Прямо сейчас он 33x33, и он выглядел нормально на симуляторе, но вчера я играл с приложением на реальном телефоне, и это было неловко - кнопки чувствовали себя слишком маленькими.
Минимальный размер кнопки на iPhone
Ответ 1
Apple говорит, что avg finger tap - 44x44 (от WWDC). Все строки таблицы рекомендуются как минимум на эту высоту. Обычно для значков появляются 32x32, но есть дополнение, чтобы сделать осязаемую область 44x44. Конечно, люди могут использовать 1x1, если они очень осторожны, но почему люди стараются больше, чем им нужно, чтобы использовать ваше приложение?
Ответ 2
Недавние научные исследования показали, что:
[A] размер цели 9,2 мм для дискретных задачи (т.е. задачи с одним целевым назначением) и целевые значения 9,6 мм для последовательного задачи должны быть достаточно большими для использование одной рукой большого пальца карманные компьютеры с сенсорным экраном без снижая производительность и предпочтения.
Процитировано из Исследование размера цели для одноручного большого пальца на малых сенсорных устройствах (Parhi, Karlson, and Bederson 2006). Другие источники согласны с этим "правилом с точностью до 0,4 дюйма" (например, Проектирование языковых интерфейсов (Saffer 2008, стр. 42)).
Учитывая плотность пикселей iPhone 163 PPI (6.417px/mm), вы должны ориентироваться не ниже 59px диагонали для любой цели.
(Обратите внимание, что это подтверждается только для использования одной рукой большого пальца.)
Ответ 3
Apple в этом не согласуется, и нет жестких правил.
Они рекомендуют вам указать Цели размера Fingertip в Руководстве по пользовательскому интерфейсу, а затем повторить, что кнопки калькулятора 44x44.
Также в этом документе говорится, что изображения для значков на панели инструментов и навигации должны быть 20x20, а для значков на панели вкладок должно быть 30x30.
Думаю, вам нужно просто протестировать свое приложение и убедиться, что его легко нажимать на кнопки - даже когда у вас довольно большие руки...
-t
Ответ 4
Я мог бы поклясться, что они сказали, что минимум 37 пикселей, но я нахожу 44 сегодня. В любом случае, 33 кажется небольшим.
(Обратите внимание, что изображения могут быть меньше, потому что они часто являются частью большей прямоугольной области.)
(Если размер пикселей больше, вы можете уйти с меньшим количеством пикселей на других устройствах.)
Ответ 5
На практике, создавая пользовательский интерфейс веб-интерфейса на ранних сенсорных экранах, мы сочли важным разработать для одного из наших бета-тестеров, называемых "мои толстые пальцы". И он был прав: легко спроектировать элегантные и тонкие элементы управления, которые значительное количество пользователей найдут для себя склонными к ошибкам или непригодными для использования. В этом проекте точный размер был зависимым от приложения, но этот тестер обнаружил, что 40 x 40 можно использовать (вдвое больше, чем для дисплеев hi-def/Retina), что-то меньшее увеличило количество промахов и ошибок (и разочарование); и в качестве бонуса люди с тонкими пальцами обнаружили, что они чувствуют, что могут двигаться быстрее и не должны быть такими точными, что заставило все это почувствовать себя более плавным, менее субъективным трением, более передышкой. Хитрость заключается в том, чтобы заставить элементы управления такого размера не казаться неуклюжими или властными; одно решение упоминалось выше, делая визуальную часть элемента управления меньшей, чем его фактические размеры, хотя это не универсальное решение.