Как создать приложение кинотеатр

Обновлено: 06.01.2025

Современные онлайн-кинотеатры по моему мнению (надеюсь и не только моему) имеют две проблемы: стоимость и дизайн. Если стоимость еще и оправдана, то полновесные сайты платные и бесплатные имеют довольно плохую оптимизацию:

Показатели PageSpeed от Google для мобильных устройств, для компьютеров показатели немного лучше, но даже с хорошей оптимизацией для ПК нельзя забывать про большой объём страницы

Идея создания кинотеатра с ультра-легкими страницами пришла после использования пиратских онлайн-кинотеатров: огромное количество рекламы, лаги на TV-приставках и телефонах, баннеры, блокирующие кнопки показа видео, вылетающие плееры без сохранения времени и много других ужасных вещей. так и появилась идея создания (бан за спам от dtf)

Сайт написан Python, использовал микро-фреймворк Flask.

Решил размещать сайт на Яндекс.Облаке - гибкая настройка, своя ВМ, изначально собирался хранить фильмы на сервере, а обычные хостеры ограничивают максимальный объём памяти. В Облаке максимальный объём памяти аш 4Тб. Позже оказалось что лучше встроить плеер без рекламы по id КиноПоиска, так я пришёл к 19 Гб SSD (большую часть занимает образ системы).

Одной из главных фич сайта является добавление фильма по id КиноПоиска:

(Бан за спам от dtf) имеет отличную оптимизацию:

показатели PageSpeed с мобильных устройств (рейтинг снижен из-за рекламы, к счастью благодаря функции асинхронности она не влияет на загрузку сайта)

и приятный дизайн:

Считаю блок рекламы оправданным решением, не хочется каждый месяц терять >1000 рублей. Кто не согласен прошу в комментарии)

Проект является простым увлечением, скорее всего я даже вывести деньги не смогу (мне только 17), если у вас есть идеи, предложения, найденные баги, ошибки, или вы хотите мне помогать, прошу писать в ЛС или комментарии.

За ту долю секунды пока мне не отправил в спам dtf, успело прилететь аш 4 комментария. Поэтому хочется сделать важное дополнение и обосновать принятие решений:

Я посчитал комментарии летящими в никуда байтами, ибо всё равно все ищут фильмы на КП, а отзывы без модерации типа hdrezka: "ПрИкОльНый ФилЬм СмоТреЛи Всей ДерЕвнЕй" скорее отпугнут потенциального зрителя. Единственное можно добавить виджет с оценкой Кинопоиска если появится в этом потребность.

Когда ты заходишь на сайт для просмотра фильма, ты идёшь только за просмотром, ну и может перед просмотром воодушевиться описанием, считаю громоздкий дизайн главной проблемой онлайн-кинотеатров, однако прислушавшись к комментариям понял что необходимо добавить стиля)

Современные онлайн-кинотеатры по моему мнению (надеюсь и не только моему) имеют две проблемы: стоимость и дизайн.

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

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

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

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

Меня зовут Евгений, я студент из Киева, программист-самоучка. В 2018 году я загорелся идеей создать свой собственный онлайн кинотеатр, у меня не было опыта написания и продвижения полноценных сайтов, можно сказать я начинал с нуля.

Первым делом я задался вопросом где взять базу фильмов, в идее было создать бесплатный онлайн кинотеатр, значит и база с фильмами должна была быть бесплатная. Первое что пришло в голову посмотреть «а как у остальных?», я начал вбивать в гугл «онлайн кинотеатр» и пропуская платные сайты по типу megogo или ivi начал находить сайты в которых я видел более-менее одинаковый видеоплеер для просмотра и я решил посмотреть откуда же они черпают контент.

Спустя недолгие поиски я наткнулся на то, что все они черпают контент с moonwalk.cc. Но как только я перешел по moonwalk.cc я получил заглушку «Contact us at: [email protected]» и я начал гуглить что-же это?

Именно то — что нужно, подумал я и начал изучать условия сотрудничества, как получить возможность использовать их видеоплеер и доступ к API. К счастью сервис оказался бесплатным, единственное условие это их реклама в начале каждого видео в плеере.

Так как у меня еще не было даже главной страницы сайта, я быстро её сделал, купил сервер, оплатил домен и отправил им на почту ссылку на свой сайт.

Поздравляем, Ваш сайт одобрен!

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

ВАЖНО: При включенных блокировщиках рекламы Личный кабинет может работать с ошибками - отключите их!

Все дальнейшие вопросы следует задавать в Личном кабинете (иконка в правом нижнем углу)

Прежде чем задать вопрос ознакомьтесь с документацией на http://docs.moonwalk.cc/ API ключ(токен) можно найти в разделе "Настройки".

Наконец-то я мог зайти в свой личный кабинет, где получил доступ к настройке плеера, списку материалов и статистики

И вот, когда главная проблема была решена, я начал думать о том каким будет мой будущий сайт. Первым делом я подумал взять тот же движок DLE, скачать уже готовый шаблон (благо таких куча) и повесить модуль от moonwalk, но я задумался «чем мой сайт будет отличатся от других?» и решил полностью написать сайт с нуля.

Для себя я выделил несколько основных особенностей сайта

Легкость сайта
Приятный дизайн
Полностью резиновый дизайн, для адаптации под каждое устройство

Так как денег на высокопроизводительный сервер у меня не было, начал делать backend на JavaScript, и только один PHP скрипт который был бы неким API.

За основу взял bootstrap, идею для дизайна подсмотрел у megogo. Для большей производительности на сервере поставил связку Nginx + Apache, где Nginx отвечал за весь сайт, а Apache только за API сайта. API сайта работает с MySQL при этом кэшируя ответы с помощью Memcache.

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

Авторизацию и регистрацию решил делать через firebase, т.к. не хотел подвергать нагрузки базу данных MySQL на слабом сервере

Сайт не обновляется автоматически, приходится запускать самописный скрипт раз в день из под Windows который в течение 3х часов загружает по 30 000 файлов и вручную загружать их на сайт.

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

И вот когда сайт был готов, встал вопрос о продвижении, т.к. опыта у меня не было, а на руках было 100$ я решил заказать продвижение на месяц в сервисе по закупке ссылок, что дало не большой результат (до 2000 посетителей в день), но по истечению месяца деньги закончились, продвижение остановилось.

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

ну так на энтузиазме же, а пестрящие сайты зарабатывать хотят)

Давайте будем честными:
Рассказ о том как я создавал очередную обертку для апи/плеера moonwalk

Ничего общего с созданием собственного онлайн-кинотеатра это не имеет.
(про полную незаконность этого контента и всего этого можно даже не упоминать)

те кто в теме пачками делает это, причем в промышленным масштабах и ровно по такой же схеме: спарсили кинопоиск(возможно немного уникализировали текста), поставили moonwalk, добавили рекламы, собираем сео траф(не нужно никакое продвижение даже, вы с 99% вероятностью выбросили деньги в помойку закупив ссылок, тем более от балды без опыта).
И уже есть готовые движки под это, лого/вёрстку/домен меняют только.

Сайт не обновляется автоматически, приходится запускать самописный скрипт раз в день из под Windows который в течение 3х часов загружает по 30 000 видео файлов и вручную загружать их на сайт.

какие видеофайлы вы там загружаете и куда? Все лежит на moonwalk серверах, даже трейлеры.

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

Наша команда готова разработать мобильное приложение для покупки билетов в кино, которое можно адаптировать как под платформу iOS, так и Android.

Чем приложение поможет завоевать любовь пользователей?

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

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

С его помощью можно удобно отфильтровать фильмы по годам, жанрам, актёрам

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

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

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

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

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

Но что делать тем, кто походам в кинотеатры предпочитает просмотры фильмов дома? Альтернатива — . Мы разработаем , пользователи которого смогут смотреть художественные, документальные и мультипликационные фильмы легально и в высоком разрешении. Фильмы будут группироваться по жанру, настроению, режиссёру, актёрам, давности выхода и другим категориям, а пользователи смогут получать персональные рекомендации, ставить фильмам оценки и писать рецензии. Главное — пополнять каталог новыми и редкими образцами кинематографа.

Закажите наши услуги, и мы поможем создать достойного конкурента кинотеатрам ivi, Megogo и Okko.

Как мы работаем

Аналитика

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

Проектирование

На этом этапе мы формируем структуру проекта и создаём прототипы страниц для iOS и приложения. Далее мы продумываем элементы управления в приложении и то, как они связаны с его экранами, функциональностью и друг другом. Другими словами, вы сможете увидеть логику работы приложения до того, как его начнут воплощать. Мы работаем над общей системной архитектурой: какие будут сервисы, за что они будут отвечать, есть ли интеграции с другими системами и как они взаимодействуют друг с другом.

Дизайн

Далее мы определяем стиль приложения: цветовую палитру, шрифты, иллюстрации, иконку , накладываем это на прототип и получаем . По ней на 100% понятно, как будет выглядеть и работать приложение. Вместе с соответствующей спецификацией разработчики получают приложения.

Разработка

Разработчики получают дизайн и уточняют оценку проекта. Их задача — сверстать каждый экран и написать код, который логически их объединяет и позволяет утверждённой функциональности работать. Также с помощью кода они устанавливают взаимодействие между видимой частью приложения (фронтендом) и его невидимой частью, где хранятся данные (бэкендом).

Наши преимущества

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

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

Мы считаем важным согласовывать работу с клиентом. Так мы дарим ему чувство контроля и избегаем недопонимания.

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

Стоимость

Цены на разработку дизайна приложения зависят от его сложности и количества экранов. Для уточнения звоните нам или заполните форму заявки.

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

Богдан Головатый, UI/UX дизайнер в Upwork, написал на Medium прекрасный пост о том, как он проектировал интерфейс приложения для покупки билетов в кино. С его разрешения мы приводим статью на нашем сайте.

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

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

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

В рамках курса DIGITAL PRODUCT DESIGN я выбрал задание разработать продукт для заказа билетов в кинотеатр, с помощью которого можно быстро узнать расписание сеансов и купить билет без очереди в любой из кинотеатров Украины. Остановился на платформе Android, как наиболее доступной и распространенной.

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

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

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

Пользователи должны иметь возможность выбирать фильм по жанру, времени сеанса, расположению кинотеатра, выбирать место в зале.
Предоставлять информацию о ближайшем кинотеатре (расписание сеансов, контакты).
Пользователи должны иметь возможность оплачивать билет.
Предоставлять полную информацию о фильме.
Уведомлять пользователей о будущих показах.
Использовать приложение как рекламную площадку для кинотеатров

Бизнес-стратегия:

Войти в топ 10 Google PlayMarket среди приложений для покупки билетов в кинотеатр.
Собрать 400 кинотеатров-партнеров и получать от них прибыль.

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

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

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

Полевые исследования внутри и возле кинотеатра;
Интервью с посетителями кинотеатра;
Интервью с экспертами в предметной области (кассирами);
Онлайн-опрос созданный с помощью Google Forms и опубликованный в социальных сетях Вконтакте и Facebook;
Обзор приложений-конкурентов и отзывов о них в App Store и Google PlayMarket: «Планета Кино», Vkino, Multiplex, «Яндекс.Киноафиша», Rambler Афиша, RamblerКасса, Kinohod, «Киномакс» /

1. Полевые исследования

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

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

Электронный билет можно распечатывать:

Электронный билет в виде QR-кода можно показывать на экране смартфона:

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

2. Интервью с посетителями кинотеатра

В какое время и дни недели Вы посещаете кинотеатр?
Опишите как Вы покупаете билеты в кино?
С кем Вы обычно ходите в кино?
Что побудило вас покупать билеты онлайн?
Какая основная причина Вашего похода в кинотеатр? Почему?
Какие трудности возникают при покупке билетов в кинотеатр?
Пользовались ли Вы сервисами он-лайн бронирования билетов. Что понравилось и что не понравилось в них?
Как Вы выбираете фильм для просмотра? На что обращаете внимание?
С какого устройства Вы чаще всего ищите информацию о фильмах, бронируете билеты? Какая у Вас модель смартфона?
Опишите идеальный инструмент для он-лайн заказа билетов в кино? Что там должно быть?

3. Интервью с экспертами в предметной области

Кто приходит в кинотеатр? Опишите портрет вашего зрителя?
Где посетители покупают билеты на сеансы в вашем кинотеатре?
Какие трудности возникают у людей при покупке билетов в кинотеатр?
Расскажите про условия бронирования/покупки в вашем кинотеатре?
С помощью каких инструментов можно забронировать/купить он-лайн билет на сеанс в ваш кинотеатр?

4. Онлайн опрос с помощью Google Form

Чтобы провести онлайн опрос я воспользовался Google Forms и социальной сетью ВКонтакте и Facebook. Разместил пост с просьбой заполнить опрос у себя в профиль и распространил его в группах своего города, сообществах кинотеатров и антикафе. В опросе участвовали ребята из России, Украины, Беларуси. В течение 2-х дней я собрал ответы от 103 человек.

5. Обзор и анализ приложений-конкурентов

На сегодняшний день уже существуют приложения для покупки билетов в кинотеатр: Планета Кино, Vkino, Multiplex, Афиша, Яндекс.Киноафиша, Rambler.Касса, Kinohod, Киномакс.

Устанавливаем приложения на смартфоны iPhone 5s и Nexus 5, чтобы изучить как они выглядят и работают в операционных системах iOS и Android, находим их недостатки, которые следует избегать, и достоинства (идеи), которые можно позаимствовать. Походу дела изучаем отзывы пользователей на Google PlayMarket и собираем хотелки.

Выводы после этапа исследований:

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

Покупка в кассе:

Очередь в кассу;
Тяжело выбрать подходящее место на схеме;
Заняты лучшие (желаемые) места в зале;
Невозможность бронировать билеты ранее, чем в день сеанса;
Люди быстро разбирают билеты на премьерный сеанс;
Не принимают кредитные карты к оплате;
Не всегда удается собрать компанию в кинотеатр.

Покупка онлайн (сайт или приложение):

Не любят распечатывают электронные билеты, т.к. боятся, что их не примут на кассе, не считает сканер. А у некоторых вообще нет возможности это сделать, т.к. нет принтера;
Опасаются мошенничества, боятся вводить номер карты, сомневаются в конфиденциальности оставленных персональных данных, безопасности проведения платежа;
Опасаются, что устройство, которое считывает электронный билет будет неисправно;
Опасаются, что если случится программный сбой и система не засчитает оплату, билет может быть потерян;
Боятся переплатить за электронный билет;
Настораживает то, что могут не принять электронный билет и сообщить, что он поддельный;
Данные банковской карты не сохраняются;
Только 1 способ оплаты. Нет подходящих платежных систем или оплаты через СМС;
Не сразу видно цену на сеанс;
Не обновляется список свободных мест, с которых снята бронь за полчаса/час до сеанса;
Нет полной информации о фильме, включая трейлер, рейтинг и отзывы;
Невозможно оставить свой отзыв о просмотренном фильме;
Проблемы с геолокацией, приложение не определяет местоположение человека, нельзя задать вручную свое местоположение;
Отсутствует добавление в избранное любимых кинотеатров;
Нет привязки к аккаунту, чтобы видеть все свои билеты;
Нет фильтра по рейтингу, жанру, длительности, цене, времени;
Если приложение работает от интернета, может теряться связь, а в этот момент нужно показать штрих-код и появляется очередь на входе;
Люди ошибочно заказывают билеты в кинотеатр, который находится в другом городе

Персонажи и их потребности

В результате проведенных исследований информацию о будущих пользователях можно оформить в виде персонажей. Я выделил 2 типа персонажей и определил их проблемы, цели и потребности.

Генерация идей и список требований к продукту

После фокусировки на всех проблемах и потребностях можно приступить к поиску решений:

Пользовательские сценарии

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

Сценарий 1. Планы на вечер

Сегодня пятница и Наталья с своим парнем думают как провести вечер.

Они решают пойти на кинотеатр на фильм «Алису в Зазеркалье». Наталья хочет занять лучшие места в зале, но заранее купить билет не получается, т.к. они с парнем заняты почти весь день. Наталья решает заказать билет он-лайн и устанавливает на телефон приложение CINEMATO, которое давно советовали друзья.

Приложение при первом запуске запрашивает город, Наталья выбирает Киев. Наталья находит в подборке с фильмами на сегодня «Алису в Зазеркалье» и выбирает фильм. Дальше она видит список кинотеатров в котором идет фильм и расписание сеансов. Наталья вводит в поле поиска название кинотеатра, система находит его. Наталья выбирает время сеанса. CINEMATO показывает схему кинотеатра и Наталья выбирает 2 лучших места в зале. Далее Наталья проверяет итоговую информацию, вводит e-mail и оплачивает билеты мобильным платежем. Наталья распечатывает билет, который система выслала ей на e-mail после оплаты.

Придя с парнем в кинотеатр, Наталья предъявляет билет сотруднику. Он считывает код на билете сканером и пропускает ребят в зал. Все получилось и пара смотрит классный фильм. Через час после просмотра CINEMATO присылает push-уведомление Наталье, чтобы она поставила оценку и оставила отзыв о фильме. Наталья авторизуется в CINEMATO, ставит фильму оценку, пишет отзыв и делится им с друзьями в социальных сетях.

Сценарий 2. Премьера фильма

Андрей большой поклонник фильмов Marvel и он узнал их новостей, что скоро выходит фильм «Люди X. Апокалипсис». Андрей не хочет пропустить премьеру, т.к. во время премьеры большая очередь и билеты быстро раскупают.
Андрей открывает CINEMATO и видит в будущих анонсах «Люди X. Апокалипсис». Что не пропустить премьеру, он нажимает «Напомнить» и выбирает пункт «за 2 дня до начала».

Через пару недель Андрею на телефон приходит push-уведомление, что 20 мая начинается прокат фильма. Он открывает CINEMATO и видит, что нужный фильм уже в прокате. Выбирает фильм, дату показа и места. Оплачивает билет банковской картой, которую сохранил внутри приложения раньше.

Придя в кинотеатр, Андрей открывает CINEMATO на телефоне и показывает QR-код билета сотруднику кинотеатра. Сотрудник считывает код сканером и пропускает Андрея в зал.

Через час после просмотра CINEMATO присылает push-уведомление Андрею, чтобы он поставил оценку и оставил отзыв о фильме. Андрей авторизуется в CINEMATO, ставит фильму оценку, пишет отзыв.

Сценарий 3. Семейный досуг в другом городе

Андрей с женой и ребенком путешествуют по Украине. Сегодня они в Киеве и решают пойти в кинотеатр IMAX, т.к. их сын хочет посмотреть мультфильм «Добрый динозавр» в 3D.

Андрей открывает CINEMATO и выбирает на карте ближайший к его отелю кинотеатр IMAX. Выбирает из списка сеансов кинотеатра мультфильм «Добрый динозавр» и время сеанса. Выбирает 3 места и оплачивает билет с помощью банковской карты.

За 1 час до сеанса, Андрей получает напоминание о времени сеанса.

По приходу в кинотеатр, Андрей открывает CINEMATO и находит в истории покупок свой билет. Возле входа в зал, Андрей сканирует код билета через терминал Smartpass. Система одобряет запрос и выводит информацию о ряде и местах. Андрей и семья заходят в зал и смотрят фильм.

Через 1 час после просмотра CINEMATO присылает push-уведомление Андрею, чтобы он поставил оценку и оставил отзыв о фильме. Андрей выбирает «Позже», а на постере с фильмом появляется кнопка «Оставить отзыв».

Этап 2: Дизайн взаимодействия

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

CINEMATO должно корректно отображаться и протестировано на устройствах: Android device (mdpi, hdpi, xhdpi, xxhdpi).
Дизайн CINEMATO должен соответствовать требованиям Google Material Design Guidelines.
В CINEMATO должен быть предусмотрен офф-лайн режим, чтобы можно было посмотреть информацию в билете и предъявить его на устройстве, перед в ходом в зал (QR-код). Цифровой код купленного билета должен приходить по SMS.
CINEMATO работает со всеми сетями кинотеатров Украины и по всем крупным городам Украины.
Обеспечить корректную работу гео-таргетинга.
Оплачивать билеты можно с помощью кредитной карты или мобильного счета.
Легкий возврат билетов с компенсацией полной их стоимости.
Поддерживать актуальное состояние занятости мест в зале.
Заказать можно не более 5 билетов за 1 покупку.
После авторизации приложение должно сохранять данные человека о купленых билетах, избранном, кредитной карте.
Электронный билет содержит QR-код, который считывает контролер для пропуска в зал. QR-код можно просканировать самостоятельно через терминал Smartpass у входа в зал.

Информационная архитектура и функционал продукта

Скетчи

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

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

После того как у нас появилась примерная картина числа экранов приложения и их содержимого можно перейти к прототипированию. Мои инструменты: Sketch для отрисовки wireframes и InvisionApp для сборки их в прототип.

Во время отрисовки я использовал библиотеку и гайдлайны Material Design (соблюдая все отступы и правила типографики), чтобы наиболее точно повторить будущие UI-элементы и ускорить процесс визуального дизайна на дальнейших этапах.

После отрисовки всех экранов я загрузил их в InvisionApp и сделал кликабельный прототип, чтобы протестировать все сценарии на реальных пользователях.

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

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

Читайте также: