Проектирование приложения My Tickets App для покупки билетов в кинотеатр
Уверен большенство людей любят ходит в кинотеатр, посмотреть любимые фильмы на большом экране с потрясающими спецэффектами, провести время с друзьями, разгрузиться и забыть о работе на некоторое время.
В нашем городе существуют множество кинотеатров и у каждого кинотеатра есть свое приложение через которое посетители ищут что смотреть и покупают билеты. Но получается что сходить в эти кинотеатры нужно имеет не одного приложение, а нескольких и это очень неудобно и на поиске по кинотеатрам уходит много времени!
Этап №1: Дизайн продукта
В рамках курса Digital Product Design я выбрал задание разработать мобильное приложение объединяющей всех кинотеатров во всех крупных городов Украины с помощью которого легко и быстро найти желаемый фильм, выбрать на него сеанс, выбрать лучшие места и заплатить за билеты. Я выбрал IOS платформа для разработки этого приложения.
Цели и требования бизнеса
Бизнес-цели: Онлайн продажа электронных билетов в кинотеатр
Бизнес-требования:
- Пользователи должны иметь возможность выбирать фильм по жанру, времени сеанса, расположению кинотеатра, выбирать место;
- Пользователи должны иметь возможность оплачивать билет.
Исследования целевой аудитории:
В основную целевую аудиторию получились люди по возрастам от 18 до 35 лет, которые посещают кинотеатр 1–2 раза в месяц в лучшем случае из-за пандемии . Активные пользователи мобильных телефонов и интернета, в основном рабочие лица (офисные сотрудники).
В процессе исследования я применил следующие инструменты и источники для получения информации:
- Онлайн-опрос созданный с помощью Google Forms и опубликованный в социальных сетях Facebook, Телеграм и через корпоративный Slack;
- Живое интервью с людьми, которые часто посещают кинотеатры
- Полевое исследование в самом кинотеатре
- Анализ и обзор приложений-конкурентов (Planeta Kino, Fander), живые отзывы пользователей о них и в App Store.
1. Онлайн-опрос с помощью Google Forms:
Начал исследование ЦА с Онлайн-опроса, участниками этого исследования были друзья, коллеги на работе, однокурсники и даже незнакомые люди. Использовал платформы Facebook, Telegram, и Slack для рассылки и распространения опроса.
Онлайн-опрос был создан через Google Forms, статистику собрал в Excel файл.
Вопросы онлайн-опроса:
- Какова ваша цель посещения кино-театра?
- Как вы выбираете фильмы и покупаете билеты в кинотеатр?
- С какими проблемами вы сталкиваетесь при выборе фильмов, покупке билетов и оплате за них?
Ссылка на опросник: https://forms.gle/igfr3zXh27dVxJrp6
Результаты ответов: https://docs.google.com/spreadsheets/d/1xKPqxiObGvwtGmpviOlLSapsrJU5UC_w5QgD41LYDxM/edit?usp=sharing
2. Живое интервью (Онлайн):
В качестве живого интервью я пригласил людей среди моих друзей, коллег и даже незнакомых, которые согласились поучаствовать после моей публикации на странице моей дизайн-школы в Telegram.
Я использовал программу Zoom для провидения интервью.
Вопросы живого интервью (Онлайн):
- Ходите ли вы в кинотеатр? Если да, то с какой цели? Если нет, то почему?
- Как выбираете фильмы и покупаете билеты?
- С какими проблемами вы сталкиваетесь при выборе фильмов, покупке билетов и оплате за них?
- Как часто вы пользуетесь смартфоном?
- Какие приложения вы чаще всего пользуетесь?
Интервьюер №1:
Имя: Даниил
Возраст: 34
В данное время он не ходил в кинотеатр с того момента начала пандемии.
А до этого он посещал кинотеатр время от времени, ходит с супругой, с друзьями.
Цель посещения это отвлекаться от работы, отдохнуть, получить положительные эмоции, нравится атмосфера и смотреть фильмы за большим экраном.
Процесс посещения кино-театра у него начинается с поиском фильмов, смотреть название и на обложку, читает описание и смотреть трейлер потому, что он считает в этом всем половина сюжета фильма , а потом читает отзывы посетители. Если ему нравится это все он предложит друзьям и близким потому что ходит самому в кино неинтересно! Он пользуется приложением Вкино Он поль смотрит там и покупает билеты.
С выбором фильмов у него нет проблем.
Однако ему не нравится вводить одно и тоже данные каждый раз чтобы купить билеты. Ему не нравится что нет услуги Apple pay и Google pay что заплатить за билеты одним кликом. После покупке билетов они не попадают в Wallet и это не удобно, придется поискать где билеты находятся.
Пожелание:
- Включить в будущим приложении место нахождения кинотеатра чтобы облегчить посетителям процесс выбора кинотеатра и особенно туристом, которые первый раз бывают в городе.
- Построит маршрут от места своего нахождения до кинотеатра, это упрощает посетителям выбор кинотеатра.
- Сделать информативную схему размещения мест в зале, и показать где находится экран чтобы не вводит пользователи в заблуждение.
- Включить услуги Apple pay и Google pay для облегчение процесс покупки билетов для тех у кого доступен этот сервис.
Интервьюер №2:
Имя: София
Возраст: 35
В данное время она не ходила в кинотеатр с того момента начала эпидемии.
А так она посещала кино-театр не так часто, ходит с партнером, с друзьями и с племянниками для развлечения и разнообразия.
Цель посещения это проводить время с близкими людьми и друзьями, ходит с племянниками на мультики что их развлечь, нравится ходит на фильмы с красивыми спец. эффектами, и еще с целью посмотреть любимые фильмы чтобы не пришлось их долго ждать!
Ходит в кинотеатр для развлечения, за компанию или если кто то предлагает в кино, она смотрит трейлер от этого фильма в интернете или на сайте кинотеатра, если понравился и в ее вкус, то покупает билеты через сайты кинотеатра.
Не пользуется приложением потому, что ее партнер этим занимается в основном и она не так часто ходит в кино. Билеты покупает онлайн и оплачивает карточкой.
В основном проблем не было с выбором фильмов или покупкой билетов, но был один случай, когда сайт кинотеатра не работал 3 дня где то и билеты нельзя было купить, пришлось позвонить в кинотеатр, забронировать билеты и потом прийти в кинотеатр и за них заплатить.
Пожелание:
- Одно единое приложение где можно найти информацию про
каждый кинотеатр в своем городе, посмотреть что идет в данном кинотеатре, забронировать место и купить билеты. - Оплатить за билеты через Apple pay и G pay без лишнего ввода данных.
- Меньше шагов регистрации.
- Купить попкорн, напитки или любой (Snacks) через это приложение, прийти в кинотеатр и забрать его без очереди по штрих-коду или подобно этого.
Интервьюер №3:
Имя: Мария
Возраст: 20
В данное время она меньше стала ходит в кинотеатр из-за пандемии, где то 2 раза во время пандемии. А так она ходила где то раз в месяц.
Ходит в кино с друзьями для развлечения, за компанию и для отдыха.
Обычно перед походом в кино смотрит трейлер, рекламы фильма в инстаграме и соц. сетях или по отзывам друзей, если понравился, то на него и ходит. Раньше она выбирала фильмы и покупала билеты через сайт Multiplex потому, что она жила в районе этого кинотеатра, а ехать в другой это далеко, но после переезда в центр города она начала пользоваться приложением Planeta Kino IMAX , потому, что у них очень удобное приложение, разнообразие фильмов, систем оплаты через Apple pay.
Был один случай когда я забронировала 2 место, и сразу хотела поменять их на другие, но я не могла поменять потому, что бронь крепится к твоему имени и нужно было подождать 15–20 мин пока отвяжется бронь от тебя и это неудобно, можно будет потерять места которые хотела на место старых.
Еще один случай когда купила билеты, но после это не появились в купленных.
Пожелание:
В приложении Planeta Kino IMAX список фильмов реализован что фильмы листались горизонтально по одному фильму, хотелось чтобы фильмы находились по несколько в одном ряду (3–4 фильма в одном ряду), это ускоряет поиск и нахождения желаемого фильма.
Интервьюер №4:
Имя: Елена
Возраст: 25
В данное время она из-за пандемии не ходит в кинотеатр уже год, а до этого она посетила кинотеатр от 1-го раза до 3-х в 2 месяца.
Пользуется сайтом и моб. версия сайта кинотеатра.
Ходит в кино по ее словам с целью:
а.Чтобы снимать стресс (передышка), например после каждого объемного проекта над которым она работает устраивает себе отдых в виде похода в кино.
Сначала смотрит какие фильмы идут на сайте кинотеатра в этот же день в ближайшие 4 часа, выбираю что нравится и устраивает, покупаю онлайн или на месте.
б. По предложению друзей, Мне пишут что про желание ходить в кино, бывает что они выбирают, а бывает что я захожу на сайт кинотеатра, смотрю что идет какие фильмы, предлагаю друзьям варианты, согласовываем между собой, потом покупаю онлайн или на кассе.
с. Долгожданный и очень интересный для меня фильм, то есть точно знаю что хочу на этот фильм, смотрю сеансы подходящие для меня и покупаю билеты заранее. Делаю это на сайте кинотеатра или через иоб. версии сайта.
Выбираю фильмы, бронирую места, покупаю и оплачиваю билеты чаще через сайт кинотеатра потому, что мне доступно больше информации и минимум “Scrolling”, а на 2-ом месте моб. версия сайта когда я нахожусь не дома и нужно это сделать через телефон.
Я не пользуюсь мобильным приложением потому, что я не так часто хожу в кино и не не вижу необходимость его скачать на телефоне.
Был случай когда я бесила в процессе похода в кино, я поискала фильм через общий поиск кино, нашла фильм, который мне понравился и сразу под ним были доступные сеансы, ткнула на подходящий сеанс для меня, а оно перевела меня на главной странице кинотеатра, а не сразу на бронь места и так получается придется опять копать чтобы найти этот фильм и этот же сеанс, в это время пока я пытаюсь найти места могу забрать. В итоге я потратила еще 10 минут чтобы найти что хотела.
Пожелание:
- Чтобы под фильма сразу были видны сеансы
- Меньше ввода данных
- Возможность оплатить билеты через Apple Pay или Google Pay даже на сайте и моб. версии сайта
- Быстрый и сразу доступный поиск фильмов, чтобы найти сразу то что нужно.
Интервьюер №5:
Имя: Маргарита
Возраст: 30
В данное время она из-за пандемии не ходит в кинотеатр, а до этого она посетила кинотеатр где то раз в месяц.
Чаще всего пользуется сайтом кинотеатра, а приложением для показа билетов перед входом в зал потому, что удобно.
Хожу в кинотеатр чтобы:
- Посмотреть любимые фильмы
- Проводит время с друзьями, часто отмечаем дни рождения в кинотеатре
- Получить положительные эмоции
- Погружаться в атмосферу фильма
- большие и удобные сидения
У меня 2 сценарии похода в кино:
а. Если знаю на какой фильм ходить, захожу на сайт кинотеатра Planeta Kino, Palladium, смотрим расписание на неделю вперед, выбираем фильм, выбираем места, оплачиваю онлайн через сайт потому, что я часто провожу время за большим экраном, вся информация хорошо отображена, удобно смотреть трейлеры, еще можно открыть несколько вкладок и переключаться между ними легче чем в телефоне и еще я часто кидаю средство с одной карты на другую. Я предполагаю что в приложении обычно скрываю инф, которые может быть важна для меня.
Приложением я пользуюсь для показа билетов перед выходом в зал кинотеатра.
б. Особые ивенты, Смотрю расписание на месяц вперед для особых ивентов, выбираю удобные места ( такой же процесс как в предыдущем сценарии, только процесс длится дольше).
Был случай, когда я была в другом городе и решила с друзьями сходит в кино перед поездом, но мы не знали как доехать к ближайшему кинотеатру.
Пожелание:
- Напоминалка (или календар) о ближайших фильмах, отметить фильмы, которые мне интересные, типа как Wishlist.
- накопительные баллы для покупки напитков и попкорна.
Интервьюер №6:
Имя: Галина
Возраст: 32
Хожу в кино реже из-за пандемии, во время пандемии ходила пару раз и был не интересный фильм, не досидела до конца фильма.
До пандемии я регулярно ходила 2 раза в месяц где то.
Хожу в кинотеатр для:
1. Разнообразия и чтобы было насыщеннее
2. Просмотра фильмов с красивыми спец. эффектами (такие фильмы я считаю нужно смотреть только в кино)
3. Этим летом я ходила в кинотеатр под открытым небом, мне понравилось что там свежий воздух, брали с подругами краски, бумаги и сидели рисовать на мягкие мешочки перед фильмом
4. Проводить время с друзьями (Особенно зимой)
Часто пользуюсь приложением Fander (пользуюсь этим приложением только для выбора фильмов потому, что она работает только по Киеву если я не ошибаюсь) , в нем смотрю фильмы, которые будут в прокате, ставлю отметки и ближе к дате выхода фильма планирую поход.
Выбираю фильмы, которые интересны мне, люблю фильмы о природе, истории, комедия и о любви. Смотрю трейлеры, выбираю удобные места и покупаю билеты онлайн. Всегда делаю заметки чтобы ничего не пропустить.
Хожу еще в Planeta Kino, но реже потому, что далеко добираться к нему. Нравится мне приложение Planeta Kino, у них удобная накопительная система (бонусы) и она, есть подарки на ДР. Еще она удобное для покупки билетов и оплачивания их, один раз зарегистрировался и все, не нужно больше вводит данные и делать перезаход.
Нравится еще ходить в Filmax потому, что там новый кинотеатр и удобные кресла.
Оплачиваю онлайн через приложение (Если хожу в Planeta Kino), редко оплачиваю в кассу. Когда хожу в Filmax, то я оплачиваю через их онлайн сайт.
Неудобные моменты:
1. в Filmax не могла покупать билеты, потому что у них покупка билетов онлайн привязана к режиму работы кассы и таким образом нельзя купить билеты после закрытия кассы.
Пожелание:
- Чтобы было максимально простая и понятное , чтобы можно было найти что ищешь не тратя много времени
- Чтобы предложение дала тебе возможность оценить фильмы после его просмотра.
- Чтобы было одна площадка , где можно посмотреть все то что связана с выбором фильмов, бронью мест, покупкой билетов и их оплачиванием.
- Чтобы приложение время от времени предлагала мне фильмы основана на моем вкусе или даже рандомно.
- Меньше ввести данные для оплаты билетов.
3. Полевые исследования:
Чтобы ощутить болевые точки у пользователей, проблемы, пообщаться с ними поближе и попробовать себя в роли пользователя я побывал 2-х кинотеатрах своего города Planeta Kino и Multiplex.
4. Анализ и обзор конкурентов:
На сегодняшний день существуют множество приложений для покупки билетов в кинотеатр: Планета Кино, Fander, Multiplex, Vkino и еще несколько. Я выбрал самые популярные и часто используемые пользователями и это Planeta Kino, Multiplex и Fander.
Устанавливливал приложения на мобильном телефоне IPhone SE, чтобы анализировать и протестировать как они выглядят и работают, находить какие у них преимущество, которые направить на верный путь нашей разработки, недостатки, которые нужно будет избегать и конечно же пропитать свой мозг идеями и вдохновением.
И в тоже время анализируем отзывы пользователей к приложениям в App Store.
Профиль пользователя. Пользовательские требования
В итоге проведенных исследований данные о будущих пользователях нужно собрать в виде персонажей. Я создал 1-го персонажа и положил их болевые точки, цели и потребности.
Генерация идей. Формирование требований к будущему продукту
На основании цели и потребности ЦА, были сгенерированы идеи для каждой пользовательской проблемы.
Требования к продукту (MVP)
Пользовательские сценарии
Из этапа создания сценариев начинается процесс проектирования будущего продукта. На этом этапе нужно описать случаи, где продукт будет применяться разными типами пользователей.
Сценарий №1: Вечерний поход в Кино
Выходной день днем. Александр сидит на диване и думает чем заниматься вечером, и тут он вспомнил что он давно не ходил в кинотеатр. Он решил привлечь лучшего друга к походе в кино, он с с ним переписывался и получил одобрение.
Александер берет телефон и заходит в приложение, смотрит что идет в прокате на сегодняшний день, ему привлек “Лига справедливости”, посмотрел трейлер, сюжет фильма и решил на него сходит. Он выбирает кинотеатр, который ближе к нему и понравившийся сеанс, выбирает места для себя и своего друга и оплачивает билеты.
После оплаты проверяет данные билета и добавляет билеты в “Wallet” для быстрого и удобного доступа, закрывает приложение, после этого он готовится к походе в кино. Спустя времени, Александер и его друг встретились в кинотеатре и стоят в очереди перед входом в зал, Александер достает мобильный, заходит в “Wallet” и готовит билеты к проверки. После проверки заходят в зал, и располагаются по своим местам и начинают смотреть фильм.
Фильм очень понравился, после просмотра Александр получает уведомление оценки фильма, он ставит оценк 5 из 5 фильму.
Сценарий №2: Премьера фильма
Рабочий день днем. Александр на работе во время обеденного перерыва, сидит обедает со своим коллегой и обсуждают новый фильм “Лига Справедливости”, который добавили в скором прокате в кинотеатре, Им нравится этот фильм и ждут его в прокате чтобы на него сходит, но они не зарегистрированы в приложении для кинотеатров для того чтобы предварительно заказать билеты онлайн .
Александр решил зарегистрироваться в приложение чтобы сделать предварительный заказ билетов для себя и своего друга чтобы гарантировать себе удобные места в день премьеры фильма.
Он берет мобильный телефон и скачал приложение, заходит в приложение, он пропускает регистрацию и сразу находит этот фильм. Он выбирает кинотеатр и сеанс, выбирает места для себя и своего друга, перешел к оплате и приложение просит обязательную чтобы оплачивать билеты, он зарегистрировался одним нажатием через Apple аккаунт.
После регистрации он оплатил билеты и проверяет данные билета, закрывает приложение. Спустя 3-х недель в день премьеры фильма, Александр и его друг встретились в кинотеатре и стоят в очереди перед входом в зал, Александер достает мобильный, открывает приложение, заходит в раздел “Билеты” и готовит их к проверки.
После проверки заходят в зал, и располагаются по своим местам и начинают смотреть фильм. Фильм очень понравился, после просмотра Александр получает уведомление оценки фильма, он ставит оценк 5 из 5 фильму.
Этап №2: Дизайн взаимодействия
Технические требования и ограничения:
- Сервис должен быть спроектирован для мобильных платформ Android и iOS.
- Приложение должно быть на двух языках — украинский и английский.
- Авторизация в приложении через Apple account и Google account.
- Возможность пропустить начальный этап регистрации для новых юзеров, но регистрация становится обязательным на этапе оплаты билетов для того чтобы создался аккаунт и начали начисляться на него бонусы, подарки и.т.д.
- Система является сетью кинотеатров, где есть адреса всех кинотеатров с возможностью их отображение на карте и построить к ним маршрут.
- Возможность выбрать кинотеатр для просмотра фильма если он идет в прокате на этом кинотеатре.
- Перед оплатой билета предложение о пред покупкой попкорна и напитки за деньги или за бонусы и возможно его пропустить.
- Систем поиска по названиям фильмов, актерам и режиссерам.
- Система фильтрации по жанру, технологии, возрасту, статусу (в прокате или coming soon), языку и кинотеатрам.
- Возможность добавить и убрать фильмов в/из списка желания.
- Возможность отображения расписания всех сеансов.
- возможность увеличивать карту зала для удобного нажатия по желаемому креслу.
- Система создание собственного стиля (вкуса) пользователя по фильмам путем краткого опроса ( отображение фильмов и CTA нравится или не нравится) после этапа регистрации и возможность его пропустить (его можно проходить в любое время через меню).
- Уведомления приложения (с возможностью их отключать):
- о перечислении бонуса;
- о перечислении подарка на ДР;
- рекомендации по фильмам основана на вкус юзера;
- о ближайшим сеансе (напоменание).
Сценарии использования, структура, функционал и наполнение.
Сценарий №1: Регулярный пользователь
Сценарий №2: Новый пользователь
Скетчи
На этом этапе включается процесс воображение и генерации идеи нашего будущего интерфейса.
Прототипирование интерфейса
После того как у нас появилась базовое и примерное представление о количестве экранов нашего приложения и их детали можно приступить к прототипированию. Я использовал Figma для создания Wireframes и для самого кликабельного прототипа.
Во время создания Wireframes я использовал IOS Human Interface Design библиотеку и гайдлайны, для ускорения процесса и возможности использования в UI части.
После создания Wireframe я переключился в самом Figma на Prototype и начал создавать кликабельный прототип одного из сценарий чтобы его протестировать на реальных пользователях.
Карта навигации
На этом этапе в идеале создается карта навигации, которая включает все экраны приложения включая стояния ошибок и все это передается разработчикам для дальнейшей разработки продукта.
В данной ситуации я выбрал один из основных сценарий и создал для него карту навигации.
Этап №3: Дизайн графического интерфейса
На этом этапе начинаем наводить красоту, создаем палитру цветов и UI элементы нашего интерфейса.
