https://ivanzviahin.by/blog/tags/maket-2/ It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast. Ivan Zviahin en E2 (v3849; Aegea) Ivan Zviahin ivanzviahin@gmail.com It is my diary. I’m ivan zviahin, an designer, manager, car enthusiast. no 125 https://ivanzviahin.by/blog/all/maket/ Tue, 29 Oct 2019 16:02:18 +0000 Ivan Zviahin https://ivanzviahin.by/blog/all/maket/ <div class="e2-text-picture"> <img src="https://ivanzviahin.by/blog/pictures/1547750932_maxresdefault.jpg" width="1280" height="720" alt="" /> </div> <p>Проектируя что-то новое на основании старого, дизайнеру необходимо куда-то обращаться за информацией. Например, как это работает, а как выглядит этот модуль, как себя поведет система?</p> <p>У нас в команде есть 5 источников таких знаний:</p> <ul> <li>требования в Jira,</li> <li>макеты в Zeplin,</li> <li>статическая вёрстка,</li> <li>cтейджинг,</li> <li>голова дизайнера.</li> </ul> <p>Итак, разложим каждый по характеристикам: лёгкость поиска, читаемость, близость к правде, видимость деталей.</p> <h2>Требования в Jira</h2> <p>Когда продукт большой, найти нужные знания бывает невозможно, а если и возможно, то это долго и неудобно. Текст и блок-схемы воспринимаются намного хуже, чем картинки. Читаемость таких знаний низкая. Как правило, многие визуальные детали есть только в макетах и не описаны в требованиях.</p> <h2>Макеты в Zeplin</h2> <p>Макеты легко найти, но тяжело поддерживать. У них понятная структура, нейминг и есть превьюшки. Они близки к правде и показывают почти все состояния элементов интерфейса и детали сценариев.</p> <h2>Статическая вёрстка</h2> <p>К ним простой доступ по домену. Есть структура как у макетов, но не настолько детальная. Они близки к правде, так как они и есть правда. Как правило, верстка не показывают все состояния элементов интерфейса и детали сценариев.</p> <h2>Стейджинг</h2> <p>К ним простой доступ по домену. Он имеет горизонтальную структуру и порой, чтобы увидеть какой-то экран, нужно сделать много действий, взаимодействовать с админкой или с чем-то ещё. Он самый правдивый из всех, но все детали сценариев и состояния элементов интерфейса трудно воспроизвести.</p> <h2>Голова дизайнера</h2> <p>К сожалению в свою голову всё не помещается, а чужая часто недоступна. Дизайнер скорее всего хорошо знает структуру, детали и состояния, но это не точно. Он легко может ошибиться или забыть.</p> <h2>Вывод</h2> <div class="e2-text-table"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="text-align: center"></td> <td>Требования</td> <td>Макеты</td> <td>Вёрстка</td> <td>Стейджинг</td> <td>Голова</td> </tr> <tr> <td>Лёгкость поиска</td> <td>−</td> <td>+</td> <td>+</td> <td>+</td> <td>−</td> </tr> <tr> <td>Читаемость</td> <td>−</td> <td>+</td> <td>+</td> <td>−</td> <td>−</td> </tr> <tr> <td>Правдивость</td> <td>+/−</td> <td>+</td> <td>+</td> <td>+</td> <td>+/−</td> </tr> <tr> <td>Видимость деталей</td> <td>−</td> <td>+</td> <td>−</td> <td>−</td> <td>−</td> </tr> <tr> <td><b>Итого</b></td> <td><b>−3</b></td> <td><b>4</b></td> <td><b>3</b></td> <td><b>0</b></td> <td><b>−3</b></td> </tr> </table> </div> <p>Вот и решайте теперь, стоит держать макеты актуальными или нет.</p> <hr /> <p>Чтобы не пропустить новую заметку — подпишитесь на мой <a href="https://t.me/ivanzviahin">канал в Телеграме</a> или <a href="http://ivanzviahin.by/blog/rss/">RSS</a>.</p>