Концепт: редизайн приложения Киномакс для iOS

Обновленный UI и немного UX.

Я попытался создать обновленный дизайн приложения Киномакс, в котором скорректировал UI и добавил современные тенденции UX-проектирования.

Главный экран

Действующий | Обновленный

Карточка фильма стала чуть-более информативной: был добавлен рейтинг и длительность фильма. Контролером стало возможно управлять по свайпу.

Карточка фильма

Действующий | Обновленный

Функция выбора кинотеатра стала удобнее для пользователя, добавился выбор из выпадающего списка (на скрине не показано). Выбор даты стал более наглядный.

Выбор места, оплата и действующие билеты

Действующий | Обновленный

На данных экранах функционал остался прежним, изменилась только визуальная составляющая.

Профиль

Действующий | Обновленный

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

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

0
19 комментариев
Написать комментарий...
Сергей Артеменко

Неплохо, но чет есть сомнения 320пт экраны, или 5е ифоны похоронили?

Ответить
Развернуть ветку
DemC

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

Ответить
Развернуть ветку
Mr. U
Автор

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

Ответить
Развернуть ветку
Александр Скачко

В погоне за бессмысленной красотой элементов вы забыли про функциональность. 

1. Поиск по фильмам отсутствует или куда-то спрятан? Это очень важно, я не хочу скролить 100 фильмов (даже 10), чтобы найти свой :(

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

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

4. Не цепляет, вот хоть убейся :(

Вот вам самые простые советы, которые помогут всегда делать гуд: 

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

2. Изучайте и используйте решения крупных и успешных компаний. (это нормально)

3. Закладывайте в любой элемент идею. (даже в самый простой заголовок)

Уверен у вас все получится! (если долго мучиться :)

Ответить
Развернуть ветку
Mr. U
Автор

Может это так, а может и нет, спасибо за фидбек)

Ответить
Развернуть ветку
Николай Шипилов

На старом скриншоте выбора мест - в ряду 16 позиций (в последнем еще больше). На новом же мест в ряду только 10. Как все это будет выглядеть если мест на самом деле значительно больше? Пальцем не легко будет попасть...
А так в целом довольно свежий и чистый интерфейс.

Ответить
Развернуть ветку
Mr. U
Автор

По идее должен быть зум, без разницы сколько мест, зум должен быть всегда, упустил этот момент в работе)

Ответить
Развернуть ветку
Mikhail Dubovoi

Получилось симпатично, приятные цвета, , но много функционала было упущено в угоду "красивости". Надеюсь, что это просто MVP и все улучшения будут в следующих релизах.
Не буду повторять то, что уже было сказано, просто сделаю пометки:
1. Выбор даты занимает очень много места, можно обойтись выпадающим списком на ближайшую неделю или сделать иконку календаря (Да, это лишний клик, но это того стоит). ИМХО.
2. Куда пропала информация с дисклеймера при оплате? Допустим я захотел сходить с племянником (16-17 лет) на фильм с категорией +18 (например, на Джокера). Быстренько купил билет на фильм, даже не вдаваясь в возрастной рейтинг. Только придя в кинотеатр я пойму, что его не пропустят, а предупредить меня не удосужились. Это будет сказываться на негативных отзывах о кинотеатре.
3. В билете пропал номер зала, в котором показывают фильм.
Как пользователю узнать в каком из 7 или 9 залов идет его фильм, спрашивать у администраторов? Это плохой пользовательский опыт.
4. Куда делся раздел по акциям? Если это иконка в середине, то она вообще не ассоциируется с ними, лучше поставить проценты.
5. Где я могу выбрать комфортность кресла? В старом дизайне было хотя бы цветовое указание, а в новом отсутствует. Это вроде и мелочь, но очень значительная для тех, кто любит смотреть фильмы в повышенном комфорте.
6. Как пользователю отсортировать фильмы по формату, например "3D"? 
7. Если есть несколько статусов у билета, то стоит добавить кнопку отмены покупки. В старой версии она присутствует и это действительно удобно.

Ну и поиск лучше все таки добавить.

Это очень хорошо, что вы спрашиваете мнение именно у ЦА, т.к. она и будет в первую очередь пользоваться продуктом и и приносить прибыль компании.
Надеюсь следующий релиз придется по вкусу любому пользователю.

Ответить
Развернуть ветку
Mr. U
Автор

Спасибо за обратную связь!

Ответить
Развернуть ветку
Новикова Дарья

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

Ответить
Развернуть ветку
Mr. U
Автор

Спасибо, учту в будущем)

Ответить
Развернуть ветку
Максим Савонин

Интересно получилось! Всё интуитивно понятно, ничего не скажешь)

Ответить
Развернуть ветку
Mr. U
Автор

Спасибо!

Ответить
Развернуть ветку
Nikolay Kenig

красиво

Ответить
Развернуть ветку
Oksana Romanovskaya

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

Ответить
Развернуть ветку
Mr. U
Автор

1. Не убрал, добавил в карточку самого билета, да, лишний клик.
2. Бывает еще статус «Ожидает оплаты».
3. Нет такой возможности.
4. Из выпадающего списка на новом экране.
5. Поиска нет.

Ответить
Развернуть ветку
Oksana Romanovskaya

Для отмены билета крестик в правом верхнем углу не канает? :D

Ответить
Развернуть ветку
Mr. U
Автор

Можно, но я бы сделал это в виде текста-кнопки «ОТМЕНИТЬ ОПЛАТУ» под карточкой билета, но в момент работы думал иначе)

Ответить
Развернуть ветку
Николай Ягодин

Этот кейс ценен не так содержанием, как комментариями к нему. Вот где собрались настоящие юикс-монстры :) 

Ребят, спасибо вам, только после прочтения комментариев добавил к "своим" замечаниям в своей голове еще и ваши (в большинстве своем) уместные правки. 

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

Автор молодец.

Ответить
Развернуть ветку
16 комментариев
Раскрывать всегда