сайта. Количество и ширину колонок вы можете выбрать самостоятельно, однако чаще всего их количество составляет 12 для настольных компьютеров, 8 для планшетов и 4 для мобильных телефонов. Также необходимо задать отступ между колонками. На рис. 6.6 показан пример сетки с максимальной шириной 1200 пикселей и 8 колонками
Сетка состоит из столбцов, строк и промежутков между ними. При использовании сетки основное внимание следует уделять столбцам для контента и тому, как элементы располагаются по вертикали, поскольку такое выравнивание создает невидимую четкую границу, которая придает странице организованный вид (рис. 6.2).
Что
Благодаря стандартизации Flexbox и CSS Grid можно создавать красивые отзывчивые макеты, подобные тем, что дает библиотека Bootstrap, но при этом иметь гораздо больший контроль над элементами макетов.
для улучшения пользовательского опыта разработчику крайне необходимо понимать целевую аудиторию и уметь ей сопереживать.
Формирование эмпатии к целевой аудитории позволяет улучшить пользовательский опыт
Резюме
• Начав реализацию проекта с исследования, позволяющего убедиться в том, что вы решаете реальную проблему бизнеса или пользователя, вы избежите создания ненужного продукта.
• Первоначальные исследования позволяют определить направление развития продукта. В русле этого направления будут затем приниматься дизайнерские решения, связанные как с пользовательским опытом, так и с визуальной составляющей.
• Прежде чем приступать к разработке дизайна, необходимо провести исследование, на основе результатов которого будут приниматься дизайнерские решения.
• Использование результатов исследований для принятия дизайнерских решений, особенно при реализации крупных проектов, позволяет избежать дорогостоящих изменений на более поздних этапах. Начиная проект с проведения исследований, вы получаете прочный фундамент для разработки дизайна и гарантируете, что при его реализации потребности пользователей будут поставлены во главу угла.
• Многочисленные методы исследования делятся на категории, позволяющие получить качественные и количественные данные, изучить поведение и отношение пользователей. Комбинируя эти методы между собой, можно собрать данные, подтверждающие достоверность результатов каждого из них.
• Числовые данные, например аналитические
Избегайте путаницы, размещая несвязанные элементы отдельно друг от друга
Разработчики могут пойти еще дальше и создать карту сайта в виде XML-документа либо вручную, либо с помощью специальных инструментов для генерации файлов такого типа. Этот документ предоставляет поисковым
Рис. 5.3. Карта сайта, отображаемая в футере и перечисляющая основные точки приземления
системам информацию о сайте и дает дополнительные преимущества с точки зрения поисковой оптимизации
о вашей задачей будет обеспечение того, чтобы цели конечных пользователей соответствовали этим бизнес-целям и способствовали их достижению
Формулировка потребности пользователя — это действенная формулировка проблемы, кратко описывающая конкретного пользователя, его потребность и то, почему она для него важна. Подобная формулировка позволяет определиться с тем, что нужно решить, прежде чем приступать к генерации потенциальных решений, чтобы 1) сжато выразить свое видение проблемы и 2) разработать метрику успеха, которая будет использоваться на протяжении всего процесса дизайн-мышления.