Разработка дизайна мобильного приложения для сети кофеен «Hot Black Coffee»
Введение
В наше время, когда информация нас окружает повсюду, каждый стремится экономить своё время и не перегружать своё сознание лишней информацией. Это особенно относится к сайтам и приложениям, которые мы используем в повседневной жизни. Для компаний, создающих цифровые продукты, очень важно создавать понятные и удобные интерфейсы для клиентов. Именно поэтому UI и UX дизайн играют такую важную роль в разработке сайтов, приложений и гаджетов. Грамотный дизайн не просто украшает продукт, но и помогает решать конкретные и сложные задачи. Его основная цель заключается в том, чтобы создать продукт, который будет интуитивно понятным, привлекательным и простым в использовании для всех пользователей. Для этого необходимо использовать графические решения и приемы, которые помогут создать удобный и понятный пользовательский интерфейс.
В современном мире, люди, в большинстве своем, получают необходимую информацию при помощи телефонов или планшетов.
Оглавление
1.1.1 Виды мобильных приложений. 10
1.2 Дизайн мобильных приложений. 11
1.3 Анализ аудитории мобильного приложения. 12
1.3.1 Создание адаптивных версий. 12
1.3.2 Тестирование юзабилити. 13
1.4 Анализ конкурентов при разработке приложения. 14
1.4.1 Определение конкурентов. 14
1.7 Сценарий мобильного приложения. 17
1.8 Пользовательское тестирование. 17
2.1 Анализ необходимости мобильного приложения для кофейни. 19
2.3 Анализ существующих приложений. 23
3.1.1 Ручное эскизирование. 26
3. 2 Разработка вариантов экранов мобильного приложения. 28
3.3 Разработка итогового дизайна приложения. 40
3.3.1 Разработка дизайна главных страниц. 40
3.3.2 Разработка дизайна экранов с вариантами кофе. 47
3.3.3 Дизайн экрана с временем и местом заказа. 53
3.3.4 Итоговый экран заказа. 55
3.3.5 Дополнительные экраны.. 56
3.4 Итоговый дизайн мобильного приложения. 61
Список используемых источников
А.Лебедев. Ководство. - 1 изд. - Москва: АСТ, 2020. - 560 с.
https://www.calltouch.ru/blog/glossary/mobilnoe-prilozhenie/ (дата обращения 28.11.2022)
https://netology.ru/blog/06-2022-ux-ui-designer (дата обращения 28.11.2022)
Шуваев Я.А. UX/UI дизайн для создания идеального продукта. - 2 изд. - Москва: Бомбора, 2022. - 240 с.
Jodie Moule. Killer UX Design: Create User Experiences to Wow Your Visitors. - 1 изд. - Мельбурн: SitePoint, 2012. - 266 с.
https://habr.com/ru/post/321312/ (дата обращения 01.12.2022)
https://kokoc.com/blog/polzovatelskoe-testirovanie/ (дата обращения 08.04.2023)
Алан Купер. Интерфейс. Основы проектирования взаимодействия. - 4 изд. - СПб.: Питер, 2022. - 720 с.
https://inostudio.com/blog/articles-design/zachem-nuzhno-prototipirovanie-interfeysov (дата обращения 02.12.2022)
https://vc.ru/design/292652-instrumenty-prototipirovaniya-v-2021-godu (дата обращения 03.12.2022)
https://www.andromo.com/ru/blog/how-to-prototype-mobile-apps/#: (дата обращения 04.04.2023)
https://infoshell.ru/blog/whatisprototype/ (дата обращения 04.04.2023)
https://l-a-b-a.com/blog/2651-polzovatelskie-scenarii-chto-eto-kak-i-dlya-chego-ih-nuzhno-stroit (дата обращения 05.04.2023)
https://netology.ru/blog/users-scenarios (дата обращения 05.04.2023)
https://www.plerdy.com/ru/blog/user-testing/ (дата обращения 08.04.2023)
https://www.performance-lab.ru/uat-polzovatelskoe-testirovanie# (дата обращения 07.04.2023)
Роберт Калбертсон. Быстрое тестирование. - 2 изд. - Москва: Диалектика, 2022. - 384 с.
https://sendpulse.com/ru/blog/portrait-of-a-customer (дата обращения 29.11.2022)
https://vc.ru/marketing/181297-analiz-konkurentov-na-praktike-10-shagov-shablon (дата обращения 30.11.2022)
https://asm-spezia.ru/kopilka-marketologa/na-11-shagov-vperedi.html(дата обращения 29.11.2022 )https://www.plerdy.com/ru/blog/seo-competitor-analysis (дата обращения 02.12.2022)
В приложении есть меню с различными вкладками и информацией об ассортименте кофейни. Помимо этого, в «Cofix» существует система баллов, поэтому на главном экране есть штрих-код, которые можно считать на кассе. Кроме того, в приложении есть общее количество накопленных баллов и возможность их списать, оплатив свой стаканчик кофе всего за 1 рубль.
Основным удобством мобильного приложения является наличие личного кабинета, с возможностью просмотра и изменения информации о пользователе. Также в мобильном приложении удобно иметь корзину с заказом, где пользователь может самостоятельно убрать непонравившийся напиток и добавить новый.
Также удобным элементом в мобильном приложении является интерактивная карта, где можно посмотреть ближайшие адреса кофеин, а также посмотреть их общее количество и выбрать удобную именно вам.
Помимо кофейни «Cofix» у «Hot Black Coffee» есть и другие конкуренты. Так сеть кофеин «Traveler`s Coffee» тоже имеет своё мобильное приложение.