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

Мы начали с изучения привычек аудитории. Оказалось, что на главную страницу чаще всего заходят с 9 до 12 часов. Этот пик активности приходится на утреннее чтение статей. В течение дня внимание аудитории поддерживается за счет обновления ленты новостей и плавно спадает к вечеру.

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

С каких мобильных устройств смотрят нашу главную? Мы собрали статистику разрешений. Она помогла сформировать требования к дизайну и верстке.

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

Еще один важный вопрос, с которым предстояло определиться: делаем отдельную мобильную версию или адаптивную верстку? Решающую роль сыграло то, что главная страница НГС формировалась долгие годы и впитала в себя самые разные интересы компании и пользователей. Трехколоночная верстка, сложная баннерная сетка и обилие информации привели к тому, что страницу стало сложно адаптировать под разные форматы. Итак, мы решили делать отдельную мобильную версию сайта.

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

Работа над интерфейсом заняла 2 недели. Илья проектировал, я вносил правки, мы спорили, тестировали, советовались с менеджером и фронтендерами. Собирали критику коллег, которым удавалось показать макеты. Ниже — процесс от первого готового макета до финальной версии.

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

Статичные макеты из Фотошопа собирали в прототипы inVision, чтобы участникам было проще тестировать в условиях, близких к реальным.

В результате мы сделали 4 итерации, и после разработки и тестирования 9 июля появилась мобильная главная НГС, а 4 августа состоялся релиз мобильных статей, новостей и комментариев.

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

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

Мы будем рады откликам о проделанной работе. Если у вас есть вопросы или замечания о мобильной версии НГС, пожалуйста, напишите мне на почту: n.guryanov@office.ngs.ru