При создании мобильной версии сайтов особым пунктом учитываются особенности юзабилити на мобильных устройствах (собственно, это и есть одна из основных причин, почему мобильные версии сайтов создаются). В этой статье мы рассмотрим два краеугольных аспекта, которые следует учитывать при разработке мобильной версии вашего сайта (собственно, они и диктуют необходимость ее создания).
Сенсорный экран
В этом кроется особенность ввода данных на мобильных устройствах. Становится невозможным действие наведения, а значит, в мобильной версии сайта использовать его не стоит. И не рассчитывайте на эмуляторы наведения, встроенные в мобильные браузеры, они будут только тормозить процесс.
Перейти по ссылкам, размер которых по 12 пикселей, совсем не сложно, если ты сидишь за десктопом и держишь в руке мышь. Но попасть в такую маленькую область на сенсорном экране (а особенно, если "применяются" большие мужские пальцы) – проблематично. А как вы помните, мобильная версия для того и создается, чтобы у мобильного пользователя не возникало проблем с "общением" с вашим сайтом. Так что продумываем навигацию под мобильные устройства.
Практически все браузеры поддерживают возможность управления жестами. Грех не использовать эти умения современных систем.
Размещение элементов на экране
Пожалуй, самым разумным вариантом размещения текста на странице мобильной версии сайта будет верстка в одну колонку. Ведь телефоны имеют портретную ориентацию, и человек изначально держит этот девайс именно так. Если уж вы не создали для него комфортные условия просмотра – телефон переворачивается горизонтально. Нужно ли заставлять пользователя ощущать неудобство и вертеть свой смартфон? Ответ вы знаете.
Продумывая ширину элементов, не увлекайтесь масштабностью. Да, сейчас мониторы растут как на дрожжах, догоняя в диагонали телевизоры. Однако придержите масштабность своей натуры для десктопной версии сайта, а в мобильной помните, что ширина элементов будет подстраиваться автоматически под ширину экрана телефона или же будет статичной, рассчитанной на наиболее популярную ширину экрана.
По поводу размещения элементов навигации существует только одно (но нерушимое) правило – навигация всегда сверху. Никаких сбоку, снизу или по диагонали! Такого креатива пользователи не оценят, уж поверьте.
