Дизайн веб-интерфейса в стиле «брутализм»
Пародийный фреймворк от блога UXdesign.cc
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/c6/48/3b/ce5190c92eb0ae.png)
Удобство использования? Читаемость? Здравый смысл? Забудьте все, что вы знали о UX. Мы подготовили правильное руководство для бруталистских сайтов, которые понравятся вашим коллегам-дизайнерам.
Брутализм — что это?
Стиль в дизайне и архитектуре, который появился в послевоенной Европе. Характерная черта — отказ от декора и украшения материалов, это позволяло сэкономить на восстановлении городов и территорий. Одна из причин возникновения брутализма — усталость молодого поколения от оптимизма, беспечности и фривольности дизайна 30-х и 40-х годов.
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/f2/d1/d0/a5f3724ffca75d.jpg)
За последние несколько лет похожий процесс произошел в веб-дизайне: пользователи устали от опрятных и гладких интерфейсов и предпочитают грубый и угловатый стиль.
Как у сайтов из этой галереи.
Совсем скоро этот концепт станет неотъемлемой частью нашего дизайн-мышления.
Фреймворк: интерфейс в стиле «брутализм»
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/63/d4/67/725225c41950fc.jpg)
Бруталистский фреймворк — это не шаблон и не инструмент. Это философия для дизайнеров интерфейсов, которая привносит лучшее от этой эстетики в процесс создания UX.
Забудьте о «бесшовности». Бруталистский фреймворк добавит дизайну острых углов. Пользователям понравится. Это новый тип интерфейса, основанный на пренебрежении: брутальность пробуждает симпатию.
Разметка
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/a4/1c/b8/ed801f51745396.jpg)
Первый и единственный шаг — разбросать элементы по экрану. Не стоит переживать о том, сочетаются они или нет. В конце концов, кто вы такой, чтобы устанавливать иерархию? Позвольте каждому элементу самому побороться за внимание пользователей.
Маршрут пользователя
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/84/92/e2/8a75381e23c213.jpg)
Согласно исследованиям, когда пользователи попадают на сайт, у них не так уж и много вариантов поведения. Прокликать ссылки, например. Поэтому не усложняйте пользовательские маршруты.
Цветовое оформление
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/26/d3/0f/1bf8e2f8978689.gif)
Секретный ингредиент бруталистского интерфейса — контрастность. Также не стоит забывать о динамичных элементах, чтобы сфокусировать внимание пользователей на действительно важных вещах.
Портреты пользователей
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/90/59/b5/573f664dc050e2.jpg)
В описании типов посетителей собраны все ваши предположения о пользователях. Это настолько банальный документ, что его можно смело не брать на встречи с заказчиком.
Исследование аудитории
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/30/f4/95/3ccbda5d8ad8a0.jpg)
Самый простой способ собрать обратную связь от пользователей — провести онлайн-исследование. Пользователи проголосуют за ваш дизайн, а вы сможете поставить галочку в отчете, что исследование было проведено.
Истории пользователей
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/8b/1e/96/2372756800a76e.jpg)
У разных пользователей разные потребности. Постарайтесь публиковать как можно более заурядные истории пользователей: в противном случае вы можете увлечься ненужными подробностями.
Пользовательские тесты
![Дизайн веб-интерфейса в стиле «брутализм»](https://png.cmtt.space/paper-media/94/29/6d/071889af9a13fb.jpg)
Старайтесь собирать мнения пользователей как можно раньше, чтобы обнаружить их изъяны.
Что будет дальше
Бруталистский интерфейс — это относительно новый концепт. Мы не думаем, что он продержится достаточно долго.
Тут ни одно предложение не имеет никакого отношения ни к реальности, ни к дизайну.
Это как если бы я, совершенно не зная материала, написал бы статью о спаривании лягушек в условиях невесомости, а потом какой нибудь автор перевел бы это на русский, добавляя ко всему этому свои личные рассуждения и визуальные схемы. Выше приблизительно это и вышло.
Стрелка вспомнилась http://strelka.com/
Философию не понял, как-то размыто о ней сказано. А вот похожее визуальное оформление уже было году в 11 (w-o-s все помнят?) и сейчас у хипстоты и авангардистов не котируется.
А что котируется у хипстоты и авангардистов?)
Brutal!