Как сделать 3 вида терминалов для покупки билетов в кино и не сойти с ума

C одной стороны сценарий покупки билетов через терминал выглядит довольно просто. С другой стороны, успех сильно зависит от контекста использования терминалов и тысячи других мелочей. А ещё многие предпочитают покупать билеты через сайт или кассы, поэтому первым делом я попыталась разобраться: кто и зачем будет использовать терминалы?

Мозговой штурм

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

• Погреться или пообниматься в кино: вот гуляете вы с любимой девушкой, замерзли, а расставаться не хочется. Что же делать? “А пойдем в кино!” И вот вам нужно выбрать ближайший сеанс очередного творения Тарантино, обязательно купить 2 колы и огромный стакан попкорна. А про 3D очки не забыли?
• Планируете с коллегами поход в кино, но один из вас сможет приехать только к середине фильма. Нужно сходить до кинотеатра (он же рядышком), взять билеты и раздать всем этим родным оболтусам.
• Божечки, какая толпа на кассе! Фильм через 15 минут! А нужно еще решить, берете ли попкорн, узнать, есть ли начос и кола лайт! И в уборную заскочить! ААА! Ааааа! А вон терминалы стоят, идем!
• Нет у меня телефона/разрядился/не хочу проводить через него платежи! Не хочу говорить с человеком, люди странные!

Почему я так эмоционально описываю кейсы? Потому что тут чертовски важен контекст! Вы находитесь в толпе людей, все куда-то ходят, что-то жуют, шумят дети, вам до фильма осталось совсем немного времени, начинаете нервничать…

Идем в кино!

Утром вместо офиса я поехала в кино. Список кинотеатров, где можно посмотреть три вида существующих у «Синема парк» и «Формулы кино» терминалов, нам дали заказчики, а ещё нужно было провести тайное полевое исследование терминалов конкурентов.

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

Особенности терминалов и требования к ним

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

У «Синема парк» и «Формулы кино» есть три вида терминалов: небольшие без поддержки жестов, горизонтальные широкие с поддержкой жестов и большие вертикальные. Первые примечательны только тем, что у них экран плохо отзывается на нажатия. У вторых экран отзывается отлично, но угла зрения не хватает на то, чтобы одновременно наблюдать весь экран целиком. Третьи — отличные терминалы, но длинный вертикальный экран создает определенное неудобство.

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

Не менее важен и размер элементов управления. Мы решили делать каждый элемент управления размером 80x80px — такой размер, например, прописан в спецификациях на некоторые банкоматы.

Слайд из отчета с описанием выводов из исследования

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

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

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

Самым сложным для проектирования оказался экран выбора мест. Существуют залы, где мест около 400 (чаще всего это iMAX залы), а комфортный для нажатия размер элемента выбора места должен был быть не менее 80×80 + охранные поля.

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

Экран выбора мест на одном из терминалов

Для удобства все экраны я проектировала в Axure с использованием Adaptive View: в прототипе получилось относительно мало страниц, при этом на согласованиях с заказчиком все экраны я показывала, изменяя масштаб страницы браузера.

Интерфейс для 3х видов терминалов собран в одном прототипе

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

Малый терминал без управления жестами

Большой горизонтальный терминал с управлением жестами

Большой вертикальный терминал

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

Сейчас разработчики «Синема парк» и «Формулы кино» приняли наши прототипы в работу.

Автор текста и специалист на проекте — Татьяна Миронова.