Qidam – android приложение для людей, которые хотят следить за своим весом, потреблением воды и состоянием организма. Наша команда сделала дизайн Android приложения и административной панели.
Дизайн на Behance и Dribble.
Что сделали в рамках проекта:
- Провели интервью, изучили аналоги, составили mind map проекта;
- Сделали прототип, создали концепции дизайна, фирменный стиль;
- Нарисовали все экраны и состояния всех элементов;
- Составили техническое задание;
- Нарисовали иконку приложения;
- Готов дизайн административной панели.
С помощью приложения контролируется:
- Количество потребляемых и сжигаемых калорий.
- Прием пищи.
- Количество выпитой воды.
- Вес и другие показатели тела.
Приложение помогает во время тренировок:
- Подсчитывает шаги.
- Регулирует программу тренировок.
- Дает рекомендации на основе аналитики.
Анализируем существующие приложения
Существует много приложений для фитнеса, снижения веса, правильного питания. Изучили удобство, простоту и привлекательности наиболее популярных из них.
Строим mind map
Составили mind map, где схематически отражены все экраны и связи между ними.
Рисуем скетчи
Скетч – быстрый набросок идеи на бумаге. Он позволяет оценить, стоит ли идея дальнейшей проработки.
Создаем интерактивный прототип
На этом этапе выбор цвета, фоновые картинки и детали оформления являются условными или отсутствуют. На прототипе создали связи между элементами и экранами.
Приложением будут пользоваться несколько раз в день: дома, на работе, в спортзале. А это не всегда хороший свет и спокойная обстановка. Поэтому все должно быть понятно: расположение и размер кнопок, иконок, меню.
Например, заполнение первичных сведений о пользователе после регистрации:
Добавление продуктов питания в меню для подсчета калорий:
Концепции дизайна
Сделали три разные цветовые концепции будущего приложения.
Выбрали основные цвета проекта. Более яркие, акцентные цвета используются для действий: нажать, обновить, выбрать. Менее яркие, нейтральные – для графиков и анимации.
Проработка элементов раздела Питание
Выбор продуктов для добавления в меню.
Оценка калорийности и учет количества продуктов.
Разработка ярлыков для разных видов продуктов и напитков и т.д.
Тренировки
Для тренировок важна мотивация. Приложение помогает снизить вес. Поэтому центральным элементом выбрали счетчик расходования калорий.
Суточная норма воды
Учет потребления воды встречается в приложениях реже, чем тренировки или подсчет шагов/калорий.
Стакан с указанием нормы показывает цель в графическом виде (количество воды на день).
Бутылочки и стаканчики говорят, сколько воды выпил пользователь.
Фигурка человечка заполняется водой по мере достижения цели. Наглядный и мотивирующий вариант диаграммы.
Вес и параметры тела
Приложение ведет учет не только изменений веса, но и других измеряемых параметров тела (обхват шеи, груди, талии, бедер). Динамику изменений можно просмотреть на диаграммах.
Дизайн всех экранов
Прототип и концепции дизайна утверждены заказчиком. Остается проработать детально каждый экран приложения с учетом выбранных элементов и цветовой гаммы.
Onboadring
Онбординг объясняет, как использовать приложение. Это могут быть подсказки, советы, туры по системе. Как правило, это 3-5 экранов обзора приложения для новичка, показываемые только при первом запуске приложения. Листаются справа-налево и должны максимально просто и доступно пояснять возможности приложения.
Разработка иконок
Яркая, информативная и узнаваемая иконка повышает узнаваемость приложения в общем списке магазина Google Play. От восприятия иконки пользователями нередко зависит коммерческий успех и частота скачивания и установок приложения.
Выбор был сделан в пользу буквы Q на бирюзовом фоне.
При разработке дизайна сделали иконки для меню, информеров, кнопок.
Административная панель
Данные от пользователей сохраняются в базу данных. Для управления этими данными необходима административная панель для модераторов. Сделали дизайн панели. Функции мы не можем раскрывать.
