Мария!

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

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

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

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

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

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

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

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

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

Типографика в вебеМодульная вёрсткаНоситель: бумагаДоработка вёрстки
Отправить
Поделиться
Запинить

Комментарии

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

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

18 сен 2019

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

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

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

19 сен 2019

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

19 сен 2019

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