Дизайн приложения по уходу за растениями

«Дизайн приложения по уходу за растениями»

(Направление: Технические науки)

Сенина Полина Александровна

студент группы РКИ25-1

E-mail elena_fisika@mail.ru

Государственное бюджетное учреждение Калининградской области профессиональная образовательная организация

"Колледж информационных технологий и строительства"

Руководитель: Тютюнова Елена Викторовна

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

Цель проекта: Подробно объяснить как создается дизайн, показать наглядно на примере приложения по уходу за растениями – “Lookki”.

Цель продукта: создать базовое мобильное приложение для помощи в уходе за домашними растениями с базовыми рекомендациями.

Задачи:

1) Подобрать референсы продукта, составить мудборд.

2) Создать логотип продукта, подобрать шрифты и цвета.

3) Генерация гипотез, выбор релевантных.

4) Тестирование гипотез, ответы пользователей, результаты

5) Архитектура приложения

6) Прототип, кликабельный прототип

7) Коридорное тестирование

8) Дизайн приложения

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

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

Источкики:

1) https://ru.pinterest.com/ (Пинтерест – для мудборда)

2) https://www.behance.net/ (Биханс – для референсов)

3) https://coolors.co/ (Колорс – для подборки цветов)

Приложения

1) UX часть продукта:

*UX-дизайн (User Experience Design) — это проектирование удобного и приятного пользовательского опыта при взаимодействии с продуктом или сервисом.

2) Референсы, мудборд продукта:

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

Moodboard – “настроение” будущего продукта. Мы его создаем с целью задать направление, представить настроение в сфере наших пользователей.

3) Логотип, шрифты, цвета:

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

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

Есть основные и дополнительные (акцентирующие) цвета.

4) Работа с гипотезами:

Я выделила 23 гипотезы – которые я могу создать и не могу (все они есть в разделе “генерация гипотез” по ссылке на figma). Далее я выбираю релевантные гипотезы (2 штуки – основную и запасную), на диаграмме отображено, на чем основываюсь:

Основная гипотеза:

№2 – для лучшего ознакомления пользователя с растениями подойдет мини игра для ухода того или иного растения.

Дополнительная гипотеза:

№9 – пользователи не знают как ухаживать за растениями и им важно добавление кратких и качественных курсов по уходу.

5) Результаты тестирования гипотез:

Был проведен опрос по критериям ниже (ответы пользователей представлены в “ответы пользователей” по ссылке figma). Данные тестирования делаются для лучшего понимания итогового пользователя, чтобы адаптировать приложение под него.        

6) Архитектура приложения:

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

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

*Более детально можно посмотреть в разделе “Архитектура приложения” по ссылке на figma.

7) Прототип, результаты коридорного тестирования:

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

Прототип тоже влияет на итоговый проект. После него нужно провести коридорное тестирование – просто предоставить устройство, на котором открыт кликабельный проект пользователям. Это нужно для понятия на сколько удобный прототип – легко ли найти нужный раздел, нажать на кнопку и т.п. Если пользователь не может в течение 3 секунд (в идеале, максимум 5с) найти раздел, который вы просите его выбрать – стоит переделать, сделать расположение кнопок более понятным/больше и т.п.

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

Для коридорного тестирования нам нужен прототип уже с надписями – как на фото. Есть еще 2 типа прототипов по количеству деталей, они стоят в порядке возрастания кол-ва. *прототип и итоги коридорного тестирования можно посмотреть в разделе “прототип приложения” по ссылке на figma.

8) UI часть продукта:

*UI-дизайн (User Interface Design) — это процесс создания внешнего вида и интерактивных элементов интерфейса программы, приложения или веб-сайта.

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

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

Ссылка на кликабельный прототип: https://www.figma.com/proto/PPUgG289GLK3HH9wIB4Fax/%D0%9F%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BF%D0%BE-%D1%83%D1%85%D0%BE%D0%B4%D1%83-%D0%B7%D0%B0-%D1%80%D0%B0%D1%81%D1%82%D0%B5%D0%BD%D0%B8%D1%8F%D0%BC%D0%B8?page-id=15%3A41&node-id=6001-1740&p=f&viewport=2361%2C314%2C0.41&t=iq91v3QUuZpwQhIl-1&scaling=scale-down&content-scaling=fixed 

Ссылка на кликабельный итоговый дизайн:

https://www.figma.com/proto/PPUgG289GLK3HH9wIB4Fax/%D0%9F%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BF%D0%BE-%D1%83%D1%85%D0%BE%D0%B4%D1%83-%D0%B7%D0%B0-%D1%80%D0%B0%D1%81%D1%82%D0%B5%D0%BD%D0%B8%D1%8F%D0%BC%D0%B8?page-id=6001%3A711&node-id=6001-727&p=f&viewport=-334%2C250%2C0.13&t=kCfRYr1o5XnWdpUe-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=6001%3A727&show-proto-sidebar=1 

Ссылка на презентацию:

https://www.figma.com/proto/PPUgG289GLK3HH9wIB4Fax/%D0%9F%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BF%D0%BE-%D1%83%D1%85%D0%BE%D0%B4%D1%83-%D0%B7%D0%%D1%80%D0%B0%D1%81%D1%82%D0%B5%D0%BD%D0%B8%D1%8F%D0%BC%D0%B8?page-id=15%3A51&node-id=6006-1078&p=f&viewport=1271%2C184%2C0.22&t=2Zk1Jy7mWl6LGWWG-1&scaling=contain&content-scaling=fixed

Отзыв

на индивидуальный итоговый проект

Студента ГБУ КО ПОО «КИТиС», проходящего обучение на1 курсе по специальности 0.9.02.10 «Разработка компьютерных игр, дополнений и виртуальной реальности» 

Сениной Полины Александровны

по теме: «Дизайн приложения по уходу за растениями»

1. Актуальность или новизна:

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

2. Краткая характеристика процесса учебного проектирования:

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

3. Оценка содержания работы:

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

4. Положительные отличительные стороны работы:

•  Интуитивно понятный и привлекательный пользовательский интерфейс.

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

•  Использование современных UI/UX практик и инструментов.

•  Высокий уровень визуальной эстетики и внимание к деталям

5. Практическое значение работы и рекомендации по внедрению в образовательный процесс:

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

6. Недостатки и замечания по работе:

Недостатки минимальны. Можно было бы детальнее рассмотреть возможности интеграции с IoT-устройствами для автоматизации ухода, добавить больше сценариев A/B-тестирования или глубже проработать потенциальные стратегии монетизации. Эти замечания носят рекомендательный характер и не влияют на общую высокую оценку качества дизайна.

7. Рекомендуемая оценка выполненной работы:

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

Руководитель индивидуального проекта                                      Тютюнова Е.В.

преподаватель физики «КИТиС»                                         «20» ноября 2025 г.

Проверка на плагиат