Как и зачем я скопировал дизайн у Ютуба
batopon.ru
Решили скопировать некоторые идеи дизайна с youtube, так как нам показалось, что у нас с этим проектом похожий контент по типу, и информацию на главной странице можно выдавать также, как это делают они. Набросок макета прилагается.
Давайте обо всем по порядку.
Хэдер
Очень важно дать на страницах сайта побольше контента. Для этого был выбран вариант хэдера не занимающий много место по вертикали.
Логотип. С ним все ясно. Расположил в привычном месте слева в углу.
Поисковая строка. Подобного вида поисковики сейчас в тренде. Решил здесь хоть ютуб не копировать.
"Что такое Батопон?" Считаю, что на текущем этапе развития проекта, это кнопка будет очень актуальна.
Кнопка Войти. С ней вроде тоже все ясно. Маленькое лого ВК туда вставил, чтобы было понятно, как надо логиниться.
Блок слева
Там будет много всего. Сейчас вы можете видеть в общем-то самое главное - список популярных тегов, который играет роль меню по категориям.
Список обновляется в реальном времени. Полезность ясна.
Тот странный баннер с Навальным и Познером
Очень важная штука в этом проекте. Есть 2 варианта применения.
1) Реклама. Бррр...
2) Размещение там баттла или информации о запланированном баттле.
Непосредственное появление там может быть автоматическим, исходя из популярности баттла, либо по нашему выбору.
Надо сказать, что во втором случае выбора баттла есть плюс в виде того, что мы может вручную оформлять такие баннеры, значит они буду получаться красивее.
Сетка баттлов
Вот мы и пришли к самому главному. Надеюсь, вы дочитали до этого момента;)
Тут вас ждет самое главное сходство в дизайне с самым большим хранителем видео.
Как уже было сказано про блок с тегами, на главной странице я хотел разместить инфу о самом актуальном (читай популярном). Сетка разбита на горизонтальные полосы, а заголовки полос дублируют теги в левом блоке. Полосы не ограничиваются видимой областью, справа можно заметить стрелочки для прокрутки (да, как и на ютубе).
Важным решением было вставить"переключалку" между текущими баттлами и анонсами (мы их пока так называем). Тут долго объяснять, если сразу не понятно.
Можно также раскошелиться на пару слов об этих квадратиках с баттлами.
Роль у них точно такая же, как и у превьюшек на ютубе.
Состоят они из заголовка, авок стримеров, показателя количества зрителей и таймеров оставшегося времени баттлов.
Напомню, что у баттла есть временная стадия, когда стрим еще идет, а голосование уже завершено (то есть и сам баттл). Так вот такие баттлы не выходят в сетку, так как не допускают активности у зрителей кроме комментирования. На этой стадии на баттл можно попасть либо по прямой ссылке либо (в будущем) со страницы одного из стримеров.
Подвал сайта
На приложенной картинке его нет, но могу заверить, что ничего особенного туда вставлять и не планируется. Правда, есть навязчивая идея запихнуть туда рандомный вывод военных цитат со времен Макиавелли до Великой Отечественной. Может ради веселья просто.
В общем и целом
В общем и целом хочу сказать, что ничего трагического в копировании дизайна гиганта на текущей стадии проекта не вижу. Мне сейчас важно выпустить удобный для пользования продукт. Идеи ютуба в структурировании контента для его удобного освоения мне нравятся. Значит, скопировав эти решения, я облегчу жизнь своим пользователям до тех пор, пока не найду настоящего профессионала в своем деле, который мне по карману;)
P.S. Пока мы еще не утвердили слово "баттл", я его буду писать курсивом.