Дизайн веб-интерфейса в стиле «брутализм»

Пародийный фреймворк от блога Uxdesign.cc

ce5190c92eb0ae.png

Удобство использования? Читаемость? Здравый смысл? Забудьте все, что вы знали о UX. Мы подготовили правильное руководство для бруталистских сайтов, которые понравятся вашим коллегам-дизайнерам.

Брутализм — что это? ​

Стиль в дизайне и архитектуре, который появился в ​послевоенной Европе. Характерная черта — отказ от декора и украшения материалов, это позволяло сэкономить на восстановлении городов и территорий. Одна из причин возникновения брутализма — усталость молодого поколения от оптимизма, беспечности и фривольности дизайна 30-х и 40-х годов.

За последние несколько лет похожий процесс произошел в веб-дизайне: пользователи устали от опрятных и гладких интерфейсов и предпочитают грубый и угловатый стиль.

Как у сайтов из этой галереи.

Совсем скоро этот концепт станет неотъемлемой частью нашего дизайн-мышления.

Фреймворк: интерфейс в стиле «брутализм»

725225c41950fc.jpg

Бруталистский фреймворк — это не шаблон и не инструмент. Это философия для дизайнеров интерфейсов, которая привносит лучшее от этой эстетики в процесс создания UX.

Забудьте о «бесшовности». Бруталистский фреймворк добавит дизайну острых углов. Пользователям понравится. Это новый тип интерфейса, основанный на пренебрежении: брутальность пробуждает симпатию.

Разметка

ed801f51745396.jpg

Первый и единственный шаг — разбросать элементы по экрану. Не стоит переживать о том, сочетаются они или нет. В конце концов, кто вы такой, чтобы устанавливать иерархию? Позвольте каждому элементу самому побороться за внимание пользователей.

Маршрут пользователя

8a75381e23c213.jpg

Согласно исследованиям, когда пользователи попадают на сайт, у них не так уж и много вариантов поведения. Прокликать ссылки, например. Поэтому не усложняйте пользовательские маршруты.

Цветовое оформление

Секретный ингредиент бруталистского интерфейса — контрастность. Также не стоит забывать о динамичных элементах, чтобы сфокусировать внимание пользователей на действительно важных вещах.

Портреты пользователей

573f664dc050e2.jpg

В описании типов посетителей собраны все ваши предположения о пользователях. Это настолько банальный документ, что его можно смело не брать на встречи с заказчиком.

Исследование аудитории

3ccbda5d8ad8a0.jpg

Самый простой способ собрать обратную связь от пользователей — провести онлайн-исследование. Пользователи проголосуют за ваш дизайн, а вы сможете поставить галочку в отчете, что исследование было проведено. ​

Истории пользователей

2372756800a76e.jpg

​У разных пользователей разные потребности. Постарайтесь публиковать как можно более заурядные истории пользователей: в противном случае вы можете увлечься ненужными подробностями.

Пользовательские тесты

071889af9a13fb.jpg

​Старайтесь собирать мнения пользователей как можно раньше, чтобы обнаружить их изъяны.

Что будет дальше

​Бруталистский интерфейс — это относительно новый концепт. Мы не думаем, что он продержится достаточно долго.

©  vc.ru