Потеряться и найтись – карты и мобильный пользовательский опыт

Потеряться и найтись – карты и мобильный пользовательский опыт

 

 

Возможность использования данных карт и GPS на платформах смартфонов дает разработчикам возможность улучшить пользовательский опыт (user experience) своих продуктов. Однако, чтобы карты отображали лучший опыт для пользователей – важно включать эти функции с учетом UX. Существуют некоторые правила, которые можно использовать, чтобы увеличить шансы на успех при использовании данных местоположения и карт в мобильных приложениях.

Author/Copyright holder: Search Engine People Blog. Copyright terms and licence: CC BY 2.0

Нет сомнения, что смартфон дает пользователям и дизайнерам множество вариантов, когда речь идет о новых возможностях; одной из самых популярных из них является функция GPS (Глобальная система определения местоположения – Global Positioning System). GPS может использоваться для определения местоположения пользователя и объединяться с данными карты, чтобы дать пользователям возможность находить местоположение и варианты дорог к нему.

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

Исследования, проведенные Nielsen Norman Group, показали, что при демонстрации мобильного сайта, который не включал карту на страницах результатов поиска местоположения – ни один пользователь не пожелал, чтобы карта была предоставлена. Фактически, их исследование рекомендовало, чтобы карты были для пользователей переключаемой возможностью, и чтобы данные местоположения были в виде списка, который выводится по заказу расстояния от ближайшего местоположения.

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

 

 

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

 

Прокрутка и панорамирование

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

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

 

 

Противоречия точек объектов с целевыми размерами

 

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

Точки на картах слишком часто оказываются меньше этой цели в 36 x 36 пикселей, что затрудняет присоединение пользователя к цели и взаимодействие с ней.

Существует также проблема, если карта представлена ​​на слишком высоком уровне; могут быть найдены точки объектов в одном и том же месте на одном экране. Различать эти точки через касания – это разочаровывающий опыт. Проблему можно решить путем использования уведомлений, которые позволяют пользователю касаться одной точки, а затем выбирать из списка контактов или путем демонстрации карты в соответствующем увеличении, чтобы все контакты были отдельными и их можно было различить.

Author/Copyright holder: Arambar. Copyright terms and licence: CC BY-SA 4.0

 

Сенсорные экраны, сети и другие проблемы

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

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

 

Контроль жестов

Чем проще вы держите пользовательский интерфейс на карте, тем больше вероятность того, что ваши значки (pins) и элементы управления будут соответствовать этому ориентиру в 36 x 36 пикселей для точек касания. Это не означает, что вы не можете предлагать дополнительные функции пользователю карты. Это означает, что вам нужно будет рассмотреть жесты управления для этой дополнительной интерактивной функциональности. Эти жесты управления могут быть не сразу очевидны или интуитивно понятны для пользователя, поэтому их нужно будет осторожно применять, чтобы внести реальную ценность в user-experience.

Author/Copyright holder: Intel Free Press. Copyright terms and licence: CC BY 2.0

Размещение панели инструментов

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

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

Author/Copyright holder: BaseCamp. Copyright terms and licence: Fair Use.

 

Помощь и выход

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

Реализация функций GPS и карт может быть необязательной, и стоит сначала проверить потребности пользователей. Если это полезно для вашей базы пользователей, вы должны воспользоваться рекомендациями, изложенными в этой статье, чтобы улучшить UI и UX реализации карты. Карты представляют собой настоящую проблему для небольших экранов на смартфонах и требуют тщательной обработки, чтобы предоставлять пользователям ценность, а не уменьшать ее.

 

Ссылки:

Тематическое исследование внедрения карт с использованием Google-карт – http://www.tnooz.com/article/lessons-for-mobile-app-developers-on-why-google-maps-for-iphone-looks-so-good/

Интересное исследование проблем использования для данных карт в мобильных приложениях – http://www.slideshare.net/fgarofalo/ux-considerations-for-mapping-apps-on-touch-devices

Брэд Фрост исследует адаптивную карту здесь – http://bradfrost.com/blog/post/adaptive-maps/