Черная пятница в UPROCK!

Недостатки UX Netflix, которые все перестали замечать

Автор этой статьи впервые познакомился с Netflix в 2023 году и решил обозначить все недостатки платформы: от стиля до UX.

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

Логотип Netflix, eDigital

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

Имейте в виду, что в данной статье речь идет о десктопной версии.

Атмосфера и стиль

Netflix — одна из тех платформ, у которых отсутствует «стиль» в привычном его понимании. Вместо этого у бренда есть 2 доминирующих цвета — черный и красный, а все остальное пространство занимает потоковый контент. Чтобы убедиться в том, насколько минималистичным и простым является веб-сайт Netflix, достаточно перейти на страницу часто задаваемых вопросов:

Страница часто задаваемых вопросов Netflix представляет собой набор черно-белых блоков

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

Логотип алого цвета напоминает мне о Голливуде и о том ярком, детском чувстве, которое возникает, когда вы выходите из кинотеатра после просмотра фильма. Буква “N” на иконке мобильного приложения выглядит как красная ковровая дорожка, что очень круто:

Логотип Netflix, Edigital

Создатели платформы выбрали темную цветовую палитру намеренно. Черный фон поможет вам не ослепнуть, когда вы будете запоем смотреть корейские дорамы в час ночи. Однако вместе с темным фоном появляется заклятый враг многих UX-копирайтеров — белый шрифт. Я расскажу об этом подробнее ниже.

Первое впечатление

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

Домашняя страница Netflix

Спустя несколько часов, проведенных на сайте, мне удалось привыкнуть к шуму.

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

Влияние визуального языка

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

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

UX-проблемы и ошибки

Сохранение изменений в профиле
Кнопки «Сохранить» и «Отменить»

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

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

Кнопки «Удалить профиль»/«Оставить профиль»

Кнопка «Оставить профиль»

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

Хотя я понимаю, что Netflix придерживается своей черно-красной темы на всех страницах сайта, мне не нравится, что они выделяют положительное действие, «Оставить профиль», красным, а деструктивное «Удалить профиль» — нейтральным белым. Разве мы используем красный цвет не в тех случаях, когда хотим, чтобы люди не нажимали на кнопку?

Раздел «Продолжить просмотр»
Главная страница Netflix

Ситуация: я начала смотреть рекомендованный Netflix сериал, закончила первую серию и пошла спать. Я не запомнила название сериала, так как у большинства корейских дорам слащаво-сентиментальные однообразные названия.

На следующий день я открыла Netflix, нажала на первую обложку в моем списке, и в итоге посмотрела эпизод совершенно другого сериала! Почему?

Оказывается, сериал, который вы смотрели последним, отображается в третьем ряду в разделе «Продолжить просмотр». Это так далеко! Крайне неудобно! Напрашивается логичный вопрос: почему бы не добавить на сайт «Историю просмотров»?

Недостатки белого шрифта

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

Главная страница Netflix. Где кнопка отключения звука?

Белый шрифт представляет угрозу для доступности из-за эффекта положительной контрастной полярности. Позвольте мне объяснить:

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

Так что да, -10 баллов за доступность (Гриффиндор) Netflix! 🪄

Кнопка «Дети»

Эта кнопка занимает ценное пространство в интерфейсе и не масштабируется.

Кнопка «Дети»

Зачем она там? Как часто мне нужно быстро переключаться на детский режим? Особенно, когда он доступен через меню «Управление аккаунтом» под аватаркой пользователя.

Может быть, такое решение и выглядит аккуратно, но второстепенные UI-элементы, которые нужны далеко не всем пользователям, не должны располагаться между кнопками «поиск» и «уведомления». Это просто нерациональное использование пространства.

Иконка «Подробнее»
✅ или «больше»?

Сначала я подумала, что иконка в виде галочки представляет собой индикатор «готово» (✅) и обозначает просмотренные серии. На мой взгляд, нелогичный выбор иконки в данном контексте.

Проблема доступности
Подсказка «Доступны субтитры для глухих и слабослышащих»

Самый популярный совет для повышения читабельности «использовать как можно меньше слов». Но, согласитесь, что в данном случае: «Доступны субтитры для глухих и слабослышащих» … это довольно длинная подсказка?

Не думаю, что UX-копирайтеры, работающие в Netflix, неопытны. Цель этой всплывающей подсказки состояла в том, чтобы веб-сайт казался более доступным. Вот почему она получилась такой длинной.

Итак, давайте проверим, насколько доступен интерфейс Netflix на самом деле.

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

Единственные доступные субтитры на Netflix, которые мне удалось найти, — CC. Хорошая новость для слабовидящих пользователей — на сайте есть довольно много сериалов с аудиодескрипцией.

Эта подсказка лишь сбивает с толку. Как аудиодескрипция должна помочь глухим?
Аудиодескрипция на английском доступна в видеоплеере.

На мой взгляд, главная проблема в том, что вы не можете выполнять поиск по субтитрам на Netflix. Технически это возможно, но только по языку — нельзя выбирать специальные субтитры для людей с нарушениями слуха, например, английские (СС).

Список субтитров

Удачные UX-решения

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

Эмоциональные теги
Теги: захватывающий, романтичный, исторический

Захватывающий, романтичный... это потрясающе! Мне нравится точность этих характеристик! Вот несколько моих фаворитов:

  • дурашливый
  • сногсшибательный
  • причудливый
  • зловещий
  • сладостно-горький

Это действительно мило, но все же недостаточно.

Почему я считаю Netflix «ленивым»

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

Вот причины, по которым я считаю, что Netflix халтурит:

  1. Перегруженный визуальный язык. Плотно расположенные видеоролики, автоматически воспроизводящиеся трейлеры и отсутствие воздуха между обложками создают ощущение визуальной перегрузки.
  1. Непоследовательный дизайн. Некоторые решения, такие как белый шрифт на черном фоне, могут сделать платформу менее удобной для пользователей и сильно утомлять их глаза.
  1. Проблемы с доступностью. Netflix не вполне адаптирован для пользователей с нарушениями слуха. Кроме того, отсутствует возможность поиска контента по типу субтитров или аудиодескрипций, что еще больше ограничивает доступность.
  1. Лишние элементы интерфейса. Некоторые элементы интерфейса, например кнопка «Дети», занимают ценное пространство, но при этом не приносят существенной пользы, что делает платформу менее эффективной.

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

Источник
и
:
arrow