Функциональные возможности приложения:

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

Пожелания заказчика:

• Дизайн приложения под Android;
• Прорисовка всех сценариев и экранов;
• Наглядность, простота и мотивирующие элементы.

Как решали

Основные этапы работы:

• Анализ конкурентов;
• Создание и утверждение концепции;
• Дизайн основных разделов;
• Прорисовка каждого экрана;
• Создание иконок и кнопок;
• Дизайн административной панели.

Анализ конкурентов

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

Создание mind map

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

Скетчи

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

Интерактивный UX-прототип

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

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

Экран заполнения основных сведений (пол, рост, вес, цели и пр.):

Добавление в меню продуктов для подсчета калорий:

Определяем концепцию дизайна

Заказчику были продолжены три цветовых концепции.

Определили основные цвета – более яркие для действий (выбрать, обновить или нажать), менее яркие – для анимации и графиков.

Раздел Питание

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

Раздел Тренировки

Главное при любых тренировках – мотивация. В приложении для снижения веса центральным элементом тренировок выбрали счетчик расхода калорий.

Раздел Потребление воды

Учет потребления воды – функция не самая распространенная в подобных приложениях. 

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

Контроль веса и параметров тела

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

Проработка дизайна каждого экрана

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

 

Onboadring

Онбординг – это 3-5 экранов, демонстрирующие пользователю при первом запуске приложения возможности приложения.

Иконки и кнопки

От привлекательности, информативности и узнаваемости иконки приложения напрямую зависит частота скачиваний на Google Play и, как следствие, коммерческий успех.

В результате тестирования и согласования с заказчиком была выбрана буква Q на бирюзовом фоне.

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

Административная панель

Отдельно была разработана административная панель администраторов и модераторов проекта. 

Посмотрите кейс на сайте, Behance и Dribbble.