Дизайн приложений: крупнее, проще, контактнее

Мобильный дизайн все дальше отходит от своего предка – веб-дизайна для ПК и развивается по собственным канонам. О чем не забыть при проектировании дизайна для адаптивок и приложений, чтобы пользователю было удобно?
✔ Делайте более крупные элементы. Для этого придется пожертвовать какими-то второстепенными из десктопной версии – но поверьте, приобретаете вы гораздо больше, чем теряете, если итоговый дизайн юзер найдет привлекательным и удобным. А потом, хороший дизайн это все равно тот, из которого ничего не убрать, так что и жалеть «лишние» элементы не стоит.
✔ Используйте минимальные вариации шрифтов. Разнобой и на ПК выглядит ужасно, а на смарте – вообще неудобоваримо. Если нужно выделить что-то, используйте болд или, наоборот, уменьшайте толщину букв.
✔ Фиксируйте важные элементы: например, при прокрутке карточки товара кнопка «В корзину» должна оставаться все время внизу экрана, чтобы пользователь мог нажать на нее в любой момент, как только примет решение о покупке.
✔ По возможности подбирайте размер и расположение кнопок так, чтобы на них было удобно нажимать большим пальцем руки, в которой лежит смартфон.
✔ Больше идите на контакт с пользователем: учитывайте, что облегчить интерфейс могут разнообразные действия с сенсором, а не только клик пальцем. Попросите разработчиков задействовать свайп вверх или в сторону и обязательно предусмотрите подсказку в дизайне. Элемент также можно зажать и, например, раскрыть меню; чтобы дать понять это, присваивайте таким интерактивным элементам «поощрительные» цвета – зеленый, синий, голубой. А некликабельные элементы делайте серыми, красными – в общем, тех оттенков, с которыми мы никак не связываем клик.
✔ Оставляйте «воздух» по бокам. Это важно и в обычном дизайне, но некоторые устройства с неправильной настройкой немного «режут» экран.
✔ Предусмотрите разбивку формы на несколько этапов, если в ней больше двух-трех полей. Заполнить двадцать строк при регистрации с ПК – одно дело, прокручивать огромную форму на мобильнике – совершенно другое: это очень неудобно.
✔ Отдавайте на мобильную верстку только оптимизированные изображения. Верстальщик будет вам благодарен за то, что лишнюю работу делать не придется, а пользователь – за быструю загрузку без потери качества изображений.