UX-патруль, выпуск десятый: Pornhub, Porno365, XVIDEOS

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

В предыдущих выпусках патруля были рассмотрены: YouTube, FL.ru, «ВКонтакте», интернет-магазины одежды, электронные почтовые службы, vc.ru, «Тинькофф Бизнес», «Ozon», «Dprofile».

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

Только не пролистывайте по привычке на середину. Тут с сюжетом — надо посмотреть с начала. Юбилейный выпуск патруля, как ни как))

Главная страница

Начнём обзор интерфейсов с главной страницы. Для этого детально рассмотрим наиболее популярных сайта.

PornHub

Зайдя на сайт, мы видим: табы с категориями, порядка 60 видео и пагинацию.

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

В конце главной страницы есть кнопка, открывающая все категории. При нажатии на кнопку, они открываются списочком. Удобно. Если пользователь, листая страницу, не нашел интересующий видеоролик, то он может быстро перейти к конкретной категории.

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

Пагинация стандартная: подсвечивается страница, где на данный момент находится пользователь + подсвечивается кнопка для перелистывания вперед, подталкивая пользователя к действию

Porno365

Попадая на главную, мы видим разделение на 3 категории: новые, топ рейтинга и топ просмотров. В целом, это наиболее удобные категории для быстрого поиска, поэтому вопросов к ним нет.

После категорий идёт бесконечная лента видосов, которые можно отсортировать только по 3 категориям, описанным в начале. Считаем, что это большой минус. Так искать подходящее видео становится намного сложнее, ведь у каждого видео отображается превью, название, количество просмотров и длительность, но тегов нет.

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

Xvideos

Здесь в глаза сразу бросается достаточно крупная и яркая поисковая строка.

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

Вообще выглядит это всё достаточно грустно. У видосов есть превью, название, количество просмотров, длительность и максимальное качество. Опять же, как по мне, странный выбор вместо категорий или тегов показывать максимальное качество. Сейчас видосов в 360p практически нет, так что этот параметр при выборе кажется бесполезным.

На одной странице показывается порядка 50 видеороликов. Постраничная пагинация выглядит странновато: она содержит стрелку «вперед», но при этом там нет стрелки «назад». Такая вот аномалия…

Поиск по категориям

Данная функция кажется наиболее распространенной на подобных сайтах. Посмотрим, как она реализована.

PornHub

Здесь вкладка с категориями находится в табе. Перейдя на эту вкладку, мы попадаем в огромный каталог, где сверху находятся наиболее популярные категории. Отделение популярных категорий от остальных — это круто. Но дальше мы видим супер неудобный список всех категорий, которых на момент написания статьи аж 90 штук.

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

Самое грустное, что у категорий нет абсолютно никакой логики упорядочивания. Поэтому даже банальная идея с поиском по алфавитному порядку тут пролетает. Приходится надеяться на внимательность и тратить драгоценное время…

Porno365

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

Xvideos

Тут категории спрятались в выпадающем списке в табе. Представлены так же, как и на 365 — просто названиями. На момент написания статьи, на сайте порядка 70 категорий. Найти нужную не составляет особого труда, но есть одна загвоздка…

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

Поиск конкретного видео : теги, названия, описания

Теперь рассмотрим сценарий поиска конкретного видео. Узнаем, насколько легко будет отыскать необходимый видеоролик.

PornHub

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

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

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

Из минусов — у роликов нет описаний :(

Porno365

Здесь все устроено проще. Названия видеороликам дает админ, поэтому иногда можно наткнуться на подобные экземпляры:

Из минусов — названия видео не видно целиком :(

В остальном, тут есть все необходимое: категории, описание, теги и псевдоним актрисы. Проблема в том, что в поиске конкретного видео описание вам вряд ли поможет. Потому что чаще всего оно выглядит как-то так:

Впрочем, превьюшки вам тоже мало чем помогут…

Из интересного — есть возможность сохранить видео на своё устройство. Удобно ли это? Скорее нет, чем да. Сохранять видео на своём устройство сомнительная идея. В данном случае, вариант пх с сохранением видео прямо на сайте выглядит куда более привлекательно.

Xvideos

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

Описаний у видосов нет, зато расщедрились аж на два способа сохранения видео: можно скачать видео себе на устройство и сохранить на сайте.

Плеер

Подробно рассмотрим плееры, попробуем найти наиболее удобный.

Какие критерии вообще определяют хороший плеер? В данном случае попробуем выделить несколько основных:

  • Удобство перемотки

Да-да, любители перемотать на середину, о вас никто не забыл

  • Удобный выбор качества
  • Быстрая регулировка звука
  • Возможность быстро скрыть/закрыть плеер

PornHub

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

Отдельного ползунка для регулировки звука в плеере нет. С одной стороны, звук всегда можно отрегулировать при помощи кнопок на телефоне. А с другой, не всегда удобно одновременно горизонтально держать телефон и регулировать громкость той же рукой.

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

Porno365

Здесь в глаза сразу бросается один момент — отсутствует кнопка выбора качества, зато есть кнопка для изменения скорости

Это очень грустно. В остальном, достаточно дефолтный плеер: регулировка звука, выход в полноэкранный режим и сворачивание

xVideos

Тут плеер отличается от предыдущего только наличием еще одной кнопки — субтитры

В целом, кнопка полезная. Но она никак не перекрывает отсутствие выбора качества, всё ещё грустно…

Комменты

Вот мы и добрались до десерта

Собрали самое забавное, что удалось найти во время написания статьи:

Если у вас есть че-то похожее — кидайте в комменты))

На этом всё! Но вот где точно нет проблем с UX:

Горячих девочек не обещаем, но есть красивые голые парни — смотрите сторис :))

0
32 комментария
Написать комментарий...
Artem Filippov

как же я ору боже

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

Это вообще законно так смешно шутить

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

Давно задаюсь вопросом: когда UXART и Конаков перестанут первыми комментить и сделают уже, наконец, плотный выпуск на порнхабе

UX-порно, как бы оно выглядело?

Ответить
Развернуть ветку
Студия интерфейсов UXART
Автор

Проектировщик 10 часов пытается спроектировать новый сайт Тэглайна

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

Арт-директор разбирает 1000 откликов джунов на позицию дизайнера

Ответить
Развернуть ветку
Павел Скиннер

Да, кстати.
Экзистенциальная загадка: почему сайт одного из главных рейтингов так далек от стандартов этого рейтинга 🤔

Ответить
Развернуть ветку
Невероятный Блондин

Зачем ты в последних двух скриншотах показываешь стандартный интерфейс плеера iOS и обсуждаешь его на полном серьезе? Свой плеер в твоём случае, только у PH

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

Да здесь вообще статья как будто на коленке писалась на скорость с целью дать супер-поверхностные комментарии, чтобы хайпануть на порно. Хайпанули? Хайпанули, обсуждать её смысла нет, потому что обсуждать нечего

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

Мне вот интересно куда пропал тот парень, которые гениальные описания для роликов писал. Те кто знают - знают.

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

а мне еще более интересно куда пропал парень который придумывал названия для видосов на дойках

Ответить
Развернуть ветку
Боровков Евгений

Хорошая тема перед ноябрём))

И да, дизайнеры красавцы, покреативили нормально))

Ответить
Развернуть ветку
Вдумчиво о продажах

Может базу знаний для отдела продаж сделать на порнхабе...

Ответить
Развернуть ветку
Студия интерфейсов UXART
Автор

Чтоб точно посмотрели?)

Ответить
Развернуть ветку
Вдумчиво о продажах

и пересмотрели)

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

Будут проматывать на середину

Ответить
Развернуть ветку
Дима Игротехник

А ведь превьюшка видео появился на хабе раньше, чем на ютубе

Ответить
Развернуть ветку
Мирослав Игнатов

А вы шарите в байте на открытие статьи)

Ответить
Развернуть ветку
А. Н.

Все это, конечно, шедевр

Ответить
Развернуть ветку
Борис Братко

умение заинтересовать аудиторию ви си 100 из 100

Ответить
Развернуть ветку
Невероятный Блондин

На всякий случай напоминаю, через две недели начинается месяц недрочабрь 🍂
Запасайтесь впрок.

Ответить
Развернуть ветку
Андрей Одокиенко

перед смертью не надышишься, как говорится

Ответить
Развернуть ветку
Андрей Одокиенко

Идея порно-сайта для дизайнеров — UXVIDEOS

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

Комментарий недоступен

Ответить
Развернуть ветку
Вадим Д.
но есть красивые голые парни — смотрите сторис

Не-не

Ответить
Развернуть ветку
Студия интерфейсов UXART
Автор

Ну один раз можно, Вадим))0

Ответить
Развернуть ветку
Вадим Д.

Все вы так говорите, мне вилка в глазу мешает такое смотреть (-:
Вы там, часом, не продюсеры московские?

Ответить
Развернуть ветку
Студия интерфейсов UXART
Автор

Питерские :)

Ответить
Развернуть ветку
Вадим Д.

Тогда не страшно 😁

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

Комментарий недоступен

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

Ошибочно думать, что если ты гигант отрасли, то у тебя все идеально и правильно с твоими продуктами. Так же это очень частая проблема новичков – брать решения бездумно с "гигантов отрасли" и аргументировать это "ну это ж фейсбук блин". Если плохое решение работает у гигантов отрасли это не делает это решение хорошим, это говорит только о том, что у крупных компаний более лояльная аудитория пользователей

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

Комментарий недоступен

Ответить
Развернуть ветку
Никита Трифонов

Ой, хоспади, ну и д*очи дальше на своих гигантов отрасли.

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