Мобильные версии сайтов стали уверенным трендом. Однако нередко их делают без учета особенностей мобильных устройств, что затрудняя навигацию пользователей. А это, естественно, не идет на пользу продажам, да и поведенческие характеристики портятся. Итак, какие ошибки создания адаптивного дизайна чаще всего встречаются?
Не лезет - спрячем
Блоки сайта, не вписывающиеся в экран мобильного устройства, часто скрывают за активным элементом. В результате количество посетителей этих разделов сокращается в разы. Правильным решением будет делать композицию под различные размеры экрана, вмещающие все нужные блоки.
Не заточены под touch
Если посетитель зашел на сайт с устройства, управляемого касаниями, то отсутствие touch - интерфейса на сайте ставит его в тупик. Он не будет ломать голову над этой задачкой, а просто покинет сайт.
Негибкая типографика
Шрифтовая схема, спланированная под единственный размер экрана, сделает контент нечитаемым на всех остальных. Чтобы избежать этого, следует разрабатывать универсальную типографику.
Огромные картинки
Retina - дизайны куда как красивы на высокоскоростном бесплатном офисном интернете. Однако совсем не так красиво платить за лишние десятки мегабайт из своего кармана. Частный посетитель и не станет дожидаться конца загрузки.
Верстка под один экран
Если сайт отдает мобильным пользователям десктопную верстку, то с высокой вероятностью многие элементы станут трудночитаемы. Это таблицы, видео, графические иллюстрации. Верстка должна быть универсальной. Или их должно быть несколько для разных типов устройств.
А телевизоры?
Во многих семьях стены украшают панели с доступом в интернет. Соответственно, надо планировать возможность просмотра на больших экранах, при сравнительно слабой подсветке, и совсем нестандартном разрешении.
Запрет увеличения
По умолчанию масштабирование жестами возможно на всех touch - устройствах. Из соображений единства стиля некоторые разработчики блокируют эту возможность. И напрасно, пользователи воспринимают такое покушение на свои права болезненно.
Назад в раздел
Не лезет - спрячем
Блоки сайта, не вписывающиеся в экран мобильного устройства, часто скрывают за активным элементом. В результате количество посетителей этих разделов сокращается в разы. Правильным решением будет делать композицию под различные размеры экрана, вмещающие все нужные блоки.
Не заточены под touch
Если посетитель зашел на сайт с устройства, управляемого касаниями, то отсутствие touch - интерфейса на сайте ставит его в тупик. Он не будет ломать голову над этой задачкой, а просто покинет сайт.
Негибкая типографика
Шрифтовая схема, спланированная под единственный размер экрана, сделает контент нечитаемым на всех остальных. Чтобы избежать этого, следует разрабатывать универсальную типографику.
Огромные картинки
Retina - дизайны куда как красивы на высокоскоростном бесплатном офисном интернете. Однако совсем не так красиво платить за лишние десятки мегабайт из своего кармана. Частный посетитель и не станет дожидаться конца загрузки.
Верстка под один экран
Если сайт отдает мобильным пользователям десктопную верстку, то с высокой вероятностью многие элементы станут трудночитаемы. Это таблицы, видео, графические иллюстрации. Верстка должна быть универсальной. Или их должно быть несколько для разных типов устройств.
А телевизоры?
Во многих семьях стены украшают панели с доступом в интернет. Соответственно, надо планировать возможность просмотра на больших экранах, при сравнительно слабой подсветке, и совсем нестандартном разрешении.
Запрет увеличения
По умолчанию масштабирование жестами возможно на всех touch - устройствах. Из соображений единства стиля некоторые разработчики блокируют эту возможность. И напрасно, пользователи воспринимают такое покушение на свои права болезненно.
Назад в раздел
Подписаться на новые материалы раздела:
