Сьюзан Уэйншенк «100 главных принципов дизайна»

Автор

Сьюзан Уэйншенк — американский психолог, консультант компаний из списка Fortune 1000, а также стартапов, госорганов и благотворительных организаций. Автор много лет проработала в сфере дизайна пользовательских интерфейсов и взаимодействия человека с компьютером.

Сложность изложения

3 из 5. Рекомендуется в том числе графическим редакторам, дизайнерам и веб-разработчикам.

Целевая аудитория

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

Зачем читать

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

Читаем вместе

Люди воспринимают мир через зрение, поскольку большая часть мозговых ресурсов направлена на обработку и интерпретацию именно зрительной информации. Мозг руководствуется стереотипами, чтобы оперативно обрабатывать информацию о мире, получая несметное количество сигналов и пытаясь разгадать смысл каждого. Периодически в интерпретации случаются ошибки.

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

Когда человек смотрит на экран, он использует периферическое зрение для охвата видимого поля, поэтому принятие решения, на какой странице остановить взгляд, приходит на основании первого впечатления от периферического зрения. Для центрального зрения, которое нацелено на различение деталей, важна средняя часть экрана. Но не менее значима информация, размещенная по краям экрана, она должна соответствовать целям сайта. Тогда не стоит использовать мигающие элементы или анимацию.

Следует часто использовать именно узнаваемые образы, потому что автоматически они попадают в поле внимания человека, их можно объединять и разделять. Для узнавания предмета можно использовать геометрическую форму, тогда он быстрее запоминается. Мозг получает через зрение информацию в виде двухмерных объектов, в то время как трехмерные замедляют понимание.

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

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

Нужно быть аккуратными с интерпретацией данных слежения за взглядом, они не должны становиться основой дизайнерских решений. Для лучшего визуального восприятия элементы должны быть расположены слева или справа. Можно поменять объем свободного пространства для снижения визуального шума на веб-странице. Синий и зеленый цвета не должны размещаться на красном фоне, подбирая их спектр, важно понимать, какие ассоциации они могут вызвать. Заглавными буквами тоже следует пользоваться аккуратно для привлечения внимания.

Невысока вероятность, что люди запомнят определенную информацию из текста, поэтому в нем должны быть значимые заголовки. Для большого количества читателей важно использовать простые слова. Декоративный шрифт мешает скорости чтения, иногда может создаваться впечатление, что из-за него сложен для понимания и сам текст. Шрифт должен быть крупный, высокий, текст разбивается на фрагменты, абзацы и списки, можно добавить иллюстрации. Лучше всего смотрится и воспринимается черный текст на белом фоне. Само содержание текста должно вызывать читательский интерес.

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

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

Люди хорошо помнят о товаре или услуге, когда задействуют потребительские слова. Из-за генетики люди часто многое забывают, это никак не определяется сознательным мышлением. И дизайн должен учитывать эту клиентскую способность. Чужой неприятный или даже травмирующий опыт говорит о том, что человек уверен в достоверности всего запоминаемого, но это не так. Такие детальные воспоминания носят название «вспышки воспоминаний», поэтому они часто бывают слишком живыми и яркими.

Информация должна предоставляться в конкретное время. Человеку хочется обладать бóльшим ее количеством, чем он может обработать. Последовательное раскрытие применяется тогда, когда есть уверенность, что именно хотят найти люди на сайте.

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

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

Лучшая цитата

«У каждого человека существуют стереотипы того, что и где он хочет видеть».

Чему учит книга

— Люди не всегда могут видеть объект на веб-странице только по причине его расположения там, даже если внесено одно изменение. Необходимы визуальные или звуковые сигналы.

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

— Хранение информации в рабочей памяти недолговечно, поскольку она связана со способностью к концентрации внимания на объекте, который хочется запомнить.

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

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

— Интернет-магазины несколько проигрывают перед традиционными, поскольку в тех можно пощупать товары руками. Продукты, размещенные за стеклом, способны снижать цену, которую может заплатить клиент.

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