Заказчик
Образовательный проект «Bang Bang Education»
Боль
Да никакой боли собственно и нет, просто с горящей попой сдавал курсовой по специальности «Дизайн мобильных приложений»
Скиллы
Персоны, карты эмпатии, JTBD, CJM, опросы, тестирования, брейншторм, Figma, Adobe Illustrator, Adobe Photoshop
Тайминг
Лето 2023.
2,5 месяца
Контекст
Я вечный студент и на этот раз выбрал прокачать навыки в сфере UI/UX, а именно в разработке мобильных приложений. Приложения я проектировал и раньше, для чемпионов мира по киберспорту, и ряда других проектов, но не уходил глубоко в исследования, тестирование.
Курс от BBE позволил сильно прокачать эти навыки, прилось даже выйти в отпуск, ведь учёба это отдых 😂, на курсе мы учились проведению исследовений, тестированию решений, изучали гайдланы IOS и Android, особенности нативных приложений и кросплатформенных (Flutter и другие).
Также очень подробно разбирали прототипирование, презентацию проектов, собственно это и есть презентация моего проекта, рад вам его представить.
Презентация моего дипломного проекта «Стриги зелень.
Огород в городе».
Далее я расскажу про:
Функции приложения
Анализ конкурентов
Персоны и карты эмпатии
Jobs To Be Done
Customer Journey Map
Опрос целевой аудитории
Интервью-гайд
UI Kit + Wireframes
Отрисовка экранов
Замечания от кураторов
Целевая аудитория
Приложение поможет выращивать в городе растения и зелень для себя и для продажи, получать блага леса и малых хозяйств, делать совместные закупки, продажу и и обмен растениями и едой.
В нём продумана система монетизации и подписок, созданы удобные фильтры, схемы ухода за базовыми растениями, фильтр по уровням освещённости и важности полива, климату и защите от домашних животных.и защите от домашних животных. Также вам понравятся услуги передержки и полива цветов, удалённых консультаций по уходу за ними.
Основная задача сервиса: cоздать удобную среду для горожан, которым не хватает благ природы в городской среде.
Функции
приложения
На этом этапе мне важно продумать систему монетизации и подписок, создать удобные фильтры, схемы ухода за базовыми растениями, фильтр по уровням освещённости и важности полива, климату и защите от домашних животных.
Формирую те задачи, которые оно должно решать:
Можно покупать и выращивать
на продажу растения
Более точный фильтр растений и семян, в отличии от конкурентов, возможность подписки на конкретный сорт или продавца, поиск по климатическим зонам и уровню освещённости помещения.
Покупать грибы, травы и ягоды
с рук у дачников и лесников
Плотность жизни в мегаполисе обернется плюсом, если узнаешь, что в твоем доме есть те, кто выращивают на даче крыжовник и купить свежесобранный.
Или облепиху для морса.
Совместные покупки акционного скоропорта у хозяйств по акции
Иногда не получается сбыть весь объём товара, и у фермера возникает забора – выкинуть или продать ниже рынка.
В приложении фермер может сформировать слот на выкуп, который можно разбить между жильцами дома или жилого комплекса, с оплатой доставки до ЖК.
Передержка или полив растений, удаленная инспекция культур
Знакомая ситуация – ты приехал и все цветы завяли, в приложении ты можешь заказать полив растений или отдать их на передержку. Вдруг помощник живет в твоём подъезде!
Также доступна услуга удаленных консультаций по уходу от мастеров, твоя мама может неплохо заработать на этом.
Провожу анализ конкурентов
В ходе исследования выделил прямых и косвенных конкурентов. Стало понятно что в русскоязычном сегменте нет приложений со сходным функционалом, но в западном секторе достаточно много аналогов.
В нашем сегменте смотрел в сторону Авито, Юду и Юлы, которые помогают продавать вещи и услуги с рук у частных лиц, так как аудитория приложения уже привыкла к их интерфейсам:
Прямые и косвенные конкуренты:
Greg — Plant Identifier & Care
Plant Parent — Plant Care Guide
Home Grown — Urban Gardening App
Blossom — Plant Identifier
Seeds — Urban Gardening App Design
YouDo — Работа, курьеры, уборка
Agriculture App — IOS Presentation
Авито — Квартиры, авто, работа
Юла — Легко покупай и продавай
По ряду моментов приложений маркировал функции, которые нужно взять на заметку или улучшить
Придумал персоны
и карты эмпатии
Итак, началось обучение и нас же погружают в то, как правильно создавать персонажей для работы с разными задачами приложения, потом мы пойдем к фреймворку “Job To Be Done”, но пока от нас требуется просто создать три-четыре персонажа и попробовать создать для них точки, в которых им будет нужно мое приложение:
Jobs To Be Done
Использую популярный фреймворк и для каждой персоны формирую те задачи, которые она может решить при помощи моего приложения:
Делаю Сustomer
Journey Map
Формирую карту-путешествие клиентов по моему приложению, какие сложности возникнут при работе и как их предотвратить.
Привожу пример для двух персонажей:
Опрашиваю
целевую аудиторию
В опросе приняли участие 36 респондентов из Москвы, Петербурга, Воронежа, Липецка и других городов.
Ответы приведены в этом документе.
В ходе опроса была подтверждена теория о том, что в новых микрорайонах с плотной застройкой есть запрос на приобщение к природе и остро чувствуется отсутствие зеленых насаждений.
Очень помог сервис Яндекс Формы, быстро создал форму и уже через два дня у меня была куча аналитики для создания приложения.
Провожу интервью-гайд
Формирую общий контекст и этап работы над задачей, задачи исследования, гипотезы, вопросы, на которые нужно получить ответ.
Мне важно убедиться, какие из предложенных задач можно решать в приложении, какие можно закрыть за счет существующих решений, а какие боли незакрыты и требуют закрытия в приложении.
Интервью провожу с использованием ZOOM, успел опросить четыре человека, общались от 20 минут до часа.
Верстаю UI Kit, Wireframes
Набрасываю дизайн основных экранов приложения и подбираю подходящее визуальное решение для приложения, формирую базовый UI Kit для разработки, который в ходе проектирования буду пополнять.
За основу взял Material 3 Design Kit, изменив цветовую палитру. Это позволило сэкономить время на разработку макета:
Тест дизайна
Тестирую стартовый экран и интро, провожу исследования в профсообществах, делаю следующую итерации и снова тестирую.
Все двумя руками за пластилиновый дизайн, результаты тестов справа, а я нашептываю: «Маловато будет».
Первый вариант:
«В Рязани грибы с глазами»
Второй вариант:
«Операция Пластилин»
Рисую базовые сценарии:
Совместные закупки
Продажа товаров
Личный кабинет и подписка на авторов
Получаю комментарии
от преподавателей BBE
Вообще они комментируют все постоянно, но до этого вроде все было ок и особо вопросов ко мне не было. Я к сожалению задерживаюсь со сдачей проекта, но половина группы заваленные дедлайнами вообще не выходят на общие созвоны, а я жив, цел, орел!
Очень помогает поддержка и оптимизм Ани, которая верит что я доползу дойду до конца.
Благодарности
Педагогам Анне Матвеевой
и Екатерине Гармаевой
За профессионализм, интересную и легкую подачу материала, насмотренность и терпение
Группе курса «Дизайн
мобильных приложений»
За понимание, что есть куда расти, за понимание своих косяков. За участие в опросах, в дельных советах, за внимание к деталям
Проекту «BBE» за хорошую подачу материалов и интересный курс
А также доступ к библиотеке знаний от хороших преподавателей в удобное время