Чтение онлайн

Второй график (рис. 2.6) отображает количество статьей, ежечасно прочитываемых пользователями iPhone. Здесь можно выделить четыре основных пика: 6 часов утра (завтрак); 9 часов утра (дорога на работу и начало рабочего дня); 5–6 часов вечера (окончание рабочего дня и дорога домой); 8-10 часов вечера (отдых, свободное время, чтение в постели).

На графиках хорошо видно, что периоды использования компьютеров и мобильных устройств не совпадают. С планшетами ситуация еще интереснее. Чтобы наглядно продемонстрировать, как различные устройства влияют на сайты или приложения, приведу график, отображающий динамику прочтения статей пользователями Read It Later, заходящими на сайт со своих iPad (рис. 2.7). Несмотря на небольшой всплеск активности утром и постоянное обращение к услугам сервиса в течение дня, основной объем трафика приходится на вечер, когда люди ложатся в кровать. Я и сам читаю в постели — но, клянусь, только статьи по веб-дизайну.

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

График наглядно иллюстрирует одну характерную особенность: владельцы мобильных устройств задействуют их в течение коротких промежутков времени (именно поэтому пики оказываются столь резкими). Рэйчел Хинман из Nokia, описывая различия в поведении пользователей при работе со стационарными компьютерами и мобильными устройствами, провела замечательную аналогию: она назвала первых «аквалангистами», а вторых — «ныряльщиками» com/mf/34).

С каждым днем появляется все больше веб-приложений для мобильных устройств, позволяющих выполнять короткие, импульсивные действия и способных на протяжении всего дня быстро обеспечить потребителей необходимой им актуальной информацией. Доступ к Facebook через мобильные браузеры всего за один год вырос на 112 %, а к Twitter — на 347 % ! Оба сервиса идеально подходят для кратких погружений в океан последних новостей вашей френд-ленты.

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

Мобильные устройства имеют несколько естественных ограничений, которые, на первый взгляд, могут сужать ваши возможности при проектировании мобильных приложений. Речь идет о небольшом размере экрана, о низкой скорости, о том, что пользователи обращаются к вашему приложению на короткое время или уделяют ему мало внимания. Разрабатывая дизайн по принципу «сначала мобильные!», вы будете вынуждены учитывать все эти ограничения. Но именно они заставляют нас находить элегантные решения. И преимущества такого подхода не ограничиваются мобильными устройствами.

Небольшой размер экрана заставляет определить, какой контент действительно важен для клиентов и компании.

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

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

ЕСТЕСТВЕННЫЕ ОГРАНИЧЕНИЯ мобильных устройств, сетей, а также особенности их использования заставляют при разработке мобильных приложений сосредоточиться на самом важном. Однако, проектируя дизайн для мобильных приложений, следует не просто придерживаться заданных рамок, но и подумать, как эти рамки можно раздвинуть.

Владельцы мобильных устройств могут использовать (и используют) их в любое время и в любом месте, что позволяет нам лучше узнать о потребностях наших клиентов, а значит, быстрее достичь намеченных бизнес-целей. Когда наши возможности объединяются с техническими возможностями современных мобильных устройств, открывается множество перспектив для инноваций. Мои слова похожи на корпоративную презентацию? Проиллюстрирую все вышесказанное примером из жизни.

Во время очередной поездки в Лондон я решил наконец посетить некоторые достопримечательности. Я уже бывал в Лондоне и знал, что метро (его еще называют Tube) — это лучший способ передвижения. Оставалось выяснить, какая станция находится ближе всего. Включив ноутбук, я зашел на сайт лондонской транспортной системы (рис. 3.1).

Я быстро нашел ссылку на карту метро и перешел на нужную страницу.

Теперь позвольте мне на минуту прерваться, чтобы продемонстрировать несколько примеров чрезвычайно разумного подхода к юзабилити и информационной архитектуре, характерных для сайта лондонской транспортной системы (рис. 3.2). Яркие ссылки, крупные изображения, поясняющие содержание каждого раздела; кроме того, каждую ссылку сопровождает соответствующая иконка PDF с указанием размера файла, так что вы сразу понимаете, что находится за каждой из них.

Я уверен, что разработчики потратили немало времени, продумывая структуру каждой страницы и определяя принципы навигации по сайту. В результате я легко нашел нужную информацию и загрузил карту метро в формате PDF (рис. 3.3).

А теперь давайте попробуем решить ту же задачу посредством нативного мобильного приложения Nearest Tube. Это приложение использует целый ряд возможностей мобильных устройств, формируя принципиально иной опыт взаимодействия. В основе программы лежит функция определения текущего местонахождения пользователя при помощи систем навигации, цифрового компаса (или магнитометра), видеокамеры и акселерометра.

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

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

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

Nearest Tube использует функции мобильного устройства (камеру, систему навигации, компас и акселерометр), предлагая целый ряд инноваций для решения достаточно простой задачи. Именно это чаще всего и позволяют делать мобильные устройства: изобретать способы удовлетворения потребностей пользователей, предоставляя им великолепные новые инструменты.