5 заметок с тегом

дизайн

2017   дизайн   мир живых людей

Вавилонская библиотека

Есть такой сайт (и рассказ, и философская идея) — «Вавилонская библиотека». В ней с помощью специальной формулы хранится весь текст, который может быть написан с использованием 23 латинских букв. Для простоты скажем, что это весь возможный текст на английском. Вообще весь.

Всё, что было написано с момента изобретения алфавита; всё, что пишется сейчас; всё, что будет написано с помощью этих букв — уже хранится в этой библиотеке. Майкл вам расскажет подробнее. Смотрите с 17-й минуты:

Парадокс этой библиотеки в том, что там есть всё, но этим невозможно пользоваться. Там есть лекарство от рака, но чтобы его найти, нужно точно знать, где искать. Там есть рассказ о том, как вы умрете, причем все возможные варианты. Но вы не можете просто открыть том, где написано «Смерть» и найти там себя. В «Вавилонской библиотеке» есть всё, но это бесполезно.

К чему я это всё: когда вы делаете очередную подборку «99 инструментов и статей об интернет-контент-диджитал-имейл-маркетинге», вы строите филиал «Вавилонской библиотеки». У вас вроде много чего собрано, но пользоваться этим невозможно, потому что никто в жизни не сядет и не станет читать подряд 99 статей.

Я знаю, что пост с 99 статьями наберет кучу лайков и репостов. Но я так же знаю, что польза от такого поста будет нулевая. Вы потратите время жизни на что-то, что соберет лайки и не принесет пользу. Насколько нужно не уважать себя, чтобы так расходовать время?

Как улучшить длинные подборки статей:

Делать их короткими, чтобы один человек за полчаса мог бы осилить всё.

Разбивать на разделы, чтобы читатель мог выбрать что-то, что важно именно ему.

Давать аннотации и пересказы, чтобы сами статьи не нужно было читать. Или чтобы по аннотации можно было выбрать самое интересное.

Высказывать личное мнение о каждой статье — опять же, чтобы читатель мог выбрать.

Всё это называется кураторством. Хотите классную подборку — вложите в неё личное мнение, опыт и навыки, а не просто копи-энд-пэйст из Экселя.

2016   дизайн   мир живых людей

Моим студентам: о слайдерах

Студенты второй ступени Школы стажёров и Школы редакторов, это вам.

Одно из ваших заданий будет посвящено рекламе книги Яна Уайта «Редактируем дизайном». Задача будет представить эту великолепную книгу так, чтобы ее захотелось купить.

У вас будет соблазн поставить развороты этой книги в слайдер. И даже будет прецедент: ровно то же сегодня сделал я на сайте книги Главреда:

Друзья и коллеги: это плохое решение. Оно здесь не потому, что оно хорошее, а потому, что на лучшее у меня просто не было времени. Когда будет время, я всё переделаю.

Чем оно плохое:

1. Клик дороже, чем скролл. Среди всех людей, которые придут на эту страницу, многие не кликнут в слайдер и не начнут листать. Кто-то скажет, что это и хорошо: мол, немотивированный читатель может пойти на фиг. Но я так не думаю.

2. Такое решение предоставляет читателя самому себе. Читатель должен сам влезть в разворот книги; сам разобраться, что к чему; сам сделать выводы. В первых слайдах я делаю попытки объяснить, на что смотреть, но это плохо работает. Я не могу нормально рассказать о продукте, когда мой рассказ упакован в слайдер.

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

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

Слайдер хорош только в одной ситуации: когда у вас коллекция однотипных предметов. Типа «посмотрел один — понял все». Например, Артемий Лебедев поехал в Вильнюс и сфотографировал интересные канализационные люки. Они все одинаковые, но он их сфотографировал десять штук в разных местах. Вот тогда десять одинаковых канализационных люков можно поставить в слайдер.

Как правильно

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

Вот эскиз на коленке за пять минут, как эта страница должна была выглядеть, если бы на нее было три часа, а не один:

Не повторяйте мою ошибку: не ставьте важного в слайдер.

Прятать контент за клик — грешно

Почему об этом должен думать редактор

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

Сложно представить, как редактор решил поставить материал в слайдер и написал какой-то сопроводительный текст, а дизайнер потом каким-то волшебным образом сделал всё красиво. Так не бывает. Организация материала — забота редактора.

Если тоже хотите в этом разбираться, поступайте: artgorbunov.ru/school/editors/

«Не буду щас читать, попозже». Нужен совет дизайнера

В понедельник я в порыве прокрастинации выкатил четвертую версию «Советов».

Главная фишка новой версии — в рубрикаторе появились цитаты и картинки. Раньше была просто гора ссылок:

Стала гора ссылок с иллюстрациями:

По всем правилам, это должно было отразиться на кликабельности. Я ожидал какую-то такую карту кликов:

Вот подлинная карта кликов спустя 3 дня:

Сломалась статистика? Мало данных? Нет, на первом экране клики распределены ожидаемо — все кликают в «Что такое инфостиль» и в бургерную кнопку:

Отдельно отличилась незаметная навигашка, которая прилипла к верхнему краю экрана. Слово «Хвастается» — вторая по кликабельности ссылка на этом экране.

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