Основы проектирования мобильного пользовательского интерфейса

Вот уже на протяжении нескольких лет наблюдается всплеск мобильной web-разработки. Потребность возросла после прихода нового алгоритма Google, который наказывает сайты за то, что они не оптимизированы для мобильных устройств. Не смотря на то, что технология «адаптивный дизайн» новый стандарт в дизайне, тем не менее, у нее есть свои ограничения. Чтобы предоставить своей аудитории качественную и функциональную мобильную версию сайта, необходимо учитывать следующие факторы.

Тач-интерфейс

До сих пор разработчики работают над тем, как передать «наведение курсора мыши» в мобильных устройствах. Из-за этого возникает множество проблем в проектировании некоторых страниц, особенно если на странице размещены кликабельные ссылки и интерактивный контент. Поэтому все изображения и элементы оптимизируются под тач-управление (когда управление осуществляется пальцем).

Свести текст к минимуму

В отличие от обычной клавиатуры набор текста на мобильном устройстве довольно-таки процесс неудобный и отнимает много времени. Это проблема возникает, когда на сайте много полей для заполнения. Единственное решение для мобильной версии – минимизировать набор текста. Спрашивайте только основную информацию или же позвольте регистрироваться посетителям через соцсети, и вся информация будет отображаться из аккаунта пользователя.

Неточные клики

Пользователи пользуются мобильными устройствами с помощью сенсорного экрана. Иногда пальцем можно нажать случайную и нежелательную ссылку или кнопку. Поэтому web-дизайнерам необходимо задавать правильный масштаб и расстояние между интерактивными и навигационными элементами.

Подключение к интернету

Мобильные пользователи постоянно находятся в движении, из-за чего возникают проблемы во время интернет-соединения. Безусловно, разработчики сайта не могут повлиять на скорость передачи данных, но могут убрать ненужные элементы со страницы: флеш-графика, анимация, видео, тяжелый фон страницы и т.д. Это позволит странице загружаться даже при плохом соединении.

Это далеко не полный перечень возникающих трудностей во время оптимизации сайта для смартфонов и планшетов. С каждым днем появляются новые устройства, и инновации создают новые проблемы в плане дизайна пользовательского интерфейса. Поэтому единственный способ порадовать аудиторию – это следить за новостями и не отставать от нововведений.

По материалам: http://www.submitinme.com