Ещё одна тема с предложениями по улучшению дизайна.
Здравствуйте.
Хотелось бы поделиться соображениями на тему обновлённого дизайна страниц фильмов. Некоторые решения смотрятся довольно странно и вызывают некоторые вопросы.
Сразу к делу!
1. Непонятное пустое поле от нижней части шапки до верхней части постера.
Вот уж поистине нелогичное дизайнерское решение, учитывая тот факт, что на страницах фильмов, которые недоступны для онлайн-просмотра, такого поля нет. Что-то мне подсказывает, что это пустое поле связано с наличием плашки "Доступен для просмотра" в правом верхнем углу, но изменять пространство страницы относительно одной единственной плашки... это шутка какая-то? Ну, если без этой плашки никак не обойтись, ну можно же её прикрепить на уровне рейтинга чуть в стороне, в чём проблема-то?
2. Плашка "Доступен для просмотра" и кнопка "Смотреть".
А в обилии сигналов, говорящих о том, что фильм можно посмотреть онлайн, есть какая-то жизненная необходимость? Мне бы и одного опознавательного знака хватило, а тут их целых три. И плашка, и кнопка и тёмная тема ещё в придачу. Я понимаю, что вы заботитесь о том, чтобы продвигать КиноПоискHD, но я уже купила подписку, нельзя ли ограничиться каким-то одним решением? Хочется верить, что ваш десигнер имеет какое-то представление о том, как нужно работать с интеграцией навигации.
3. Два поля с трейлерами.
Очередное странное решение, которое никак не вяжется с логикой. Почему бы не собрать видео-материалы фильма в одном месте? Вроде выбрали же место под постером, там это логично и уместно, но нет, создан ещё один блок, который малоинформативен и огромен. Расскажите своему десигнеру, что можно сделать выпадающее по клику меню, где будут представлены дополнительные видео-материалы.
Хочется заметить, кстати, что превью трейлеров в нижнем блоке "Трейлеры и тизеры" просто ужасного качества. Превью трейлера под постером выглядит хорошо, но внутри блока видно ужасное сжатие и пиксельное безумие, от которого вытекают глаза. Чем-то это всё начинает напоминать IMDb, который целиком и полностью состоит из изображений ужасного качества. Хочется верить, что с этой проблемой можно что-то поделать.
4. Сиквелы и приквелы или сжатие постера фильма по ширине.
Это самое необычное и неясное для меня место во всём обновлении. Ну-ка признавайтесь, воробушки мои, кто придумал сжимать постер, чтобы он помещался в заданные рамки? Я сразу заметила, что картинка какая-то не такая, в этой связи даже был был проведён сравнительный анализ. Вот так всё серьёзно, да!
Что вообще мы тут видим? Оригинальный постер находится там, где ему и следует находиться, а справа помещён постер, который растянут до размера оригинального постера. Растянутый постер был взят мною со страницы, на которой фильм висит в блоке "Сиквелы и приквелы". Надеюсь, что объяснение понятно. Можно легко заметить, что растянутый постер находится в других пропорциях, и нет, это не мои кривые руки, это то, как математика сайта сжимает постеры, которые по какой-то причине не вписываются в рамки превью.
5. Два рейтинга.
Ого, вау. Два рейтинга, два блока с трейлерами, три напоминания о подписке.
Уважаемая редакция, я не знаю насколько вам важно моё мнение, но мне новый дизайн страниц напоминает то ли обложку Тейлор Свифт, то ли один очень древний мемас.
Нельзя ли как-то решить вопросик с обилием однотипных блоков? Это уже за гранью добра и зла просто. Какие ещё удивительные находки нам предстоит увидеть? Два постера? Две полосы прокрутки?
6. Пустое поле под блоком постера и трейлера.
Учитывая то, как на странице расставлены блоки, у меня есть ощущение, что это пустое пространство никак не будет использоваться. Как вообще выглядел план обновления дизайна? Были ли какие-то варианты? Кто это всё дизайнил? Кто верстал этот ужас? Кто его одобрил? Огромные пространства ничем не заполнены, другие пространства заполнены повторами, в промежутках висят странные громоздкие элементы интерфейса.
7. Бэкгранд-изображение.
Хорошая идея испорчена плохой реализацией. В старой версии сайта эта идея работала, во-первых потому, что бэкгранд-изображение было едва заметно, а во-вторых потому, что изображение было чётко вписано в периметр страницы фильма.
На новом дизайне слишком сильное затемнение изображения. Верхняя часть хорошо заметна, тогда как, нижняя часть утопает в затемнении, таким образом смысл картинки теряется, она становится неинформативной.
Обилие всего и всё поверх бэкгранд-картинки. Из-за того, что постер на новом дизайне стал больше, он, внезапно, занимает теперь больше места, и он тоже отнимает информативность у бэкгранд-картинки. Кроме этого, вдоль всей бэкгранд-картинки идёт линия, которая разделяет пространство страницы на две части. Слева от линии - постер и трейлер, справа - информация о самом фильме, но картинка-то тут при чём? Зачем вводить дизайнерское решение, которое перекрывается другими решениями?
Гляньте, как хорошо эта идея реализована на Letterboxd:
Картинка выполняет роль шапки, она информативна, она не тонет в затемнении (которое есть), она не перекрыта огромными блоками, всё лаконично и на всё месте. Если хочется использовать такое решение, то почему бы не взять готовое, которое во всех отношениях лучше? Тем более самый первый пункт, о котором написано в этой теме, связан как раз с пространством вверху страницы.
Как-то так.
Спасибо, если вы дочитали это, и надеюсь, что изменения дизайна будут двигаться в лучшем направлении.
Давайте рассмотрим все по пунктам:
1. Пустое поле от нижней части шапки до верхней части постера.
– Поле немного больше, чем на серой странице, из-за видеопревью. Это расстояние специально подобрано по результатам UX.
2. Плашка "Доступен для просмотра" и кнопка "Смотреть”.
– Ленточку мы сделали для обучения, она дает подсказку, почему страница черная. Поэтому она стоит первой. Возможно, когда все привыкнут, мы ее уберем.
3. Два поля с трейлерами. Расскажите своему десигнеру, что можно сделать выпадающее по клику меню, где будут представлены дополнительные видео-материалы.
– Появилась возможность посмотреть трейлер, не проскролливая полстраницы и многим пользователям это удобно.
4. Сиквелы и приквелы или сжатие постера фильма по ширине.
– Это проверим, пропорции постера не должны меняться, спасибо!
5. Два рейтинга. Ого, вау. Два рейтинга, два блока с трейлерами, три напоминания о подписке.
– По отзывам пользователей мы видим, что рейтинг вверху стал удобным дополнением.
6. Пустое поле под блоком постера и трейлера.
– В зависимости от наполнения страниц бывают разные ситуации.
7. Бэкгранд-изображение. Хорошая идея испорчена плохой реализацией.
– Описали выше в пункте 6.
Спасибо вам за отклик!