Правильно разрабатываем версию сайта для мобильных устройств

За предыдущий десяток лет доля пользователей планшетов и смартфонов, регулярно посещающих интернетовские ресурсы, возросла многократно.

Теперь никто из разработчиков не сомневается в полезности создания специализированных порталов, адаптированных под возможности портативных устройств. Работа посильна каждому. Тем, кому не хватает познаний, следует почитать подробнее про разработку мобильной версии сайта на www.metawebart.de/page/mob_site. В творческом процессе важно учитывать дороговизну трафика в сотовых компаниях, скромные скорости передачи информации, небольшие размеры экранов. Именно данные факторы и привели к следующим требованиям.

Правила базовые

Контактные телефоны необходимо указывать в международном формате. В них обязательно присутствие кода государства. Иначе посетитель не сможет дозвониться без набора номера вручную. Недопустимо экстремально упрощать интерфейс, избавляясь от большинства управляющих кнопок, потому что важные данные станет невозможно отыскать.

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

Специфические правила

Все элементы, содержащиеся на страницах, предназначенных для просмотра на настольных компьютерах с ноутбуками, нельзя помещать в единственный вертикальный ряд. С точки зрения трудозатрат подход отличается экономичностью. Однако для пользователей сведения отображаются не очень удобно.

Обрабатывая картинки в графическом редакторе, надо проверять полученные изображения на качественность вывода на дисплеях retina.

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

Следует помнить и про отступы от экранных краев, так как их игнорирование тоже негативно влияет на восприятие текста. Отключение всех опции автоматического редактирования благоприятно скажется при вводе паролей, имен с адресами. Функции выключаются в соответствующей html-директиве.

Поделиться: