Школа
Вёрстка

Здравствуйте!

Задача состояла в том, чтобы упростить инструкцию к пульту управления наружной вывески, где много текста.
Мне не нравится, что в моём варианте много вариантов повтора «для», «с помощью» и что всё бьётся по колонкам.

Как улучшить инструкцию? С чего стоит начинать подобную работу?

Мария Сажинова
18 сен 2019
👁 7986   🗩3
Вёрстка

Здравствуйте!

Задача состояла в том, чтобы упростить инструкцию к пульту управления наружной вывески, где много текста.
Мне не нравится, что в моём варианте много вариантов повтора «для», «с помощью» и что всё бьётся по колонкам.

Как улучшить инструкцию? С чего стоит начинать подобную работу?

Мария Сажинова
18 сен 2019
👁 7986   🗩3
Михаил Нозик
Арт‑директор и автор курса «Типографика и вёрстка»
Полезно
 24
24
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Мария!

Из‑за сложной вёрстки ваша инструкция кажется сложнее, чем есть на самом деле.

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

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

Я бы начал с того, что убрал все лишние декорации — они мешают увидеть проблемы:

Следом давайте сделаем инструкции линейными. Картинки пока уберу, чтобы на них не отвлекаться:

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

Теперь, если это почему‑то будет полезно, можно подрезать формат до квадрата:

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

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

Типографика в вебеМодульная вёрсткаНоситель: бумагаДоработка вёрстки
Полезно
 24
24
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментарии

Тимур Маринушкин

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

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

Кажется очень странным, что человек с дальтонизмом (нарушением цветовосприятия) будет настраивать цвет вывески. Тем более, в случае «более изощренных цветов», которые явно надо видеть глазами.

Есть предположение, что люди будут чаще настраивать цвет, глядя на вывеску, а не в инструкцию, и поэтому гипотеза Тимура кажется странной. Или дальтоник будет заучивать пару десятков положений кнопок? Ещё момент: насколько возможно точно подогнать цвет кружочка на печати под реальный цвет вывески? А то будет диссонанс: кружок в инструкции одного цвета, а нажатие указанных кнопок даёт другой.

Также при чёрно‑белой печати возможно, что описание типа «морской» может по‑разному восприниматься разными людьми. Я бы написал «бирюзовый».

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

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы