К книге
UX/UI дизайн для создания идеального продукта. Полный и исчерпывающий гидГлава 5 Слои UX. Плоскость поверхности (Surface Plane)
49%
Глава 5 Слои UX. Плоскость поверхности (Surface Plane)
49

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

Стиль элементов интерфейса и иллюстраций, композиция объектов, типографика, качество фотографий – маркеры, которые подсознательно считывают пользователи, принимая решение о найме продукта

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

Как правило, такие пакеты называются «Темы» (Themes) или «Скины» (Skins). Также встречается термин Look&Feel.

Благодаря темам в Bootstrap можно адаптировать цифровой продукт к использованию в темное время суток, применить к элементам интерфейса привычные стили Google или Microsoft либо же фирменные стили компании[40]

Применение тем позволяет:

• улучшить пользовательский опыт, установив определенные темы для определенного уровня освещения, – существует ночная темная тема и дневная светлая;

• помочь людям с ограниченными возможностями, такие проблемы решают, например, специальные темы для слабовидящих;

• снизить нагрузку, связанную с привыканием к новому стилю, – с этим помогают привычные стили от Google Material Design и Microsoft Fluent;

• унифицировать стиль продуктов компании, используя фирменные цвета и шрифты.

Google Material Design – достаточно редкий пример дизайн-системы, включающий в себя темы оформления

Предыдущая главаГлава 49 из 101Следующая глава