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

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

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

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

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

Верхняя панель навигации

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

Вот, например, как выглядят главные страницы мобильной версии сайта BBC и приложения Google Play Apps:

Обратите внимание, что Google Play смог уместить больше элементов в панели навигации, используя «карусель»

Панель вкладок

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

Панели вкладок, как правило, присутствуют в большинстве мобильных приложений и имеют те же недостатки, что и панель навигации. Существенное их отличие в том, что панель вкладок закреплена, то есть постоянно видна на экране, даже когда пользователь прокручивает страницу вниз, а панель навигации, как правило, просто прокручивается вместе содержанием страницы. Хотя иногда применяется и так называемая «липкая навигация» (sticky navigation), когда навигационная панель остается в верхней части экрана либо автоматически появляется там, когда пользовать начинает скроллить страницу вверх.

В качестве примеров можно привести ленту новостей Facebook на мобильных платформах. Facebook на iPhone (слева) и Android (справа) использует панель вкладок для основной навигации по приложению. Вкладки расположены в соответствии с официальными принципами данных операционных систем: внизу — на iPhone и в верхней части страницы — на Android. При этом навигационные иконки на IOS еще и подписаны:

Если их более пяти, становится трудно уместить их все на панели, сохранив при этом оптимальный для сенсорного экрана размер. Конечно, можно использовать «карусель», как в примере с Google Play — то есть разбить пункты навигации по категориям, но это не всегда уместно. Пользователь не всегда может догадаться, что за пункты скрываются за следующим элементом карусели, и не всегда станет проверять их.

Пример — старая версия приложения Weather Channel: здесь панель вкладок реализована так, что не сразу понятно, что каждая вкладка внизу скрывает под собой еще несколько. И тем более сложно угадать, какие именно пункты там содержатся:

Если вы решите использовать панель навигации или панель вкладок, они должны быть основным элементом интерфейса, но еще немного места стоит отвести на другие инструменты — например, на окно поиска.

Если на сайте 4-5 основных вариантов навигации, возможно, имеет смысл сделать их видимыми постоянно, особенно если они ведут к часто используемым страницам и опциям. Однако, не забывайте, что навигация должна соответствовать контексту приложения. Так, если есть другие обязательные элементы — например, иконка корзины, вход в учетную запись и т. д, то их тоже нужно учитывать, чтобы в целом интерфейс не занимал слишком много места.

Например, вот как выглядит страница результатов поиска сайта AutoZone:

Хотя в панели навигации содержится всего четыре основных пункта (Магазин, Консультации по ремонту, Заказ и Найти магазин), помимо них на страницу выводится еще несколько элементов интерфейса (логотип, корзина, строка поиска, вкладки с результатами поиска и т. д.), так что суммарно они занимают около трети экрана.

Скрытые меню (сэндвич и другие варианты)

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

Пример использования сэндвич-меню — сайт USA Today. Здесь оно применяется для основных навигационных опций. Открывается нажатием на значок в левом верхнем углу экрана:

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

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

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

Навигационный хаб

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

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

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

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

Выводы

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

Суть в том, чтобы выбрать такие решения, недостатки которых меньше всего будут проявляться конкретно на вашем сайте:

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

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

Однако последние исследования говорят о том, что пользователи не слишком-то охотно делятся своими персональными данными. Так, согласно данным Global Consumer Trust Report 2016 года, число пользователей, который с легкостью делятся своими данными с приложением, снизилось с 21% в 2013 году до 15% в 2015 году. Число тех, кто вынужденно делится данными для того, чтобы продолжать пользоваться приложением выросло до 41% (по сравнению с 33% в 2014 году).

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

Может ли тестировщик мобильного приложения изменить ситуацию к лучшему и повысить уровень доверия пользователя к приложению? Конечно, может! Если это специалист по проведению юзабилити-тестирования.

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

В этой статье мы собрали несколько советов экспертов a1qa по проведению грамотного юзабилити-тестирования:

Проверьте, как приложение запрашивает разрешения

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

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

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

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

Обратите внимание, не перегружен ли интерфейс

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

Обеспечьте интуитивную навигацию

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

Проверьте читабельность текста

Сможет ли пользователь разобрать текст в приложении, находясь на улице? А внутри помещения? Кроме того, обратите внимание на цветовой контраст между элементами, чтобы с тестируемым приложением могли работать слабовидящие пользователи.

Не прекращайте тестировать продукт

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

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

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

С компанией «Ашманов и партнеры Санкт-Петербург» Банк «Санкт-Петербург» сотрудничает с 2014 года. За время сотрудничества мы наблюдаем положительную динамику в продвижении сайта: количество переходов из поисковых систем увеличилось в 2 раза, видимость по тематическим запросам выросла более чем в 4 раза. Команда «Ашманов и партнеры» продемонстрировала профессионализм и ответственность в решении поставленных задач! Мы уверены в дальнейшем плодотворном сотрудничестве! Также выражаем благодарность ведущему менеджеру Ивановой Дарье за пунктуальность, аккуратность в работе, проактивных подход и личную заинтересованность в высоких результатах.

Открыть оригинал

Рыбаков Александр

Вице-президент, директор Диджитал департамента ПАО «Банк «Санкт-Петербург»

Сотрудничество с компанией «Ашманов и партнеры» было необходимо для дальнейшего развития сайта ИД «Коммерсантъ»: всестороннего аудита существующих версий сайта, поиска слабых мест и разработки рекомендаций по улучшению каждой из версий сайта. Среди возможных подрядчиков компания «Ашманов и партнеры» обладала наиболее внушительным опытом комплексной работы над крупными интернет-проектами с большой аудиторией.

Специалисты агентства провели поисковый аудит, юзабилити-аудит, юзабилити-тестирование страниц сайта, анализ конкурентов и анализ мобильной версии сайта. По итогам комплексного аудита был разработан комплекс мероприятий, в процессе внедрения сотрудники продолжали консультировать специалистов ИД «Коммерсантъ» по необходимым изменениям на сайте.

Надеемся на дальнейшее плодотворное сотрудничество с компанией «Ашманов и партнеры».

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

Открыть оригинал

Урбан Кирилл

Директор по информационно-цифровым платформам АО КоммерсантЪ

Специалисты компании «Ашманов и партнеры» выполнили детальный аудит существующего сайта, выявили точки роста, а затем провели большой объем работ по его текстовой оптимизации. Кроме того, они предоставили большой объем рекомендаций по улучшению технической составляющей сайтов, а также по улучшению эргономики и повышению конверсии на сайте. После запуска сайта на новой платформе эксперты из «Ашманов и партнеры» помогли поднять его позиции.

За время сотрудничества прирост трафика из поисковых систем на наш сайт составил около 300%. Число запросов, находящихся в топ-10 поисковых систем, выросло многократно, в том числе и по высокочастотным фразам.

В настоящее время специалисты компании «Ашманов и партнеры» продолжают консультировать нас по вопросам поискового продвижения и помогают в реализации предоставленных рекомендаций.

Благодарим компанию «Ашманов и партнеры» за качественно выполненную работу и понятную, прозрачную отчетность.

Открыть оригинал

Рыжкова Любовь

Директор по электронной коммерции и развитию цифровых технологий

Мы сотрудничаем с компанией «Ашманов и партнеры» с января 2016 года. Эксперты компании провели поисковый аудит нашего сайта и разработали рекомендации по устранению технических недочетов на сайте.

Кроме того, специалисты «Ашманов и партнеры» провели конкурентный анализ, а также разработали прототипы и макеты страниц нового сайта с учетом современных требований к юзабилити и поисковому продвижению.

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

Открыть оригинал

Резников М.В.

Директор по связям с общественностью и информационной политике Группа ПОЛИПЛАСТИК

После смены дизайна на сайте vedomosti.ru мы захотели: 1) выяснить, с какими проблемами столкнулись наши читатели; 2) увеличить поисковый трафик. За консультацией обратились в компанию «Ашманов и партнеры».

Специалисты «Ашманов и партнеры» провели поисковый и юзабилити-аудит нового сайта и его мобильной версии, а затем разработали подробные рекомендации по устранению ошибок. Кроме того, они протестировали все аспекты работы мобильного приложения нашего издания и разработали отдельные рекомендации по исправлению ошибок и улучшению навигации и удобства пользователей.

Мы довольны сотрудничеством с компанией «Ашманов и партнеры» и рекомендуем их как внимательного, исполнительного подрядчика. Отдельно благодарим менеджера Ольгу Сокольскую, которая четко контролировала работы по аудиту и разработке рекомендаций, а также оперативно и обстоятельно отвечала на все наши вопросы.

Открыть оригинал

Прозоров Глеб Борисович

Генеральный директор АО «Бизнес Ньюс Медиа»

Компания СОЮЗСПЕЦОДЕЖДА выражает благодарность всем сотрудникам ООО «Ашманов и партнеры» за профессиональную работу.

Специалисты компании регулярно проводят большой комплекс мероприятий по продвижению нашего сайта в поисковых системах.

После трех месяцев совместной работы наш сайт закрепился на первых местах по многим ключевым для нас запросам, увеличилось число посетителей из поисковых систем и выросли продажи. Специалисты компании провели полный SEO-аудит нашего сайта. По итогам аудита они разработали рекомендации по улучшению коммерческой составляющей сайта, а также предложили варианты переработки ключевых странице нашего интернет-магазина. Главная страница сайта и формы обратной связи стали понятнее и удобнее, мы стали лучше понимать объективную конкурентоспособность нашего интернет-магазина. Кроме этого, мы получили ценные рекомендации по улучшению обработки заказов. Вместе со специалистами «Ашманов и партнеры» мы разработали и начали внедрять стратегию регионального продвижения сайта.

Благодаря работе специалистов ООО «Ашманов и партнеры» мы делаем наш сайт более удобным для наших клиентов и эта работа продолжается.

Открыть оригинал

Гамшеев Юрий Викторович

Генеральный директор Союзспецодежда-Центр

Сотрудничаю с компанией «Ашманов и партнеры» уже много лет, работая в разных организациях. Компания на рынке СЕО появилась одной из первых и за эти годы зарекомендовала себя, как команда профессионалов, чьи услуги, конечно, не дешевы, но они того стоят.

Подкупает ответственность компании «Ашманов и партнеры» перед клиентами, стремление совершенствоваться самим и помогать совершенствоваться нам.

Последний из совместных проектов с компанией «Ашманов и партнеры» - запуск сайта после редизайна. Очень важным моментом было то, что разработка структуры и дизайна сайта шла параллельно с проработкой специалистами компании наших действий в плане оптимизации. Это дало возможность минимизировать риски при запуске нового сайта и сохранить хорошие позиции.

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

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

Открыть оригинал

Разумова А.

Бренд-менеджер ООО «Ренамакс»

Чтобы объективно оценить эффективность ведущихся работ по продвижению нашего сайта, мы заказали SEO-аудит в компании «Ашманов и партнеры».

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

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

Благодарим специалистов компании «Ашманов и партнеры» за профессиональный и ответственный подход к решению задачи.

Открыть оригинал

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

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

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

Мы планируем продолжить совместную работу с «Ашманов и партнеры» и рекомендуем это агентство как профессионального, исполнительного подрядчика, который внимательно относится к пожеланиям клиентов.

Открыть оригинал

Воробьев Валерий Анатольевич

Генеральный директор

ЧОУДО «Школа английского языка «Ес» выражает благодарность компании ООО «Ашманов и партнеры» за плодотворное сотрудничество: оперативную работу по нашим проектам и проявленное терпение и понимание ко всем пожеланиям заказчика. Мы верим в сохранение сложившихся деловых и дружеских отношений, надеемся на дальнейшее взаимовыгодное сотрудничество в будущем.

За время работы наш сайт значительно улучшил свои позиции и стал существенно привлекательней с точки зрения юзабилити.

Особенно хочу выделить Романа Чередника и Жебелеву Марию как очень внимательных и ответственных сотрудников компании.

Желаем вашей компании успешного развития и достижения новых вершин в бизнесе. В свою очередь мы рекомендуем компанию ООО «Ашманов и партнеры» как добросовестного и качественного подрядчика нашим партнерам.

Открыть оригинал

Певунова А.В.

Директор по маркетингу «Школа английского языка «Yes»

Тема создания мобильных приложений для iOS еще долго не потеряет своей актуальности. Количество приложений в App Store перевалило за отметку в 2 000 000 (два миллиона) еще летом прошлого (2016) года, а число их скачиваний достигло 130 миллиардов.

Объект нашего сегодняшнего обзора сами разработчики отнесли к категории «Здоровье и фитнес». Исследования показали , что эта категория является не самой популярной среди приложений в App Store. Однако ситуация на российском и зарубежном рынках мобильных фитнес-приложений дает аналитикам основание называть эту нишу крайне перспективной для разработчиков и прогнозировать ее увеличение на 210% к 2020 году (по сравнению с 2016).

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

Как проводился анализ

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

1. Сначала я установила приложение на iPhone и попыталась разобраться в его настройках.

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

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

Позиционирование приложения

Для исследования нам была предоставлена только ссылка на приложение в iTunes без какого-либо сопроводительного текста. Из названия понятно, что предлагается некая программа тренировок на улице (воркаут) для начинающих, рассчитанная на 100 дней.

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

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

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

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

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

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

Например, так:

Описание фитнес-приложения в iTunes

Демонстрация работы приложения в App Store

Установка приложения

Начальная заставка

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

Конечно, заставку можно пропустить. Однако

если вы привлекаете внимание пользователя, тратите его время на просмотр какой-либо информации, это должно быть оправдано.

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

Именно так и поступает уже упомянутое выше приложение «Workout Trainer»:

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

Кстати, «бесполезные» заставки – это одно из нарушений гайдлайна.

Ввод данных пользователя

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

Поля для ввода веса, а также параметров уровня моей физической подготовки находятся на следующем экране, хотя и на предыдущем для них есть достаточно места. Заголовок экрана едва помещается по ширине – его также можно было бы сформулировать короче, например, «Ваши данные» или «Ваши параметры».

Нет единого стиля обращения к пользователю : на заставке ко мне обращались на «ты» (используй, присоединяйся, стань и т.д.), а здесь – уже на «вы» (введите, укажите и пр.).

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

Подсказки для пользователей относительно их действий – это хорошо. Однако на данном экране их слишком много: заголовок, подзаголовок и пояснение. Для чего нужны подписи к местам для фото – спереди, сзади и сбоку? Если я загружу фотографии, я и так буду видеть, где зад, а где перед. Или это означает строгое соответствие и я не могу загрузить вид сзади в ячейку «Спереди»?

Вводная информация

К установке приложения я приступила в полной боевой готовности – надела спортивную экипировку. Я думала, что вот сейчас быстренько настрою приложение и проверю его работу на практике. Однако весь следующий час я так и просидела в кроссовках…

Напоминаю, что мы прошли уже через 6 экранов, но еще не начали использовать приложение , мы его только настраиваем.

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

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

Каждый из инфопостов занимает по 5–7 экранов интересного (честно!), но совершенно неадаптированного текста. Соответственно, размер шрифта в этих разделах не меняется динамически в зависимости от настроек самого iPhone (еще одно нарушение гайдлайна) .

На фоне всего этого текст «Почти все» выглядит особенно издевательски.

Итого: прежде чем нажать кнопку «Поехали!», мне пришлось просмотреть 7 экранов и 3 раздела мобильного сайта . Соответственно, я ожидаю, что все это было не зря.

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

Запуск приложения

Главная

Наконец-то я вошла в приложение! Тут я вижу, что «отсчет» уже пошел – программа началась не просто сегодня, а прямо сейчас. А что если я собираюсь начать ее завтра? Где мой вводный инструктаж? Как я могу начать свой первый день «стодневки»? С чего ее начать? Я не знаю ни своей программы, ни как правильно отжиматься, ни сколько раз, вообще ничего!

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

Перед тренировкой мне предлагается прочесть «тему дня». Отлично, наверняка это и есть инструктаж! Но вместо схематичного пошагового рассказа с иллюстрациями и/или видео мне опять открывается страница мобильного сайта, где нужно самостоятельно на 7 экранах вычитывать, с чего начать, что делать и чем закончить. При этом на навигацию по приложению в инфопостах уже «забили»: если на других экранах к «стрелкам» «Назад» есть подписи, то здесь уже нет.

Тренировка пока не пройдена – ок, это соответствует истине. Я вижу три составляющие своей ежедневной тренировки – сами упражнения, растяжка и отдых.

Инфопосты

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

Дневник тренировок

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

Прогресс

Программисту нужно поправить отображение десятичных значений в числах. Если ввести 67 или 67,5, все будет нормально. Но, если ввести 67,6 – будет то, что отражено на скриншоте.

Я не загрузила свои фотки на этапе настройки, поэтому их здесь нет. Как добавить сюда свои фотографии , если теперь я хочу это сделать?

Прогресс можно отслеживать только в начале, середине и конце тренировки. То есть раз в 50 дней. А если я хочу вносить промежуточные изменения веса и загружать фото?

Настройки

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

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

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

Пункт «Площадки» отправляет на скачивание другого приложения, «Магазин» – на сайт магазина, «Оценить» – в App Store. Написать, правда, не получится – при открытии формы обратной связи ее нельзя ни закрыть, ни отправить, ни пропустить, ни вернуться.

Не стоит стараться уместить весь функционал приложения в 5 основных экранов. В нижней навигационной панели стоит оставить только те ссылки, которые нужны/постоянно используются для тренировок. Все остальные разделы (информационные материалы, настройки, общение, обратную связь, информацию о программе тренировок, данные о приложении и его разработчиках и т.д., и т.п.) можно «спрятать» в навигационного меню.

На скриншотах ниже показано, как используется потенциал навигационного меню в приложении. В нижней панели находится только самое основное, все остальное – от профиля пользователя до информации о приложении – можно найти в «недрах» меню-«гамбургера».

В нижней навигационной панели – только опции, касающиеся тренировок, все остальное – в меню

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

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

Информация о назначении каждого из разделов, которая появляется при первом открытии экрана

Тренировка

Использование информации о пользователе

Итак, самое интересное. То, ради чего задумывалось разработчиками и скачивалось мной приложение. Тренировка! Возвращаемся на экран «Главная» и нажимаем «Тренировку».

Что я хочу сообщить. Ни одна из настроек , установленных на первом этапе, не была обязательной . Приложение никак не учитывает введенные данные (единственное, при выборе пола «женский» начальное количество кругов тренировки задается как «2», а при выборе пола «мужской» – как «4». Но и это все настраивается вручную).

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

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

Как можно было бы использовать пользовательские данные

Например, я ввожу следующие параметры:

• пол – женский;
• вес – 68;
• отжимания от пола – 0;
• подтягивания на перекладине – 0;
• приседания – 50.

Что мы видим – девушка весит достаточно, но 68 кг могут быть и жиром, и мышцами. Не умеет отжиматься и подтягиваться, но более-менее приседает. Значит, скорее всего, это не мышцы. Все женщины хотят похудеть. Что может предложить ей приложение:

• в начале программы включить в тренировки не классические отжимания-подтягивания-приседания, а облегченные (отжимания с колен, «австралийские подтягивания», приседания с опорой и т.п.). Или предоставить такой выбор (Настрой свои тренировки. Подтягивания: обычные или «австралийские» (рекомендуем)? И ссылка – Подробнее об «австралийских подтягиваниях» ) ;
• в будущем по мере увеличения количества повторов и отработки техники заменить эти облегченные упражнения в графике на обычные (Мы заметили, что ты уже неплохо продвинулась в своих тренировках! Пора переходить на обычные отжимания!) ;

• дать рекомендации по дополнительным «жиросжигающим» упражнениям и советы по питанию.

В качестве примера: приложение «Workout Trainer» старается максимально подстроиться под нужды пользователя:

Желаемый уровень сложности -> Цели тренировок -> Рекомендуемые программы

Режим тренировки

При нажатии на кнопку «Тренировка» открывается одноименный экран с предустановленным набором упражнений. До этого я добросовестно прочла инфопосты и понимаю, что представленные упражнения – это основа программы, а количество кругов – рекомендовано для женщин в начале.

Но почему заданы именно эти начальные значения? В настройках я указала (см. экран «Прогресс» выше): подтягивания – 1, отжимания – 1 и приседания – 50. 5-10-10-10 – это количество повторов, которое я должна сделать в первый же день? Это средние значения? Это минимум? Максимум? Чтобы вернуть «свои» настройки мне пришлось нажать на «+» 80 раз (увеличить количество приседаний 2 раза до 50) и на «-» 13 раз (уменьшить количество отжиманий и подтягиваний). Но все еще непонятно, зачем мне эти данные сейчас, если я буду их фиксировать только после прохождения кругов.

Кнопки «+» и «-», с помощью которых можно изменять количество повторений, очень неудобны в использовании. Они имеют малый размер, по ним и так-то трудно попасть пальцем, а то, что они расположены еще и рядом друг с другом, может приводить к постоянному нажатию «не той» кнопки. И это я делаю сухими пальцами на стуле. А как быть, когда пальцы дрожат или не гнутся на тренировке? От пота, холода, напряжения и т.д.

Исследование MIT Touch Lab показало, что средняя ширина указательного пальца взрослого человека – 1,6–2 см (45–57 пикселя). То есть для успешного взаимодействия пользователя с элементами приложения ширина области касания должна составлять 45–57 пикселей.

Почему мне не предложили их сразу? А если бы я не обратила внимания на ссылку «Изменить», как бы я о них узнала? Могу ли изменять программу по своему усмотрению или лучше придерживаться начальных установок? Не рано ли мне делать выпады? Что такое «австралийские подтягивания»? Почему нет обратных отжиманий? Их нельзя делать во время программы? Сколько видов упражнений лучше добавить на начальном этапе? Могу я добавить свои? Например, «планку»? Почему в программе не учтена разминка, я могу забыть ее сделать?

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

Например, в приложении «Workout Trainer» каждая программа и инструкции по выполнению упражнений в ней реализованы в виде своеобразного «комикса». Есть фотография, дающая общее представление об упражнениях, входящих в программу, а также пошаговая иллюстрация выполнения каждого из упражнений. Кроме того, в режиме «модерируемый» в ходе выполнения упражнений виртуальный тренер дает пользователю аудиоподсказки («плечи ниже», «осталось еще 10 секунд» и т.д.).

Описание программы Описание упражнения

Это мобильное приложение, и оно должно решать какие-то мои задачи. Если это «обучающая программа для новичков», тогда не хватает наглядности, инструкций, демонстраций, схем, разборов, всплывающих окон с объяснениями, напоминаний, аудиоподсказок во время выполнения упражнений (расслабь плечи, не тяни шею, держи спину ровно и т.д.) и пр.

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

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

Выполнение кругов

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

Вверху экрана приводятся мои начальные данные для каждого из упражнений. Зачем они отображаются? Я должна сделать столько же? Не меньше? Больше? Под этим списком «мигает» строчка «Круг 1: Выполнение…». Ее «мигание», как я понимаю, означает, что тренировка в процессе. После выполнения подхода нужно нажать на кнопку «Готово», тогда откроется таймер с отсчетом секунд, отведенных на отдых, который можно прекратить досрочно.

После этого автоматически начнет «мигать» текст «Круг 2: Выполнение…». После нажатия на кнопку «Готово» заголовок экрана меняется на «Тренировка завершена», мне предлагается ввести то, что я наприседала и наотжимала и сохранить эти данные.

Обновленные данные о прохождении первой тренировки появляются на экранах «Главная» (куда, кстати, пропали «Растяжка» и «Отдых»?) и «Дневник тренировок» (Как это будет выглядеть, когда тренировок пройдет уже 25? Будут ли они все так же представлены в развернутом виде и их придется долго-долго пролистывать?). На обоих экранах данные можно удалить или изменить.

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

Например, вот так может отличаться интерфейс самого приложения от интерфейса режима тренировки:

Экран приложения Режим тренировки 1 Режим тренировки 2

Вторая проблема: таймер тренировки бесполезен в практическом плане.

Тренировка состоит из следующих моментов: разминка, подтягивания, приседания, отжимания, приседания, отдых 30 секунд, подтягивания, приседания, отжимания, приседания, заминка. В телефоне, скорее всего, кроме приложения, будет включен плеер. Телефон во время тренировки будет в кармане.

Итак, человек размялся. Затем ему нужно достать телефон из кармана (кому-то еще перед этим и расстегнуть карман), разблокировать его (зимой – предварительно сняв перчатку), нажать в приложении кнопку «Начать тренировку», заблокировать экран, чтоб ничего случано не нажалось, убрать телефон в карман (застегнуть карман, надеть перчатку), подтянуться, присесть, отжаться, присесть, достать телефон из кармана (замок, перчатка), разблокировать его, нажать кнопку «Готово», отдохнуть, заблокировать телефон, убрать его в карман (замок, перчатка), подтянуться, присесть, отжаться, присесть, достать телефон из кармана (замок, перчатка), разблокировать экран, нажать кнопку «Готово». Потом во время отдыха ввести результаты тренировки, нажать «Сохранить», заблокировать экран, убрать телефон в карман, замяться.

При этом, таймер тренировки вообще ничего не отсчитывает , ни времени, ни количества повторов, не подает никаких сигналов, звуков, советов, вообще ни на что не влияет, никак не контролирует и не корректирует ход тренировки , включается и выключается «вручную». Все, что таймер тренировки делает, это просто мигает текстовым сообщением, которое никто все равно не увидит, потому что телефон в кармане.

Из всех функций могут пригодиться только две: секундомер для отсчета времени отдыха и запись результатов в конце. Но тогда приложение стоило назвать «Секундомер и блокнот» («Фиксируй время отдыха и результаты!») и убрать из него все лишнее. Например, таймер тренировки.

Третья проблема. Зачем нужен таймер в данной тренировочной программе? Разве упражнения или круги выполняются на время? Разве стоит такая задача «вы должны успеть подтянуться максимальное количество раз за 30 секунд»?

Растяжка и отдых

Наступил день второй (ну ладно, я сама переключилась на него в настройках), и опять кроме ссылки «Тренировка» на главном экране появились ссылки «Растяжка» и «Отдых». Даже не с третьего раза я догадалась, что оказывается растяжка и отдых – это не составляющие части тренировки, а составляющие части всей 100-дневной программы. Только «методом тыка» (в прямом смысле) удалось догадаться (приложение объяснить не соизволило, а в инфопостах – попробуй найди!), что в некоторые дни «стодневка» предусматривает вместо обычного набора упражнений выполнение растяжки или, вообще, отдых от занятий.

С какой регулярностью нужно проводить растяжку и отдыхать? Может, базовый блок вообще идет без отдыха? Включаются ли дни растяжки и отдыха в 100 дней программы или считаются отдельно? Нужно ли в настройках приложения выбирать «Приостановить тренировки» в эти дни? Что если я хочу делать растяжку в дни тренировок?

При этом иконки растяжки и отдыха выведены так же активно, как иконка тренировки. То есть создается полное впечатление, что «Растяжка» и «Отдых» предполагают такую же активную работу с ними, как и «Тренировка». Однако все, что можно сделать с растяжкой и отдыхом – это обозначить их. При нажатии на «Растяжку» или «Отдых» не происходит даже перехода на другой экран, как в случае с «Тренировкой». Они просто выбираются и добавляются в дневник. И все.

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

Отображать дневник тренировок намного нагляднее было бы не только списком, но и в календаре. Лаконичными значками помечать порядковый день «стодневки», дни тренировок, растяжки и отдыха, пропущенные тренировки и т.п. При нажатии на день открывался бы экран с подробностями тренировки в этот день.

Вот пример симпатичного календаря тренировок – ничего лишнего, но в то же время масса информации:

Расписание тренировок в календаре

Проверка приложения в реальных условиях

Итак, после экспертной оценки настало время провести первую тренировку по-настоящему. В начале давайте еще раз отметим самое важное, что нам нужно знать о мобильном приложении «100-дневный воркаут: Фитнес для начинающих»:

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

Сначала я вспомнила, что видела в настройках пункт «Площадки». Исходя из контекста тренировок, я догадалась, что речь идет о спортивных площадках. Для поиска площадок мне было предложено скачать отдельное приложение (почему было бы не встроить карты с площадками в это же приложение? Ведь намного удобнее было бы иметь все функции в одном приложении).

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

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

Итак, вечер, темно, на улице -10⁰ С, по ощущениям – 16⁰ С. Площадка (правда, детская, но с перекладинами) прямо во дворе. Разминка – половинка подтягивания на перекладине – приседания – …

И вот тут тренировку пришлось приостановить: КАК ОТЖИМАТЬСЯ В СНЕГУ? Можно ли вообще это делать? Вот скамейка – могу ли я отжаться от нее? Как я занесу эти данные потом в дневник тренировки, там нет варианта «отжимания от скамьи»? Посчитать обычные отжимания, а где пометить, что они были от скамейки? Это данные наверняка потеряются. Если я занесу это в свои заметки, зачем мне тогда приложение? Искать всю эту информацию в многословных инфопостах посередине тренировки, понятное дело, было страшно долго, неудобно и холодно.

Ах, да! В авиарежиме видеоролики просто не «подгружаются». То есть, если у меня не будет мобильного интернета или wi-fi поблизости, я смогу использовать единственный источник информации в приложении (инфопосты) только в текстовом формате и не смогу посмотреть видео на предмет правильности выполнения тех или иных упражнений.

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

Каким бы это приложение могло быть

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

1. Я устанавливаю это приложение. Появляется сообщение: «Введи свои данные, чтобы мы могли подобрать тебе индивидуальную программу тренировок».

2. Я ввожу свои данные: пол, уровень физподготовки. Приложение говорит: «Предлагаем начать тебе с облегченной программы. Когда ты достигнешь прогресса, мы предложим тебе перейти на классические упражнения».

3. Я перемещаюсь по экранам. Мне выводятся сообщения: «Здесь ты можешь внести все свои параметры – рост, вес, объемы, загрузить фотографии – так тебе будет удобнее следить за прогрессом», «Здесь ты сможешь найти ответы на любые вопросы о тренировках и питании. Если ты не нашла ответа на свой вопрос, пожалуйста, напиши нам, мы обязательно поможем», «В этом календаре ты сможешь отслеживать свою активность» и т.д., и т.п.

4. Экран «Тренировка». Сообщение «Пожалуйста, ознакомься со всей важной информацией перед тем как начать. Ты можешь приступить к тренировкам в любой момент, нажав кнопку «Начать «стодневку». Если у тебя есть какие-либо ограничения по здоровью, рекомендуем посоветоваться со врачом, желательно спортивным».

5. Я все ввела, прочла, вписала, сохранила. Нажимаю «Начать «стодневку»!» Приложение: «Поздравляем! Сегодня твой первый тренировочный день. Ты 100 раз пожалеешь, что ввязалась, но 1000 раз скажешь спасибо в конце. Но конца не будет. Эти 100 дней перевернут твою жизнь, и ты уже не сможешь без воркаута».

То есть приложение должно «понимать», какой сейчас год, месяц, день, время суток, погодные условия. В дальнейшем прямо на главном экране приложение должно сообщать мне, что у нас с погодой (как в специальных приложениях – температура, облачность, снег дождь и так далее). В какие-то особенные дни – выводить предупреждающие сообщения: «Внимание! В городе собирается гроза. Возможно, тебе лучше сегодня воздержаться от тренировки».

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

7. После окончания первой тренировки (нажатия кнопки «Готово» или «Завершить» и пр.) – сообщение: «Поздравляем тебя с окончанием твоей первой тренировки. Теперь ты можешь внести свои первые результаты в «Дневник тренировок». Не оставайся долго на холоде. Сейчас лучше скорее прийти домой и принять горячий душ» и пр. Далее также можно выводить сообщения – «Не забывай вносить свои результаты после каждой тренировки».

8. Если день уже заканчивается, а я еще не тренировалась, приложение посылает мне уведомление: «Уже 22 часа, а ты еще не тренировалась! Поторопись». И я иду тренироваться или ставлю в этот день «отдых».

9. Неплохо было бы фиксировать и самочувствие до и после каждой тренировки. Хотя бы в свободной форме («кружилась голова», «был прилив сил», «нет энергии», «сильно кололо в боку» и т.п.). Такие данные за некоторый промежуток времени могут быть очень полезными. Например, когда я себя лучше чувствую на тренировках – утром или вечером, вовремя заметить, что что-то часто у меня стала после тренировки болеть правая нога и т.д.

10. Весь контент должен быть переработан под мобильный формат и быть доступным даже в офлайне.

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

12. Таймер тренировок не нужен. Была бы польза, если бы был аудиоконтроль за выполнением упражнений, так как я не вижу себя в зеркале. Понятно, что приложение меня не «увидит», но хотя бы стандартный набор записанных фраз: «не отрывай пятки от земли», «плечи – назад», «напряги живот» и т.п.

13. Также был бы смысл, если бы приложение само считало сколько раз я присела/отжалась, исходя из моих движений и фиксировало это (как, например, стандартное приложение «Здоровье» считает шаги/километры/этажи).

И таких «полезностей» может быть еще много – встроить поиск и общение с другими участниками движения в это же приложение и так далее.

P.S.

Конечно, я побывала на сайте , откуда «родом» и сама программа «100 сайт-дневный воркаут», и мобильное приложение. Workout.su – проект, созданный одним из поклонников такого «лайф-стайла», как воркаут, для единомышленников по всему миру. Вся информация, полученная ребятами из открытых источников и собственного опыта, проанализирована, обработана, структурирована и достаточно доступно и интересно изложена в виде текстового, фото- и видеоконтента. Мне действительно очень понравилось то, о чем и как они пишут. Инфопосты на сайте – не только полезное, но и крайне увлекательное чтиво.

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

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

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

Шаг 1. Установка в мобильное приложение системы аналитики

При разработке мобильного приложения стоит сразу встроить в него : Яндекс.Метрику, Google.Analytics, Flurry, Mixpanel. Через некоторое время, допустим, через месяц, сервис предоставит информацию о том, кто, а главное, как пользуется мобильным приложением.

Например, Flurry анализирует:

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

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

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

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

Для проверки гипотез отказа от приложения нужно протестировать юзабилити приложения на различных персонажах и сценариях.

Шаг 2. Создание персонажей и сценариев работы в мобильном приложении

Персонажи и сценарии – неплохой инструмент для описания целевой аудитории приложения.

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

В случае с приложением для онлайн-покупок, сценарий может выглядеть примерно так:

• запуск приложения
• ввод поискового запроса
• выбор интересного варианта в поисковой выдаче
• изучение характеристик
• изучение отзывов
• заказ
• получение уведомления о сроках доставки

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

Шаг 3. Собственно юзабилити-тестирование

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

В ходе тестирования перед респондентами следует поставить конкретные цели и наблюдать, как именно они будут реализовываться.

В листах оценки юзабилити следует отметить:

• была ли достигнута цель в мобильном приложении
• какие сложности возникли в ходе тестирования
• сколько времени пришлось потратить пользователю на достижение цели

Шаг 4. Анализ полученных данных

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

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

Шаг 5. Выводы и устранение ошибок

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

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