Cinema — это сайт по продаже билетов, который позволяет пользователям легко и интуитивно выполнять основные действия, связанные с поиском и бронированием билетов. Благодаря этому сайту я поняла, с какими конкретными проблемами могут столкнуться пользователи в процессе голосования за повторный показ фильмов. Я хочу создать продукт, который сможет конкурировать на рынке и повысить удовлетворенность клиентов.
ОБЗОР ПРОЕКТА
ОБЯЗАННОСТИ
Проведение пользовательских тестирований; определение проблемы и предоставление информации для этапа генерации идей; определение персон, путей пользователей, карт эмпатии и путей пользователей; визуальный дизайн вайрфреймов; прототипирование низкой и высокой точности.
МОЯ РОЛЬ
UX-дизайнер, занимающийся разработкой веб-сайта от концепции до реализации.
Карта пути пользователя
Показать, какие места лучше всего подходят для детей
Добавить возможность выбрать дни, в которые кинотеатр будет повторно показывать фильм
Добавить возможность сортировки по дате, времени и т. д.
Отправить подтверждающее SMS-сообщения в случае, если у человека нет подключения к Wi-Fi и т. д.
Добавить информацию о том, в каком зале показывают конкретный фильм
Добавить различные варианты оплаты, включая наличные платежи в кинотеатре
ВОЗМОЖНОСТИ ДЛЯ УЛУЧШЕНИЯ
A. Открыть приложение
B. Выбрать кинотеатр или фильм
C. Открыть вкладку “Расписание”
A. Выбрать удобный сеанс и нажать на него.
B. Выбрать места в окне покупки билетов.
C. Посмотреть общую стоимость
A. Получить билет на адрес электронной почты.
B. Проверить электронную почту.
C. Подтвердить бронирование
A. Пойти в кинотеатр.
B. Просканировать билеты.
C. Войти внутрь
A. Выбрать удобный способ оплаты, указать свой адрес электронной почты
B. Перейти к оплате
C. Оплатить покупку
СПИСОК ЗАДАЧ
ЧУВСТВО
НЕГАТИВ.
НЕЙТРАЛ.
ПОЗИТИВ.
действие
вЫБРАТЬ ФИЛЬМ
Проверить доступные сеансы
Заплатить за
билеты
Подтвердить бронирование
Пойти в кинотеатр
ПУТЬ ПОЛЬЗОВАТЕЛЯ
Открыть
раздел “Фильмы”
Выбор фильма
Выбор времени/даты
Экран голосования
Проголосовать за
фильм
Подтверждение
Подтвердить заказ?
Выбрать способ оплаты
Оплата
Выбрать еду/напитки
Выбор еды/напитков
Выбрать место
Выбор места
Y
N
Y
N
Нашли
подходящую
дату?
Выбрать фильм
Поиск нужной локации
Домашняя страница
Открыть приложение
ПЕРСОНА
“Я люблю проводить время с дочерью и всегда стараюсь найти время для нашего любимого хобби”
Цели
Сбалансировать работу и время, посвященное своим увлечениям.
Проводить много времени со своей дочерью.
Найти кинопоказы, подходящие для его ненормированного рабочего графика.
Разочарования
“Довольно часто мне приходится задерживаться на работе, и из-за этого отменяются наши семейные планы”.
“Я не хочу отказывать своей дочери в походе в кино, когда мы не можем найти подходящее время для показа”.
“Я бы хотел, чтобы кинотеатры продлевали показ фильмов или повторно показывали некоторые из них через определенное время”.
Карлос
Карлос - шеф-повар, который живет в маленьком городе и часто загружен работой. Карлос очень заботится о том, чтобы уделять время своей дочери. Он хотел бы иметь возможность посвящать как можно больше своего нерабочего времени своим хобби и личной жизни, но он не может уделять этому столько времени, поскольку у него становится все больше и больше обязанностей на работе. Карлос не всегда может найти подходящее для себя время для просмотра фильмов в кинотеатрах, поэтому он хотел бы, чтобы кинотеатры продлевали время показа фильмов или показывали некоторые из них повторно через определенное время.
48
Кулинарная школа
Брюгге, Бельгия
Женат, 1 дочь
Шеф-повар
Возраст:
Образование:
Родной город:
Семья:
Профессия:
ИНКЛЮЗИВНОСТЬ
Реализована иерархия текста во всем приложении/сайте. Это помогает пользователям отличать разные разделы и читать информацию на экране.
1
Использованы иконки для облегчения навигации.
2
Использованы подробные изображения из фильмов, чтобы помочь всем пользователям лучше понять дизайн.
3
ИССЛЕДОВАНИЕ ПОЛЬЗОВАТЕЛЕЙ
Я провела интервью и создала карты эмпатии, чтобы понять пользователей, для которых я разрабатывала дизайн, и их потребности. В ходе исследования была выявлена основная группа пользователей - работающие взрослые, у которых не хватает времени на посещение кинотеатров. Эта группа пользователей подтвердила первоначальные предположения о пользователях Cinema. Другие проблемы пользователей включали обязательства, интересы или сложности, которые затрудняют покупку билетов через веб-сайт.
Работающие взрослые слишком заняты, чтобы ходить в кинотеатры.
Время
1
Платформы по продаже билетов не оснащены вспомогательными технологиями.
Инклюзивность
2
Пользователям нужен более интуитивно понятный способ доступа к кнопкам и экранам.
Интуитивный дизайн
3
Пользователи хотят более удобное и красочное расположение кнопок.
Удобство
4
пользовательское тестирование: РЕЗУЛЬТАТЫ
Основываясь на инсайтах пользовательского тестирования, я внесла изменения, чтобы улучшить информацию о времени и датах киносеансов. Одними из изменений были расширение расстояний между временами сеансов и добавление информации о сеансах. Это позволило пользователям получать больше информации о киносеансах, не прибегая к поиску где-либо еще.
ИТЕРАЦИИ
Углубив свои знания в области дизайна, я изменила свою дизайн-систему, чтобы она была современной и удобной для пользователей. Я скорректировала размеры шрифтов, чтобы улучшить читаемость и визуальную иерархию, а также изменила расстояние для лучшего визуального баланса.
What’s Up
IMAX
What’s Up
IMAX
Search
Back to
Home Page
Select Location
Back to
Home Page
Voting/Results
Back to
Home Page
Log In
Forgot Passport?
Back to
Home Page
Sign Up
Back to
Home Page
4DX
Offers
Day and Time
Seats
Bank Details
Confirmation
Gift Cards
Home Page
Menu
Search
Special Offers
Movie
Location
Log In
Sign Up
Voting
КАРТА ВЕБ-САЙТА
Сложности навигации по веб-сайту были основной проблемой для пользователей, поэтому я использовала эти знания для создания карты сайта.
Моей целью было принятие стратегических решений по информационной архитектуре, которые улучшили бы общую навигацию по веб-сайту. Выбранная мной структура была разработана таким образом, чтобы сделать все простым и легким.
БУМАЖНЫЕ ВАЙРФРЕЙМЫ
Уделив время составлению черновых вариантов каждого экрана веб-сайта на бумаге, я убедилась, что элементы, которые попали в цифровые вайрфреймы, будут хорошо подходить для решения проблем пользователей. Для главного экрана я уделила большее внимание быстрому и простому процессу оформления заказа, чтобы помочь пользователям сэкономить время.
ЦИФРОВЫЕ ВАЙРФРЕЙМЫ
Переход от бумажных вайрфреймов к цифровым упростил понимание того, как редизайн может помочь решить проблемы пользователей и улучшить их впечатления от использования сайта.
Ключевой частью моей стратегии было определение приоритетности расположения полезных кнопок и
Приоритетное расположение полезных кнопок и визуальных элементов на главной странице было ключевой частью моей стратегии.
Интуитивный способ доступа к кнопкам и экранам.
Главная страница оптимизирована для удобного просмотра карточек изображений и опций навигационного меню.
пользовательское тестирование: наблюдения
Я провела два этапа ПОЛЬЗОВАТЕЛЬСКОГО Тестирования. Наблюдения за первым тестированием помогли разработать дизайн от вайрфреймов до макетов. Во втором тестировании использовался прототип высокой точности, который показал, какие аспекты макетов нуждаются в доработке.
1
Пользователи хотят более инклюзивные прототипы
2
Пользователям требуется много времени для выполнения задачи, и им нужен более интуитивный способ доступа к кнопкам и экранам
3
Пользователям нужны более четкие подсказки о том, какие шаги необходимо выполнить, чтобы вернуться на главный экран
Наблюдения за первым раундом
1
Пользователи хотят менее перегруженные кнопки
2
Путаница из-за близости объектов, из-за которой участник тестирования решил, что они связаны
Наблюдения за вторым раундом
пользовательское тестирование
Нерегулируемое пользовательское исследование
Тип исследования
Великобритания, удаленно
Локация
5 участников
Участники
15-30 минут
Продолжительность
ВЫВОДЫ
Целевые пользователи отметили, что дизайн был интуитивно понятен для навигации, более привлекателен для восприятия изображений и демонстрировал четкую визуальную иерархию.
Влияние
Я поняла, что даже небольшое изменение в дизайне может оказать огромное влияние на восприятие пользователем. Самый важный вывод для меня - всегда ориентироваться на реальные потребности пользователя при разработке дизайнерских идей и решений.
Что я поняла
ГЛУБИННОЕ ИНТЕРВЬЮ
Глубинные интервью позволяют глубже понять потребности и ожидания пользователей, что позволяет мне исследовать причины, лежащие в основе их поведения. Это помогло мне собрать подробные и качественные данные о том, как пользователи будут использовать мою платформу.
Cinema
App
МАКЕТЫ: ВАРИАЦИИ РАЗМЕРОВ ЭКРАНА
Я включила в свои макеты дополнительные размеры экранов, основанные на моих вайрфреймах. Поскольку пользователи покупают билеты с разных устройств, я посчитала важным оптимизировать просмотр веб-страниц для устройств разного размера, таких как мобильные телефоны и планшеты, чтобы пользователям было максимально комфортно.
прототип низкой точности
Используя готовый набор цифровых вайрфреймов, я создала прототип низкой точности. Основной поток пользователей, которых я включила, был связан с покупкой билетов через веб-сайт, поэтому прототип можно было использовать в пользовательском тестировании.
Просмотр прототипа низкой точности - телефон
Просмотр прототипа низкой точности - рабочий стол
ПРОТОТИП ВЫСОКОЙ ТОЧНОСТИ
Окончательный прототип высокой точности позволил упростить процесс покупки билетов. Он также удовлетворил потребности пользователей при повторном просмотре фильмов при большей кастомизации..
Просмотр прототипа высокой точности - телефон
Просмотр прототипа высокой точности - рабочий стол
КОНТАКТЫ
Спасибо, что просмотрели мой веб-сайт Cinema! Если вы хотите увидеть больше или связаться со мной, мои контакты указаны ниже.
Оксфорд
perepelytsa.ad@gmail.com
+447342134384
Новая версия
Старая версия
ДИЗАЙН СИСТЕМА - типографика, иконки, компоненты,
цвета
Aa
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
0 1 2 3 4 5 6 7 8 9
Montserrat SemiBold
Montserrat Medium
Montserrat Regular
Телефон
Continue
Continue
Рабочий стол
Continue
Continue
Акцент
#FF0000
Первичный
#1F1D2B
Вторичный
#696291
Акцент 2
#FF9292
Текст
#EBEBEF
Фон
#0A0A10
Фон 2
#15121E
ПРОБЛЕМА
Занятые работники и люди с ограниченным бюджетом нуждаются в более удобных вариантах бронирования билетов.
РЕШЕНИЕ
Разработать веб-сайт, который позволит пользователям легко забронировать билет.
Проект
Cinema
Категория
UX-Исследование, UI и UX Дизайн
Пррдолжительность
12 Недель
Cinema
София
Дарья
Елена
Юлия
Анна
“Я до сих пор не знаю, правильно ли я нажала на кнопку, мне кажется, эта опция должна быть более понятной на интуитивном уровне”
“Может быть, вместо полосок лучше написать a b c d для тех, кто не понимает, как я”
“Когда я нажимаете на что-то, не совсем понятно, что оно сработало”
“Мне бы хотелось, чтобы даже в качестве прототипа были названия, а не просто линии. Есть некоторый диссонанс, не очень понятно, куда нажимать и что делать”
“Было бы неплохо иметь еще одну кнопку, помимо этой, для быстрого возврата на главный экран, вместо того, чтобы нажимать на вкладки “Назад”. Может быть, я ее просто не заметила?”