С последней публикации «Дизайн дисфункция 2» прошло всего пару дней, но тема «шаблонизации мышления» полностью захватила мои мысли: ни работать, ни спать, ни развлекаться. Все, что меня интересует — на сколько далеко можно зайти задаваясь вопросами «зачем» и «почему», и что из этого может получиться.
А давай кропнем видеопоток, а давай еще и выбросим заголовок…
Потеря информации в угоду эффектности
Резать авторский контент, помимо продюсеров в шестидесятые стали еще и телевещательные компании. Когда технологии позволили снимать фильмы в широком формате для кинотеатров, для вещания на ТВ телевизионщики стали обрезать кадр, чтобы картинка занимала всю площадь кинескопа.
Для самих коноделов это не было большой проблемой, просто было чуть больше ограничений в экспериментах с экспозицией, фокус которой итак практически всегда оставался в центре.
Чуть позже для VHS, LaserDisc и VCD стали появляться версии фильмов с шильдиками FullScreen и Pan and scan. Далее сами проигрывателе научились поддерживать технологии масштабирования и обрезки Леттербоксов.
Во времена тотальной цифиризации, некоторые программы воспроизведения видео, не сразу, но тоже стали предлагать обрезку черных полос.
Ключевое во всем это — «не сразу». И это заметно по текущей реализации стриминговых сервисов. Половина из них плохо поддерживает формат 4:3, другая вообще не имеет алгоритмов Pan and scan. Почему?
Почему, когда любой отрывок из фильма пихаю в вертикальный шортс — всем норм, а кропать исходное видео — это табу?
Давайте посмотрим на экран — видео за которым пришел пользователь занимает только 1/4 площади экрана, все остальное забито вторичной или третичной информацией.
Excel style
Не поймите неправильно, я обожаю Excel, в особенности его математический аппарат, но внешний вид современных приложений предназначенный для развлечения не обязан быть похожим на строго разлинованный по блокам экран.
Решем видео и уходим от эксельности, избавляясь от ошибок, которые я описывал в предыдущей статье. Понятно, что отцентрированная фигура Вилсакома в соотношении сторон 3:4 будет смотреться всегда пропорционально, поэтому для эксперимента я взял более сложное видео с двумя персонажами в кадре.
Заголовок. Зачем?
Зачем? — это главный вопрос, когда работаешь с шаблонами и паттернами. Я лично не смог найти ответ на этот вопрос «Зачем нужен статический заголовок на протяжении полуторачасового видео?»
Заголовок нужен — 1 или 2 раза, но не все же время пока идет видео. А с учетом того, что по контрастности — это просто белое бельмо, от этого элемента нужно избавляться. Заменим его названием текущих названий разделов таймлапса, а заголовок и Аватарку — вынесли в свайп сверху вниз.
Почему?
Почему бы не сделать переключение разделов не только по списку эпизодов, а просто свайпом по горизонтали, как в любой галерее?
Выбрасываем NEXT
Кому она вообще нужна, эта кнопка «следующее видео»? Чаще она приводит к мистапам когда пытаешься перемотать вперед. Выкидываем ее, тк совсем не понятно, что идет следующим.
Оставляем один тап по контейнеру с видео чтобы поставить на паузу и заодно вызвать доп элементы.
Обложки в рекомендациях — Зачем? Почему? Они должны конкурировать между собой на главном экране а не перебивать акцент на экране с видео — выбрасываем их. берем кадр из видео и лепим поверх название видео.
Паша, верни стену
Знаем, проходили уже. Поначалу это может показаться диким, но это всяко лучше чем слепящий тебя во время просмотра стрима баннер соседнего ролика рекомендаций. Через пару дней использования уже будет и привычно и удобно, а взгляд на старые интерфейсы будут вызывать только один вопрос — и как этим можно было пользоваться?
Наверное сейчас все эпплаводы с 26 осью на борту айфонов именно так и думают — а что, чтобы расположить элементы управления в браузере не обязательно из выносить на отдельный бар?
В голове еще с десяток идей, жаждущих реализации, но мне пора идти работать. Кнопка «Share» в интерфейсе подбора квартир, сама себя, знаете ли, не изобретет и в релиз не заскочит.
Комментарии (23)
Wolframium13
15.10.2025 08:54аменим его названием текущих названий разделов таймлапса
А если их нет?
AndrewYaremko Автор
15.10.2025 08:54А ИИшки на что? По хорошему, работа над такими нюансами займет месяца три. но на добровольных началах дарить неблагодарной ВК свое время я не готов.
Я больше тут надеюсь, что не ВК изменится, а что люди задумаются, что мр нас окружающий может быть совсем другим и не завтра, а уже буквально на днях. А главный враг — это шаблоны восприятия.Wolframium13
15.10.2025 08:54Ну разметки нет на всех видео даже у великого и ужасного Гугла. Давно читал условия размещения видео на Ютуб, но, вроде, эта опция для видеоблогеров, а не простых смертных, заливающих своих котиков один раз за всю жизнь. Вероятно, это чем-то обусловлено, а не просто сегрегация по цвету штанов.
AndrewYaremko Автор
15.10.2025 08:54Можно туда комменты выводить или реакции, другой вид рекламных предложений и прочего. Я же не утверждаю, что мой пример финальная непоколебимая концепция. Дальше нужно продумывать мелочи, а без глубокой аналитики и внутренних данных это уже делать тяжело. На крайняк и название можно там оставить, этот вариант для ленивых, кто Сетку не готов менять, так тоже делают
AdrianoVisoccini
15.10.2025 08:54обсуждать UI ютьюба бесконечно можно. На нем буквально живого места нет
я уж молчу что ЗА СТОЛЬКО ЛЕТ на телефоне до сих пор нельзя сделать ссылку с таймкодом как на пк
то, что у них чат буквально является неюзабельным я вообще молчу. Что обычный чат к видео невозможно нормально использовать, что чат трансляции где нельзя по человечески тегать... .
Буквально каждый аспект ютьюба сделан ужасно, но как говорится, Демократия — наихудшая форма правления, если не считать всех остальныхAndrewYaremko Автор
15.10.2025 08:54Думаю демократии там нет, зато там есть «эффективные менеджеры» с супер безопасной для себя стратегией развития продукта. Ведь главное что? — не рисковать своим местом, когда у тебя жена, ребенок и ипотека, А у нас найдется место для всех, там на улице дождь и шампанское, рекой!
AdrianoVisoccini
15.10.2025 08:54я скорее имел в виду
YouTube— наихудший видеохостинг, если не считать всех остальныхAdrianoVisoccini
15.10.2025 08:54интересно, только я пожаловался и у меня изменился UI чатов. В лучшую сторону, теперь видно ветки...
nin-jin
15.10.2025 08:54Просто поверните телефон и не морочьте нам голову своим квадратным видео.
AndrewYaremko Автор
15.10.2025 08:54В 8 утра или 6 вечера в Московском метро? А если видео само по себе уже 3:4, тогда как быть?
AndrewYaremko Автор
15.10.2025 08:54Если бы было удобно на ходу держать телефон горизонтально, шорты и риалс, тоже были бы горизонтальными. А они вертикальные
nin-jin
15.10.2025 08:54Вы не поверите, вертикальные видео удобно смотреть вертикально, горизонтальные - горизонтально. Долбиться глазами в горизонтальное видео в вертикальном положении смартфона никто не будет даже в московском метро, ибо ничего в эту дрожащую замочную скважину не разобрать. Ваш Кэп.
AndrewYaremko Автор
15.10.2025 08:54Гляньте как нибудь шортсы, там половина контента — это обрезанные видео, фильмы и прочее. Я не предлагаю ничего нового. Это уже было и было реализовано для всех ТВ с crt. Все страны мира смотрели и никто не жаловался, а ещё вхски покупали с форматом фулскрин. Я не предлагаю сделать видео вертикальным, предлагаю только обрезать лишнее, то что всю дорогу все и делали.
nin-jin
15.10.2025 08:54
Приятного просмотра. AndrewYaremko Автор
15.10.2025 08:54А эту информацию вы в портретном режиме будете смотреть на 2,5 дюймах площади контейнера? Сомневаюсь.
Давайте так, я не разработал всю или финальную концепцию, а только один из вариантов. Можно добавить переключение отображения контейнера, вплоть до вертильнольного 3:4 нейронами скейлить контейнер , когда не лица и прочее и прочее и прочее. Я же написал, что вариантов ещё тьма. Но ВК Видео не мой продукт, чтобы подарить ребятам полность готовое решение. А вот безальтернативно выводить только 16:9 — это и есть зашоренность взгляда, когда примеров иной реализации в мире кучка и маленькая тележка
nin-jin
15.10.2025 08:54Зашоренность - это решать несуществующие проблемы, создавая новые, и игнорируя актуальные. В прошлой статье я вам намекал на актуальную проблему, которую вы даже не пытались решать.
AndrewYaremko Автор
15.10.2025 08:54Не знаю, на мою клавиатуру ещё пока никто не жаловался, а быстренько побежали и сделали. Как и скрыли сравнение в приложении Бургер Кинга.
Про сокращение количества подгружаемой информации или приоритещации писать — это скучно читать. Это просто надо делать и делать правильно. В правильном мало повода для интересного чтива
Smartor
15.10.2025 08:54Смешно, когда проблему разных кадров на полном серьёзе предлагают решать (и решают) обрезанием контента, мол, "ненужное". Оно нужное, поймите наконец:)
AndrewYaremko Автор
15.10.2025 08:54Рад, что вы так креативны в интерпретации проблем. Проблему я четко обозначил в заголовке. И рассказал как на протяжении всей истории развития видео ее решали, а лишенные воображения современные дизайнеры и разработчики, резко разучились это делать и теперь хочешь / не хочешь на безальтернативных 2'5 дюймах видео-контейнера ешь, что дают.
Tzimie
А вот скажите, раз вы занимаетесь интерфейсами, кто придумал современные интерфейсы например в винде в settings, где нет Apply а есть только стрелка назад? И мне непонятно, сохранилось все или нет, и я снова захожу проверить? Это потому что я из 90х а для тех кто пьет тыквенный латте все понятно, или нет?
AndrewYaremko Автор
Не переживайте, я сам из 90х и пью толко американо. Застал интерфейсы еще windows 3.1 и величайший Нортон, аналогов которому нет до сих пор по удобству и массовости распространения. С последней виндой, признаюсь, не работал, поэтому не подскажу, что не так с ними и почему они были такими спроектированы. Лучше XP с классическим интерфейсом мало, что можно вспомнить, если вы о продуктах Майкросовт.
Но тут кажется и диагноз вырисовываетс «лАттенность головного мозга»
MountainGoat
Подразумевается, что всегда всё сохраняется сразу в момент клика. А если что-то невозможно применить сразу, об этом должно активно предупреждать.
Tzimie
Но лично для меня это контринтуитивно.
А как админ я считаю такое вредным