February 12th, 2017

лого

Автомат для зарядки телефонов

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

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

Смотрим:









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


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

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

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

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




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



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



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

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




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







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



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










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











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