Проектирование приложения My Tickets App для покупки билетов в кинотеатр

Hussein Adel
Apr 12 · 14 min read

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

В нашем городе существуют множество кинотеатров и у каждого кинотеатра есть свое приложение через которое посетители ищут что смотреть и покупают билеты. Но получается что сходить в эти кинотеатры нужно имеет не одного приложение, а нескольких и это очень неудобно и на поиске по кинотеатрам уходит много времени!

Этап №1: Дизайн продукта

В рамках курса Digital Product Design я выбрал задание разработать мобильное приложение объединяющей всех кинотеатров во всех крупных городов Украины с помощью которого легко и быстро найти желаемый фильм, выбрать на него сеанс, выбрать лучшие места и заплатить за билеты. Я выбрал IOS платформа для разработки этого приложения.

Цели и требования бизнеса

Бизнес-цели: Онлайн продажа электронных билетов в кинотеатр

Бизнес-требования:

  1. Пользователи должны иметь возможность выбирать фильм по жанру, времени сеанса, расположению кинотеатра, выбирать место;
  2. Пользователи должны иметь возможность оплачивать билет.

Исследования целевой аудитории:

В основную целевую аудиторию получились люди по возрастам от 18 до 35 лет, которые посещают кинотеатр 1–2 раза в месяц в лучшем случае из-за пандемии . Активные пользователи мобильных телефонов и интернета, в основном рабочие лица (офисные сотрудники).

В процессе исследования я применил следующие инструменты и источники для получения информации:

  1. Онлайн-опрос созданный с помощью Google Forms и опубликованный в социальных сетях Facebook, Телеграм и через корпоративный Slack;
  2. Живое интервью с людьми, которые часто посещают кинотеатры
  3. Полевое исследование в самом кинотеатре
  4. Анализ и обзор приложений-конкурентов (Planeta Kino, Fander), живые отзывы пользователей о них и в App Store.

1. Онлайн-опрос с помощью Google Forms:

Начал исследование ЦА с Онлайн-опроса, участниками этого исследования были друзья, коллеги на работе, однокурсники и даже незнакомые люди. Использовал платформы Facebook, Telegram, и Slack для рассылки и распространения опроса.
Онлайн-опрос был создан через Google Forms, статистику собрал в Excel файл.

Вопросы онлайн-опроса:

  1. Какова ваша цель посещения кино-театра?
  2. Как вы выбираете фильмы и покупаете билеты в кинотеатр?
  3. С какими проблемами вы сталкиваетесь при выборе фильмов, покупке билетов и оплате за них?

Ссылка на опросник: https://forms.gle/igfr3zXh27dVxJrp6

Результаты ответов: https://docs.google.com/spreadsheets/d/1xKPqxiObGvwtGmpviOlLSapsrJU5UC_w5QgD41LYDxM/edit?usp=sharing

2. Живое интервью (Онлайн):

В качестве живого интервью я пригласил людей среди моих друзей, коллег и даже незнакомых, которые согласились поучаствовать после моей публикации на странице моей дизайн-школы в Telegram.
Я использовал программу Zoom для провидения интервью.

Вопросы живого интервью (Онлайн):

  1. Ходите ли вы в кинотеатр? Если да, то с какой цели? Если нет, то почему?
  2. Как выбираете фильмы и покупаете билеты?
  3. С какими проблемами вы сталкиваетесь при выборе фильмов, покупке билетов и оплате за них?
  4. Как часто вы пользуетесь смартфоном?
  5. Какие приложения вы чаще всего пользуетесь?

Интервьюер №1:
Имя:
Даниил
Возраст: 34

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

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

С выбором фильмов у него нет проблем.
Однако ему не нравится вводить одно и тоже данные каждый раз чтобы купить билеты. Ему не нравится что нет услуги Apple pay и Google pay что заплатить за билеты одним кликом. После покупке билетов они не попадают в Wallet и это не удобно, придется поискать где билеты находятся.

Пожелание:

  1. Включить в будущим приложении место нахождения кинотеатра чтобы облегчить посетителям процесс выбора кинотеатра и особенно туристом, которые первый раз бывают в городе.
  2. Построит маршрут от места своего нахождения до кинотеатра, это упрощает посетителям выбор кинотеатра.
  3. Сделать информативную схему размещения мест в зале, и показать где находится экран чтобы не вводит пользователи в заблуждение.
  4. Включить услуги Apple pay и Google pay для облегчение процесс покупки билетов для тех у кого доступен этот сервис.

Интервьюер №2:
Имя:
София
Возраст: 35

В данное время она не ходила в кинотеатр с того момента начала эпидемии.
А так она посещала кино-театр не так часто, ходит с партнером, с друзьями и с племянниками для развлечения и разнообразия.
Цель посещения это проводить время с близкими людьми и друзьями, ходит с племянниками на мультики что их развлечь, нравится ходит на фильмы с красивыми спец. эффектами, и еще с целью посмотреть любимые фильмы чтобы не пришлось их долго ждать!

Ходит в кинотеатр для развлечения, за компанию или если кто то предлагает в кино, она смотрит трейлер от этого фильма в интернете или на сайте кинотеатра, если понравился и в ее вкус, то покупает билеты через сайты кинотеатра.

Не пользуется приложением потому, что ее партнер этим занимается в основном и она не так часто ходит в кино. Билеты покупает онлайн и оплачивает карточкой.

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

Пожелание:

  1. Одно единое приложение где можно найти информацию про
    каждый кинотеатр в своем городе, посмотреть что идет в данном кинотеатре, забронировать место и купить билеты.
  2. Оплатить за билеты через Apple pay и G pay без лишнего ввода данных.
  3. Меньше шагов регистрации.
  4. Купить попкорн, напитки или любой (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 минут чтобы найти что хотела.

Пожелание:

  1. Чтобы под фильма сразу были видны сеансы
  2. Меньше ввода данных
  3. Возможность оплатить билеты через Apple Pay или Google Pay даже на сайте и моб. версии сайта
  4. Быстрый и сразу доступный поиск фильмов, чтобы найти сразу то что нужно.

Интервьюер №5:
Имя:
Маргарита
Возраст: 30

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

Хожу в кинотеатр чтобы:

  1. Посмотреть любимые фильмы
  2. Проводит время с друзьями, часто отмечаем дни рождения в кинотеатре
  3. Получить положительные эмоции
  4. Погружаться в атмосферу фильма
  5. большие и удобные сидения

У меня 2 сценарии похода в кино:

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

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

б. Особые ивенты, Смотрю расписание на месяц вперед для особых ивентов, выбираю удобные места ( такой же процесс как в предыдущем сценарии, только процесс длится дольше).

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

Пожелание:

  1. Напоминалка (или календар) о ближайших фильмах, отметить фильмы, которые мне интересные, типа как Wishlist.
  2. накопительные баллы для покупки напитков и попкорна.

Интервьюер №6:
Имя:
Галина
Возраст: 32

Хожу в кино реже из-за пандемии, во время пандемии ходила пару раз и был не интересный фильм, не досидела до конца фильма.
До пандемии я регулярно ходила 2 раза в месяц где то.

Хожу в кинотеатр для:
1. Разнообразия и чтобы было насыщеннее
2. Просмотра фильмов с красивыми спец. эффектами (такие фильмы я считаю нужно смотреть только в кино)
3. Этим летом я ходила в кинотеатр под открытым небом, мне понравилось что там свежий воздух, брали с подругами краски, бумаги и сидели рисовать на мягкие мешочки перед фильмом
4. Проводить время с друзьями (Особенно зимой)

Часто пользуюсь приложением Fander (пользуюсь этим приложением только для выбора фильмов потому, что она работает только по Киеву если я не ошибаюсь) , в нем смотрю фильмы, которые будут в прокате, ставлю отметки и ближе к дате выхода фильма планирую поход.
Выбираю фильмы, которые интересны мне, люблю фильмы о природе, истории, комедия и о любви. Смотрю трейлеры, выбираю удобные места и покупаю билеты онлайн. Всегда делаю заметки чтобы ничего не пропустить.

Хожу еще в Planeta Kino, но реже потому, что далеко добираться к нему. Нравится мне приложение Planeta Kino, у них удобная накопительная система (бонусы) и она, есть подарки на ДР. Еще она удобное для покупки билетов и оплачивания их, один раз зарегистрировался и все, не нужно больше вводит данные и делать перезаход.

Нравится еще ходить в Filmax потому, что там новый кинотеатр и удобные кресла.

Оплачиваю онлайн через приложение (Если хожу в Planeta Kino), редко оплачиваю в кассу. Когда хожу в Filmax, то я оплачиваю через их онлайн сайт.

Неудобные моменты:
1. в Filmax не могла покупать билеты, потому что у них покупка билетов онлайн привязана к режиму работы кассы и таким образом нельзя купить билеты после закрытия кассы.

Пожелание:

  1. Чтобы было максимально простая и понятное , чтобы можно было найти что ищешь не тратя много времени
  2. Чтобы предложение дала тебе возможность оценить фильмы после его просмотра.
  3. Чтобы было одна площадка , где можно посмотреть все то что связана с выбором фильмов, бронью мест, покупкой билетов и их оплачиванием.
  4. Чтобы приложение время от времени предлагала мне фильмы основана на моем вкусе или даже рандомно.
  5. Меньше ввести данные для оплаты билетов.

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: Дизайн взаимодействия

Технические требования и ограничения:

  1. Сервис должен быть спроектирован для мобильных платформ Android и iOS.
  2. Приложение должно быть на двух языках — украинский и английский.
  3. Авторизация в приложении через Apple account и Google account.
  4. Возможность пропустить начальный этап регистрации для новых юзеров, но регистрация становится обязательным на этапе оплаты билетов для того чтобы создался аккаунт и начали начисляться на него бонусы, подарки и.т.д.
  5. Система является сетью кинотеатров, где есть адреса всех кинотеатров с возможностью их отображение на карте и построить к ним маршрут.
  6. Возможность выбрать кинотеатр для просмотра фильма если он идет в прокате на этом кинотеатре.
  7. Перед оплатой билета предложение о пред покупкой попкорна и напитки за деньги или за бонусы и возможно его пропустить.
  8. Систем поиска по названиям фильмов, актерам и режиссерам.
  9. Система фильтрации по жанру, технологии, возрасту, статусу (в прокате или coming soon), языку и кинотеатрам.
  10. Возможность добавить и убрать фильмов в/из списка желания.
  11. Возможность отображения расписания всех сеансов.
  12. возможность увеличивать карту зала для удобного нажатия по желаемому креслу.
  13. Система создание собственного стиля (вкуса) пользователя по фильмам путем краткого опроса ( отображение фильмов и CTA нравится или не нравится) после этапа регистрации и возможность его пропустить (его можно проходить в любое время через меню).
  14. Уведомления приложения (с возможностью их отключать):
  • о перечислении бонуса;
  • о перечислении подарка на ДР;
  • рекомендации по фильмам основана на вкус юзера;
  • о ближайшим сеансе (напоменание).

Сценарии использования, структура, функционал и наполнение.

Сценарий №1: Регулярный пользователь

Сценарий №2: Новый пользователь

Скетчи

На этом этапе включается процесс воображение и генерации идеи нашего будущего интерфейса.

Прототипирование интерфейса

После того как у нас появилась базовое и примерное представление о количестве экранов нашего приложения и их детали можно приступить к прототипированию. Я использовал Figma для создания Wireframes и для самого кликабельного прототипа.

Во время создания Wireframes я использовал IOS Human Interface Design библиотеку и гайдлайны, для ускорения процесса и возможности использования в UI части.

Окно инструмента Figma с Wireframes будещего продукта

После создания Wireframe я переключился в самом Figma на Prototype и начал создавать кликабельный прототип одного из сценарий чтобы его протестировать на реальных пользователях.

Карта навигации

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

В данной ситуации я выбрал один из основных сценарий и создал для него карту навигации.

Карта навигации одного из сценарий

Этап №3: Дизайн графического интерфейса

На этом этапе начинаем наводить красоту, создаем палитру цветов и UI элементы нашего интерфейса.

Dark mode
Light Mode

Результаты учеников

Проекты учеников, которые проходили обучение под менторским руководством А. Волошина

Результаты учеников

Учебные проекты учеников, которые проходили обучение по UX&Product Design под менторским руководством А. Волошина. Инфо об обучении на сайте ux-clan.org

Hussein Adel

Written by

UX-UI designer

Результаты учеников

Учебные проекты учеников, которые проходили обучение по UX&Product Design под менторским руководством А. Волошина. Инфо об обучении на сайте ux-clan.org

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store