Дизайн и разработка сайта видеосервиса

Кейс разработки

Новый сервис, в котором не нужно учиться заново

Для узбекского видеостримингового сайта MyTube.uz разработали один из вариантов главной страницы. Основой концепции стал уже накопленный пользователями опыт взаимодействия с видеосервисами.

Интерфейс должен был вызывать ощущение узнавания: человек впервые открывает MyTube.uz, но без подсказок понимает расположение поиска, плеера, категорий, рейтинга, комментариев и кнопки загрузки видео.

Проект: MyTube.uz
Формат: Концепция главной страницы
Продукт: Узбекский видеостриминговый сервис
Ключевой принцип: Знакомый пользовательский опыт

Задача

Снизить порог входа в многофункциональный видеопортал

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

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

Принцип

Использовать опыт пользователя как часть интерфейса

Знакомая шапка

Логотип, аккаунт, поиск и заметная кнопка загрузки видео находятся там, где пользователь ожидает их увидеть.

Понятные разделы

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

Плеер в центре

Главный ролик получает крупнейшую область страницы, а служебные колонки поддерживают просмотр.

Привычные сигналы

Звёздный рейтинг, длительность, автор, комментарии и теги помогают оценить ролик до и после запуска.

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

Три колонки вокруг главного видео

Композиция строится по принципу информационного центра. В середине находится просмотр и основная подборка, слева — категории и новости, справа — рекомендации, реклама и теги.

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

Макет главной страницы видеосервиса MyTube.uz — My Концепция главной страницы MyTube.uz

Анатомия

От одного ролика к бесконечному продолжению просмотра

Смотреть

Крупный плеер

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

Понимать

Контекст и автор

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

Находить

Подборки и категории

Сетка лучших видео, рекомендации, категории и теги создают несколько маршрутов к следующему ролику.

Участвовать

Загрузка и общение

Регистрация, личное меню, комментарии и кнопка загрузки превращают зрителя в участника сообщества.

Контент

Главная страница постоянно предлагает следующий шаг

Под плеером расположена подборка лучшего видео с переключателями «День», «Неделя», «Месяц» и «Все». Карточки повторяют один формат: превью, название, рейтинг, длительность и количество комментариев. Сетка легко сканируется и позволяет сравнивать ролики.

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

1НайтиПоиск, категория или подборка

2ПосмотретьПлеер и сведения о ролике

3ОценитьРейтинг, комментарий и автор

4ПродолжитьРекомендации или загрузка видео

Результат

Интерфейс не удивляет расположением кнопок — он помогает контенту удивлять пользователя

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

1цельная концепция главной страницы

3функциональные контентные колонки

4режима сортировки лучших видео

Команда проекта