Маленькая подсказка по созданию правильного UI.

В пользовательском интерфейсе сенсорных устройств очень важно помнить о правильном расположении областей прикосновения и расстоянии между элементами интерфейса.

Чаще всего встречаются две ошибки, которые легко сделать, но также легко избежать, если дизайнеры и разработчики знают о них.



1) Слишком маленькая область для прикосновения.
Особенно важно это учитывать при создании собственных компонентов пользовательского интерфейса. Нужно убедится, что область клика компонента физически достаточно большая для всех типов экранов.

2) Слишком маленькие отступы (margin).

Размещение touch компонентов близко друг к другу могут вызвать ошибки или неточности при нажатии. Это приложение могло бы добавить чуть больше отступов, что сделало бы интерфейс на много удобнее. Я не вижу причины делать кнопку "Save" такой маленькой. Зачем делать интерфейс таким сложным, оставляя при этом свободное место на панели кнопок.

Как добиться правильного результата?

Google не составил никаких правил о размерах элементов UI в Android. LukeW написал хороший пост об этом.

Кнопка физически должна быть минимум 9мм х 9мм, в понятиях Android это 50dp-60dp.

Отступы между двумя кликабельными элементами интерфейса должны быть минимум 2мм, примерно 13dp-15dp в Android.

Хороший пример.

Приложение Foursquare очень хороший пример того как должны быть расставлены элементы UI. Чаще всего нет необходимости делать кнопки маленькими. Большие кнопки гораздо удобнее в использовании.