Пишем рекомендации по разработке мобильных сайтов совместно

Евгений
Зайцев
09.02.2012, 18:23
комментировать

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

1. Определяем приоритеты

С чего стоит начать, так это с четкого понимания, требуется ли вообще версия сайта, ориентированная на мобильные устройства. Это просто прихоть или же действительно необходимость. Если же целью создания мобильной версии сайта является “чтобы было”, то не стоит даже и начинать.

2. Мобильный сайт vs Мобильное приложение.

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

3. Производительность превыше всего

Хоть мы и живем в 21 первом веке, связь еще не стала по-настоящему быстрой, операторы сотовой связи еще не в состоянии предоставить высокоскоростной интернет своим абонентам, а покрытие Wi-Fi оставляет желать лучшего. Большой объем трафика при загрузке страницы вызовет негатив пользователей. Также стоит учесть производительность процессоров на мобильных устройствах. В отличие от настольных ПК, процессоры мобильных устройств менее производительны, таким образом излишнее использование (допустим, JavaScript ) отрицательно скажется на производительности сайта.

4. Функциональность

Если ваш сайт имеет большую функциональность, не стоит его полностью переносить на мобильную версию.

5. Проще -> лучше

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

Это только начало. Теперь предлагаю продолжить в комментариях.

Не скупитесь на ретвиты ↓
  • http://www.beliv.net Иван Белобородов

    Примеры мобильных сайтов можно посмотреть на www.mobileawesomeness.com

    Обновляется ежедневно.

  • http://v-u-z.narod.ru Левашов Максим

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

    Хороший пример: www.w3.org — резиновый макет + где-то на 400 точек по горизонтали подхватывается мобильный шаблон, так-же резина.

    И нет никаких ссылок «Мобильная версия» — вот красота!