Статьи

НовостииСтатьи

Concept group

Группа компаний "Концепт" занимается комплексным рекламным обслуживанием компаний, продвижением брендов на рынке, разработкой рекламных оффлайн и онлайн кампаний.
г.Минск, ул. Кульман 9, этаж 3
220100
Беларусь
Phone: +375 29 320-81-20

Как просто оптимизировать свой сайт для мобильной версии

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

   

Раньше мы уже писали о том, как сделать сайт удобным для планшетов в статье «КАК СДЕЛАТЬ САЙТ УДОБНЫМ ДЛЯ ПЛАНШЕТА ЗА 6 ПРОСТЫХ ШАГОВ». Что ж, давайте еще раз пройдемся по самым главным пунктам мобильной версии сайта.

1. Будьте проще

Различного рода «красивенные» примочки, такие как  Flash, плагины, изображения в формате PNG-24, делают контент труднодоступным для большинства мобильных устройств. Лучше всего использовать HTML5, jQuery и графику в JPG. Даже самые низкопроизводительные устройства смогут загрузить ваш сайт, а не уйти с него даже не дождавшись появления заголовков.

2. Рассчитайте масштаб

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

3. Краткость — сестра таланта

Мобильная версия не говорит о том, что информации нужно меньше. Информация должна быть представлена более компактно. Небольшие по размеру заголовки, краткое, но информативное содержание — и та-дам! Все выглядит презентабельно и прекрасно.   

4. Помните о «tappiness»

Как пользуются телефоном или планшетом? С помощью пальчиков, поэтому нужно не забывать об удобстве кнопок, прокрутки и масштабах (опять таки!). Кнопки должны быть достаточно большими (размером от 33×33 до 44×44 px). Cсылки должны распологать подальше от кнопок, дабы лишний раз не вызывать раздражение польователя лишними переключениями.

 5. Форма

Нужно вводить какие-либо данные? Есть формы обратной связи? Сделайте так/ чтобы они были максимально упрощенными и легкими. Никто не любит долго заполнять строки, тем более, если это нужно сделать с телефона. В идеале: несколько строк, удобных для набора пальцами по маленькому экрану. Если уж это совсем нереализуемая идея, то лучше разделить форму на 2 страницы. Это хотя бы не так пугает.     

6. Быстрее!

Частенько из-за медленного соединения проще выключить телефон или планшет, чем ждать пока загрузиться страница. Фактор «нетерпеливого пользователя» стоит обязательно учитывать и делать стартовую (да и все остальные тоже) страницы максимально легкими и быстрозагружаемыми.

   

Ну вот, простое решение всегда будет самым эффективным. Так что, стоит прислушаться и действовать! Или перепоручить заботы о вашем сайте профессиональной команде, способной создать успешный и эффективный ресурс.




Другие новости