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

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

Смотрим:

Надо сказать, что в процессе переверстки, мне доставляет большое
удовольствие редакторская работа. Обожаю облегчать текст, выбрасывать
из него фразы-штампы, повторения, упрощать сложные фразы.
Сливать воду, короче.

При редактировании текста я всегда использую один и тот же алгоритм —
если без конкретного слова смысл сообщения не теряется, то слово это можно
смело удалять. К примеру, слово «Инструкция» здесь лишнее, т. к. какой еще
текст может быть на дисплее такого автомата?

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

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

Ну вот, к примеру, пара вариантов из процесса. Попытки согласовать
порядок чтения, блоки информации по степени важности, относительные
размеры текстовых блоков, пустое и заполненное пространства.

Главная опасность тут — не стать заложником красивой конструкции макета,
потому что его визуальная привлекательность и функциональность —
это не всегда одно и тоже.

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

На каком-то этапе мне захотелось добавить в макет поясняющие иконки.
Открыл иллюстратор и стал рисовать.

Вот что получилось

В итоге хорошо в макете стала только иконка чека.
Да, это итоговый вариант.

Основная часть работы сделана, теперь осталось совсем немного,
а именно переверстать вот эту часть

Здесь я решил не убирать дублирование заголовка «Не выбрасывайте чек!»,
чтобы подчеркнуть значимость посыла. Только представьте, что вы не можете извлечь
свой телефон из автомата, где-нибудь в Копенгагене, а ваш поезд отходит через 10 минут!
Помните про чек!

Готово! Теперь стоит попробовать сделать вариант потемнее.

Вери гуд! Все пока!