<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0">

<channel>

<title>Переверстал, заметки с тегом: minsktrans</title>
<link>https://pereverstal.by/tags/minsktrans-2/</link>
<description></description>
<generator>E2 (v3254; Aegea)</generator>

<item>
<title>Оплата по QR-коду</title>
<guid isPermaLink="false">123</guid>
<link>https://pereverstal.by/all/oplata-2/</link>
<comments>https://pereverstal.by/all/oplata-2/</comments>
<description>&lt;p&gt;Хай! Вот эта инструкция приклеена в троллейбусах Минска.&lt;/p&gt;
&lt;p&gt;Чтобы ее сфотографировать руку с телефоном&lt;br /&gt;
пришлось вытянуть во всю длину — настолько далеко она висит от читателя.&lt;/p&gt;
&lt;p&gt;Ну, а раз далеко повесили, то и шрифт надо помельче выбрать, правда же?&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/IMG_20201016_0958515.jpg" width="2560" height="1809" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Давайте для удобства, я кропну фотку&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/IMG_20201016_095851.jpg" width="2560" height="1118" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Очевидно, что эту историю можно разделить минимум на 3.&lt;/h2&gt;
&lt;p&gt;&lt;b&gt;Хороший дизайн&lt;/b&gt; — это когда последовательно, понятно,&lt;br /&gt;
читаемо, без засирания мозгов лишней информацией, без повторов&lt;br /&gt;
и канцеляризмов.&lt;/p&gt;
&lt;p&gt;Текст, который клиент обычно предоставляет для работы,&lt;br /&gt;
в 99% случаев непригоден для восприятия никем, поэтому&lt;br /&gt;
я всегда говорю своим дизайнерам, что в таких случаях они&lt;br /&gt;
обязаны быть редакторами — укорачивать текст,&lt;br /&gt;
переформулировать и перефразировать, убирать дублирование&lt;br /&gt;
и канцеляризмы.&lt;/p&gt;
&lt;p&gt;Плох тот дизайнер, который считает что работа с текстом&lt;br /&gt;
не его обязанность. Нет смысла жаловаться менеджеру&lt;br /&gt;
и пиздеть на клиента — никто кроме тебя эту работу не сделает.&lt;/p&gt;
&lt;p&gt;Не можешь? Не хочешь? Тогда придется иметь дело с мелким&lt;br /&gt;
кеглем, костылями в виде стрелок, кружочков и прочей хуйни. А на выходе —&lt;br /&gt;
никому не нужный кусок говна. Вроде время потратил, получил за это деньги,&lt;br /&gt;
а пользы от твоей работы нет никакой.&lt;/p&gt;
&lt;p&gt;Ок, вернемся к тексту.&lt;/p&gt;
&lt;h2&gt;Рассмотрим первый блок&lt;/h2&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/IMG_20201016_0958512.jpg" width="1964" height="601" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Ну, заебись. Для оплаты по QR-коду тебе нужен смартфон.&lt;br /&gt;
Ценная инфа, что говорить. Без нее, я бы просто не знал как мне QR считать.&lt;/p&gt;
&lt;p&gt;А еще тебе понадобится мобильное приложение «Оплати».&lt;br /&gt;
Неважно, что его логотипами все залеплено вокруг, надо отдельно&lt;br /&gt;
про него упомянуть обязательно с приставкой «мобильное», без него же&lt;br /&gt;
хуй пойми какое это приложение.&lt;/p&gt;
&lt;p&gt;Интересно еще что в этом блоке идет вроде бы простое перечисление,&lt;br /&gt;
но нарисовано это как последовательность действий, о чем говорят жирные стрелочки.&lt;/p&gt;
&lt;p&gt;Кстати, о стрелках. Да, о тех, что вылетают из жирных нумерованных&lt;br /&gt;
кружков. Нельзя же номер написать рядом с заголовком, надо обязательно&lt;br /&gt;
на противоположной стороне, а чтобы было понятно, к чему относится номер,&lt;br /&gt;
нужно соединить его длинным вонючим костылем в виде стрелки.&lt;/p&gt;
&lt;h2&gt;Идем дальше&lt;/h2&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/IMG_20201016_0958513.jpg" width="1918" height="784" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Если купить поллитру, то можно разобраться, что способов оплатить&lt;br /&gt;
два — сканировать QR-код или нажать на «Купить» в приложении.&lt;br /&gt;
Непонятно зачем тогда в заголовке писать только «Оплата проезда по QR-коду».&lt;/p&gt;
&lt;p&gt;В любом случае, последовательность действий одинакова в обоих случаях и отличается&lt;br /&gt;
только целевым действием. Если это так, тогда вопрос — зачем дублировать одинаковые&lt;br /&gt;
шаги?&lt;/p&gt;
&lt;p&gt;Про наклейки уже упоминалось выше, их дублировать ни к чему.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/IMG_20201016_09585171.jpg" width="2560" height="1118" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Проверка контролером&lt;/h2&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/IMG_20201016_0958517.jpg" width="1043" height="443" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;«Для предъявления электронного билета пассажиру необходимо зайти&lt;br /&gt;
в „Мои билеты“ в приложении „Оплати“ — если пассажир затеряется&lt;br /&gt;
в трех соснах приложения, контролер всегда ему напомнит что показать&lt;br /&gt;
и где это искать.&lt;/p&gt;
&lt;p&gt;„После сканирования на экране мобильного устройства контролера&lt;br /&gt;
отобразится информация о подлинности билета“ — вот глубочайше&lt;br /&gt;
все равно, что и как там отразится у контролера.&lt;/p&gt;
&lt;p&gt;Опять повторы:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/IMG_20201016_0958517123.jpg" width="2560" height="1118" alt="" /&gt;
&lt;/div&gt;
&lt;h2&gt;Резюме&lt;/h2&gt;
&lt;p&gt;Мелкий шрифт, сплошные повторы, ненужная информация, слишком&lt;br /&gt;
сложная структура макета.&lt;/p&gt;
&lt;p&gt;Прежде чем переверстать, я решил изучить приложение. И столкнулся&lt;br /&gt;
с неприятными сюрпризами, о которых инструкция не предупредила&lt;br /&gt;
пользователя.&lt;/p&gt;
&lt;p&gt;Во-первых нужен паспорт.&lt;/p&gt;
&lt;p&gt;Во-вторых вот:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/Oplata0252.jpg" width="2560" height="894" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Хз в чем дело, но надо быть готовым к тому, что даже при наличии паспорта,&lt;br /&gt;
могут возникнуть проблемы. Поэтому совет — лучше установить&lt;br /&gt;
приложение до того, как вы войдете в троллейбус (автобус,&lt;br /&gt;
транспортное средство короче).&lt;/p&gt;
&lt;h2&gt;Забьем на приложение и просто переверстаем то, что есть&lt;/h2&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/Oplata_done_1.jpg" width="2400" height="1700" alt="" /&gt;
&lt;/div&gt;
&lt;ol start="1"&gt;
&lt;li&gt;Заменил заголовок, который дает четко понять о чем весь макет.&lt;/li&gt;
&lt;li&gt;Разбил инфу на 2 главные категории — Как платить? и Контроль проезда&lt;/li&gt;
&lt;li&gt;Объединил в первый пункт два способа оплаты —&lt;br /&gt;
QR-кодом и нажатием на „Купить“&lt;/li&gt;
&lt;li&gt;В разделе о контроле проезда оставил только необходимую&lt;br /&gt;
для пассажира инфу.&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;Финальный штрих — добавим наклейку с QR&lt;/h2&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="https://pereverstal.by/pictures/Oplata_done_all_1.jpg" width="2560" height="1338" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Ее можно будет вешать отдельно — со временем&lt;br /&gt;
народ привыкнет к такому способу оплаты и инструкция будет&lt;br /&gt;
не нужна, только QR.&lt;/p&gt;
&lt;p&gt;В целях экономии сделал этот формат более узким, а также снабдил&lt;br /&gt;
макет четким заголовком.&lt;/p&gt;
&lt;p&gt;Кстати, я есть в телеграме&lt;br /&gt;
&lt;a href="https://t.me/pereverst"&gt;https://t.me/pereverst&lt;/a&gt;&lt;/p&gt;
</description>
<pubDate>Mon, 15 Mar 2021 11:24:43 +0300</pubDate>
</item>


</channel>
</rss>