Принцип “Mobile first”

Принцип “Mobile first”

Мир заполонили мобильные девайсы, чтобы воспользоваться интернетом – достаньте гаджет из кармана и проведите пальцем по экрану. Ничего другого не требуется. Дизайнеров не могли не коснуться эти изменения, поэтому они заострили внимание на пользовательском интерфейсе. Важно, создавать сайты, работающие с мобильными платформами, иначе старания – впустую. Чтобы избежать этого, ознакомимся с понятием принцип Mobile first.

  1. Принцип стратегии понятно раскрывается в названии: если вы понимаете, что посетители сайта захотят использовать для входа мобильные устройства, сначала задумайтесь, как сайт оптимизирован под смартфоны. Тогда сайт станет удобен для пользователей. Потом, когда нюансы продуманны, займитесь «полноразмерной» версией сайта.
  2. Так же важно ориентироваться на размер в процентах и только в процентах (не в пикселях). Так как экраны различаются по размерам, нужен макет, который сам подстроится под различающиеся разрешения.
  3. Не забывайте и о функциональности сайта. И на мониторе, и в мобильном варианте расположите главные элементы навигации сайта на видном месте, чтобы пользователю не приходилось искать. А используемые пиктограммы выполните так, чтобы пользователь не испытывал проблем с узнаванием. Не урезайте ничего в мобильном варианте сайта, тогда пользователю будут доступны привычные функции.
  4. Подумайте, кто он - пользователь сайта. Человек, решающий на сайте конкретную задачу или бесцельный интернет серфер? Создавайте сайт так, чтобы ему было комфортно на нем, какие цели бы не преследовались. Не забывайте, что сайт создается для человеческих пальцев.
  5. Сжимайте информацию. Современные мобильные устройства не уступают компьютерам, но не стоит забывать, что устройство пользователя не обязательно из топового сегмента. Экономьте ресурсы.

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

Хотите заказать адаптивный сайт?

Наш практический опыт в веб-дизайне гарантирует Вашему проекту высокий уровень реализации в оптимальные сроки.

Полезная информация