ПЕРЕВОДЫ
5 ключевых уроков психологии дизайна, которые помогут вам улучшить ваш UX
Многие люди путают дизайн и креативность. Однако дизайн это нечто большее, чем результат креативности. Хорошие UX дизайнеры обычно очень хорошо разбираются работе человеческого разума. Они разбираются в том, как люди ощущают дизайн и оценивают его как хороший или плохой.

Дон Норман, директор лаборатории дизайна Калифорнийского университета, в своей книге "Дизайн привычных вещей" описал это так:

"Мы должны создавать дизайн для людей таких, какие они есть, а не таких какими мы хотим, чтобы они были. Также посмотрите "Не будь логичным". Большинство людей ниже среднего уровня."

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

Помочь вам понять восприятие пользователей, помогут 5 ключевых уроков, которые можно извлечь принципов "Психологии дизайна". Давайте изучим.
В UX дизайне сосредоточьтесь на том, что "Меньше значит больше", а "Больше значит меньше"
Представьте ситуацию, что в ресторане вам надо сделать выбор из меню, в котором более 100 пунктов. Просмотр всех возможных вариантов займет намного больше времени, чем выбор из 20. Такая же ситуация и в дизайне.

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

Это относится к закону Хикса, который говорит о том, что люди тратят больше времени на принятие решения, когда им дано больше вариантов на выбор. Неважно делают они это сознательно или неосознанно, решения людей во многом зависят от того, что они считают более ценным. Они оценивают не только стоимость, но и выгоду, которую они получат при принятии определенного решения. Это называется "Ценностный анализ"
Итак, как применить закон Хикса в продуктовом дизайне?

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

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

Nielsen Norman Group провели исследование 45237 просмотров страницы и определили, что пользователи читают около 20% всего текста. Еще хуже, что на сайтах, содержащих много контента, для каждых дополнительных 100 слов текста пользователи тратят всего около 4 секунд.

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

В мире, где люди не читают каждое слово в тексте, используйте гайд для сканируемого текста, разработанный Nielsen Norman Group:

Выделенные ключевые слова
Заголовки, передающие смысл
Маркированные списки
Один абзац – одна идея
Начните с выводов – разместите контент ввиде перевернутой пирамиды
Сократите количество слов вдвое (или меньше) в обычном письме
Четко передавайте какие разделы связаны, а какие нет
В процессе проектирования дизайнеру важно передавать структуру и взаимосвязи, показывая какие элементы связаны друг с другом, а какие нет.

Связанность (или сходство) и не связанность (или различия) может быть передана с использованием таких базовых элементов как фигуры, цвета и размеры.
Например, сайт салона (старый) состоит из двух разделов, сгруппированных по размерам.
Здесь пользователи четко воспринимают две отдельные группы раздел «Главное» с левой стороны и «Наиболее читаемые» с правой. Вместе с тем, обе группы делают одно и тоже – показывают статьи. Но, пользователи концентрируются на группе главных статей, потому что она больше и на ней имя автора выделено другим цветом.

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

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

На официальном сайте Boat Owners Association of The United States (BoatUS) используются подчеркивания и цвета, чтобы показать взаимосвязи между группой навигационных ссылок. Это дает читателям возможность воспринимать похожие элементы навигации как взаимосвязанные или занимающие схожую позицию в иерархии данных сайта.
Избавьте визуальную иерархию от беспорядка, сгруппировав схожие элементы и разделив отличающиеся.
Большинство клиентов, с которыми работали наши разработчики приложений, сказали следующее: «Мы хотим понятный и интуитивный дизайн приложения, который впечатляет пользователей».

Пользователи не любят беспорядочного дизайна. Результаты опрос, организованного Hubspot, показали: «посетители больше ценят, легкодоступную информацию, чем красивый дизайн или причудливый UX».
Есть два способа использования закона близости, следуя которым дизайнеры могут повысить удобство использования:

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

Это относится к закону близости, который говорит, что связанные элементы должны располагаться ближе друг к другу, а несвязанные должны находиться дальше и отдельно от связанных.
Повысьте уровень своего UX дизайна.
Есть такая поговорка: «Если все выделяется, то ничего не выделяется». Это применимо и к UX дизайну. Дизайнеры не должны обманывать пользователей, создавая просто красивые вещи. Фактически они должны проектировать, думая о потребностях своих пользователей. В этой статье мы рассмотрели 5 психологических принципов, которые помогут вам повысить уровень вашего дизайна.

Какие психологические принципы вам удобнее всего применять в дизайне? И какой вы находите самым сложным?
Источник:
Цвета красивы и помогают людям выделять и различать похожие объекты. Психологически цвета управляют эмоциями человека. Человеческий разум воспринимает или создает цвета использую визуальную систему мозга, что означает, что природа восприятия цвета субъективна, а не объективна.

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

Но как психология цвета может помочь дизайнеру в создании наилучшей UX стратегии?

По мнению Джо Халлока (руководителя отдела дизайна Principle в Azure), гендерные предпочтения цветов существенно отличаются. Самый приятный цвет у мужчин и у женщин синий, а самый неприятный оранжевый. Кроме того, мужчины обычно предпочитают яркие цвета, а женщины спокойные. Эти данные объясняют почему дизайнеры предпочитают использовать синий цвет и избегают оранжевого. Однако использование цвета должно быть основано не только на его привлекательности, но и исходя из поведения и предпочтений пользователей.
Аккуратно используйте цвета в своем дизайне
Ссылки и навигация
2. Постройте визуальную иерархию элементов, чтобы помочь людям понять структуру интерфейса. Создание визуальных иерархий шрифтов, цветов и т.д. может помочь дизайнерам или даже недизайнерам проектировать эстетически приятные и привлекающие нужное внимание композиции.
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ПО ДИЗАЙНУ РАЗ В НЕДЕЛЮ?
ПЕРЕВОДЫ
Простота или многообразие выбора?
ПЕРЕВОДЫ
7 шагов к пониманию поведения пользователя
ПЕРЕВОДЫ
10 основных принципов психологии для применения в дизайн-процессе
© 2016 Your company
ПЕРЕВОДЫ
5 ключевых уроков психологии дизайна, которые помогут вам улучшить ваш UX
Многие люди путают дизайн и креативность. Однако дизайн это нечто большее, чем результат креативности. Хорошие UX дизайнеры обычно очень хорошо разбираются работе человеческого разума. Они разбираются в том, как люди ощущают дизайн и оценивают его как хороший или плохой.

Дон Норман, директор лаборатории дизайна Калифорнийского университета, в своей книге "Дизайн привычных вещей" описал это так:

"Мы должны создавать дизайн для людей таких, какие они есть, а не таких какими мы хотим, чтобы они были. Также посмотрите "Не будь логичным". Большинство людей ниже среднего уровня."

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

Помочь вам понять восприятие пользователей, помогут 5 ключевых уроков, которые можно извлечь принципов "Психологии дизайна". Давайте изучим.

В UX дизайне сосредоточьтесь на том, что "Меньше значит больше", а "Больше значит меньше"
Представьте ситуацию, что в ресторане вам надо сделать выбор из меню, в котором более 100 пунктов. Просмотр всех возможных вариантов займет намного больше времени, чем выбор из 20. Такая же ситуация и в дизайне.

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

Это относится к закону Хикса, который говорит о том, что люди тратят больше времени на принятие решения, когда им дано больше вариантов на выбор. Неважно делают они это сознательно или неосознанно, решения людей во многом зависят от того, что они считают более ценным. Они оценивают не только стоимость, но и выгоду, которую они получат при принятии определенного решения. Это называется "Ценностный анализ"
Итак, как применить закон Хикса в продуктовом дизайне?

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

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

Nielsen Norman Group провели исследование 45237 просмотров страницы и определили, что пользователи читают около 20% всего текста. Еще хуже, что на сайтах, содержащих много контента, для каждых дополнительных 100 слов текста пользователи тратят всего около 4 секунд.

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

В мире, где люди не читают каждое слово в тексте, используйте гайд для сканируемого текста, разработанный Nielsen Norman Group:

Выделенные ключевые слова
Заголовки, передающие смысл
Маркированные списки
Один абзац – одна идея
Начните с выводов – разместите контент ввиде перевернутой пирамиды
Сократите количество слов вдвое (или меньше) в обычном письме
Четко передавайте какие разделы связаны, а какие нет
В процессе проектирования дизайнеру важно передавать структуру и взаимосвязи, показывая какие элементы связаны друг с другом, а какие нет.

Связанность (или сходство) и не связанность (или различия) может быть передана с использованием таких базовых элементов как фигуры, цвета и размеры.
Например, сайт салона (старый) состоит из двух разделов, сгруппированных по размерам.
Здесь пользователи четко воспринимают две отдельные группы раздел «Главное» с левой стороны и «Наиболее читаемые» с правой. Вместе с тем, обе группы делают одно и тоже – показывают статьи. Но, пользователи концентрируются на группе главных статей, потому что она больше и на ней имя автора выделено другим цветом.

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

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

На официальном сайте Boat Owners Association of The United States (BoatUS) используются подчеркивания и цвета, чтобы показать взаимосвязи между группой навигационных ссылок. Это дает читателям возможность воспринимать похожие элементы навигации как взаимосвязанные или занимающие схожую позицию в иерархии данных сайта.
Избавьте визуальную иерархию от беспорядка, сгруппировав схожие элементы и разделив отличающиеся.
Большинство клиентов, с которыми работали наши разработчики приложений, сказали следующее: «Мы хотим понятный и интуитивный дизайн приложения, который впечатляет пользователей».

Пользователи не любят беспорядочного дизайна. Результаты опрос, организованного Hubspot, показали: «посетители больше ценят, легкодоступную информацию, чем красивый дизайн или причудливый UX».
Есть два способа использования закона близости, следуя которым дизайнеры могут повысить удобство использования:

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

Это относится к закону близости, который говорит, что связанные элементы должны располагаться ближе друг к другу, а несвязанные должны находиться дальше и отдельно от связанных.
Повысьте уровень своего UX дизайна.
Есть такая поговорка: «Если все выделяется, то ничего не выделяется». Это применимо и к UX дизайну. Дизайнеры не должны обманывать пользователей, создавая просто красивые вещи. Фактически они должны проектировать, думая о потребностях своих пользователей. В этой статье мы рассмотрели 5 психологических принципов, которые помогут вам повысить уровень вашего дизайна.

Какие психологические принципы вам удобнее всего применять в дизайне? И какой вы находите самым сложным?
Источник:
Цвета красивы и помогают людям выделять и различать похожие объекты. Психологически цвета управляют эмоциями человека. Человеческий разум воспринимает или создает цвета использую визуальную систему мозга, что означает, что природа восприятия цвета субъективна, а не объективна.

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

Но как психология цвета может помочь дизайнеру в создании наилучшей UX стратегии?

По мнению Джо Халлока (руководителя отдела дизайна Principle в Azure), гендерные предпочтения цветов существенно отличаются. Самый приятный цвет у мужчин и у женщин синий, а самый неприятный оранжевый. Кроме того, мужчины обычно предпочитают яркие цвета, а женщины спокойные. Эти данные объясняют почему дизайнеры предпочитают использовать синий цвет и избегают оранжевого. Однако использование цвета должно быть основано не только на его привлекательности, но и исходя из поведения и предпочтений пользователей.
Аккуратно используйте цвета в своем дизайне
Ссылки и навигация
2. Постройте визуальную иерархию элементов, чтобы помочь людям понять структуру интерфейса. Создание визуальных иерархий шрифтов, цветов и т.д. может помочь дизайнерам или даже недизайнерам проектировать эстетически приятные и привлекающие нужное внимание композиции.
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ЗА НЕДЕЛЮ?
ПЕРЕВОДЫ
7 шагов к пониманию поведения пользователя
ПЕРЕВОДЫ
10 основных принципов психологии для применения в дизайн-процессе
ПЕРЕВОДЫ
Отношение Сигнал - Шум