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

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

Популярность мобильного веба

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

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

Ответ, почему так происходит, проще, чем кажется: носить с собой компьютер или ноутбук не так легко и удобно, как смартфон.

Посчитать процент посетителей сайтов с мобильных девайсов можно разными способами. Один из них — запуск Google Analytics.

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

Основные проблемы разработчиков

Основные проблемы, с которыми сталкиваются разработчики, — кросс-платформенность и кросс-браузерность.

Общие трудности, которые необходимо преодолевать разработчикам сайтов, таковы:

• размер экрана — 240×320 – 800×480; это означает, что дизайн не может быть фиксированной ширины, важно обеспечить возможность изменяемости в зависимости от девайса;
• ориентация — пользователь может изменять текущую ориентацию, то есть поворачивать устройство по своему усмотрению;
• сенсорный дисплей — необходимо разработать такую версию, чтобы между кликабельными элементами было много места, и пользователи по первому клику попадали на нужную веб-страничку.

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

1. Не нужно заполнять все пустое пространство на дисплее. Скорости соединений могут быть разными, и готовая мобильная версия не должна «весить» слишком много. Когда изображений, текста, кода и прочего больше, чем нужно, ухудшается восприятие, а время загрузки значительно увеличивается.
2. Необходимо распределить контент таким образом, чтобы даже на небольшом дисплее было легко и удобно читать текст.
3. Важно оставить достаточно места рядом с интерактивными элементами.
4. Можно создать анимацию, которая бы демонстрировала процесс загрузки.

Тестирование приложений

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

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

Если статья вам понравилась, выразите респект автору - жмите :)

Вы можете добавить статью в:

---

А также можете присоединиться ко мне в следующих сервисах:

Чтобы оперативно получать новые статьи вы можете подписаться на обновления блога

• Подписаться на RSS рассылку
• Подписаться на обновления по e-mail

---