https://blogdm.ru/tags/chek-list/ Продуктовый дизайнер ведет блог про работу ru Aegea 11.3 (v4134) Продуктовый дизайнер ведет блог про работу 56 https://blogdm.ru/all/voprosy-dlya-stranicy-pri-proektirovanii-dizayna/ Thu, 23 Jan 2020 09:07:20 +0100 https://blogdm.ru/all/voprosy-dlya-stranicy-pri-proektirovanii-dizayna/ <div class="e2-text-picture"> <img src="https://blogdm.ru/pictures/Facebook-Cover---1.png" width="820" height="312" alt="" /> <div class="e2-text-caption">— Постоянно забываю нарисовать какую-то фигню для разработчиков, а они меня потом достают ?<br /> — Держи чек-лист!</div> </div> <p>Перед сдачей дизайна сайта или приложения нужно пробежаться по списку. Я частенько не задумываюсь, все ли доделал. А потом разработчик отрывает от работы и просит доделать. Чтобы такого не было, внизу чек-лист:</p> <h2>Чек-лист для дизайнера перед сдачей макетов</h2> <ol start="1"> <li>Состояние выделения у всех элементов, на которые можно нажать: кнопок, ячеек таблицы, инпуты.</li> <li>Пустые экраны: когда пользователь первый раз зайдет, когда у него ничего не будет, когда он все удалит, если нет аватарки.</li> <li>Что будет показываться, когда у пользователя медленный интернет: скелетон, картинка мелким размером, которая при дозагрузке станет четкой.</li> <li>Проверить текст на реальных данных. Что будет если текст не влезет, что если будет на других языках.</li> <li>Состояния ошибок, уведомления о действиях, алерты, попапы, 404 ошибка и т. д.</li> <li>Ну и само собой, если нарисовали веб-версию, не забываем про тачи и про ширину 320 px.<br /> Подробно об этом рассказывали в <a href="https://www.youtube.com/watch?v=2O_CShWrJDk">этом видео</a>.</li> </ol> <h2>Чек-лист для проверки решения</h2> <p>А еще я для себя составляю чек-лист для этапа проверки своего решения, у кого есть идеи пишите в комментарии</p> <ol start="0"> <li>Кто наши пользователи?</li> <li>Какой основной сценарий выполняет пользователь на этом экране?</li> <li>Как человек поймет, что это за интерфейс, будет ли обучение? Как разберется в нашем продукте?</li> <li>Что главное должен считывать пользователь на этом экране?</li> <li>Что не главное на этом экране?</li> <li>Что если пользователь не готов выполнить наше действие или хочет отказаться?</li> <li>Что если пользователя отвлекли? Он вспомнит что он делает на этом экране?</li> <li>Как этот экран помогает пользователю выполнить его основной сценарий?</li> <li>Какой будет не основной сценарий? А какой сценарий еще возможен?</li> <li>Если есть цвета — как они помогают пользователю решить его задачу?</li> </ol>