Bookmark and Share
Поиск по сайту
Реклама
География посещений

Мобильные сайты, создание, разработка

Мобильные сайты, создание, разработкаСоздание, разработка сайта для мобильных устройств

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

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

Несколько лет назад бизнес понял, что Интернет это большая вещь, и важно иметь веб-присутствие. Сегодня становиться ясно, что обращение к мобильной аудитории обязательно.  

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

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

С чего начать создание мобильного сайта

Веб-стратегии

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

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

Подумайте о ваших бизнес-целях. Почему для вас важна доступность сайта с мобильного телефона. О целях ваших пользователей, как они будут пользоваться мобильным сайтом. При каких обстоятельствах  пользователи будут заходить на мобильный сайт и что очень важно, какой тип устройств они будут использовать. Вы должны понять, какой будет аудитория вашего мобильного сайта, чтобы правильно планировать свой дизайн взаимодействия позже.
Один последний вопрос: вы рассматриваете создать отдельный сайт для мобильных телефонов, или вы просто хотите применить некоторые методы адаптации текущего сайта для мобильных телефонов?

Информационная архитектура

Информационная архитектура мобильного сайта должна быть как можно проще. Избегайте длинных цепочек страниц, потому что даже в сетях 3G всегда требуется времени, чтобы загрузить страницу, а терпение мобильных пользователей довольно короткое. Вырезать все, что не имеет значения и использовать выделенные ссылки или категории. Ограничьте выбор основными категориями, не надо путать пользователя множеством уровней и загонять его в лабиринт. Чем меньше уровней, тем лучше.

Мобильный веб-дизайн

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

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

При создании сайта для мобильных телефонов следует избегать многоуровневых ссылок, потому что на маленьких экранах это не будет отображаться правильно. Создать на экране ссылку «назад» и «домой», для удобства пользователя.

По возможности, избегайте объектов JavaScript, потому что они не поддерживаются на устаревших телефонах.

Использование изображений увеличивает вес страницы, поэтому минимизируйте их количество и используйте правильный размер. Безопасный минимум изображения 120px в ширину.

При использовании стилей шрифтов я предлагаю вам не указывать размеры в пикселях, а использовать “small/medium/large”, так как каждое мобильное устройство само определяет, что хорошо для него.

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

 
Яндекс.Метрика