SlideShare a Scribd company logo
OOO «Ричмедиа»
Алексей Жуков
Ведущий дизайнер
Шайхутдинов Ринат
Руководитель проектов
OOO «Ричмедиа»
• Акцентирование
• Контрастирование
• Балансировка
• Выравнивание
• Повторение
• Обеспечение удобства восприятия
ООО «Ричмедиа» , iSpring Solutions, Inc. 2
Эмоции
ООО «Ричмедиа» , iSpring Solutions, Inc. 3
Эмоции
ООО «Ричмедиа» , iSpring Solutions, Inc. 4
Эмоции
ООО «Ричмедиа» , iSpring Solutions, Inc. 5
Songza
ООО «Ричмедиа» , iSpring Solutions, Inc. 6
Основные принципыl дизайна…
ООО «Ричмедиа» , iSpring Solutions, Inc. 7
Yes =)
It works?
Спроектируйте форму регистрации пользователя
ООО «Ричмедиа» , iSpring Solutions, Inc. 8
• Фамилия, Имя
• Телефон
• Страна
• Компания
Цель:Чтобы как можно больше
пользователей заказывали
услугу отставляя контакты:
OOO «Ричмедиа»
Познание
Эмоции
Ассоциации
ООО «Ричмедиа» , iSpring Solutions, Inc. 9
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 10
Проектирование взаимодействия
ООО «Ричмедиа» , iSpring Solutions, Inc. 11
Где кнопка? И почему?
ООО «Ричмедиа» , iSpring Solutions, Inc. 12
Нужно учитывать как мозг интерпретирует значение
цвета, тени и т.д
ООО «Ричмедиа» , iSpring Solutions, Inc. 13
OOO «Ричмедиа»
Возникла из исследований восприятия.
В центре её внимания — характерная тенденция психики
к организации опыта в доступное пониманию целое.
ООО «Ричмедиа» , iSpring Solutions, Inc. 14
ООО «Ричмедиа» , iSpring Solutions, Inc. 15
Кристиан фон Эренфельс (1859—1932)
«Целое — это некая реальность,
отличная от суммы его частей»
Принципы
ООО «Ричмедиа» , iSpring Solutions, Inc. 16
Принцип схожести Принцип замкнутости
Принцип близостиСмежность.
Близость стимулов во времени и пространстве.
Смежность может предопределять восприятие,
когда одно событие вызывает другое.
Общая зона.
Люди склонны воспринимать движущиеся в
одном направлении элементы более
взаимосвязанными, чем элементы статические
или движущиеся в разных направлениях.
Видите фигуры?
ООО «Ричмедиа» , iSpring Solutions, Inc. 17
• Возможно, люди не замечают на вашей веб-
странице того, что вы так тща- тельно и долго
размещали на ней в надежде удивить мир?
Человеческое восприятие зависит от уровня
подготовки, знаний, степени знакомства с
тем материалом, на который смотрит
человек, и ментальных моделей человека.
• Ваши предположения о том, что люди видят
на веб-странице, возможно, совсем не
соответствует тому, что они действительно
видят.
• Вы можете убедить людей видеть вещи
определенным образом.
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 18
Гештальт-психология и группирование элементов
веб-страниц
ООО «Ричмедиа» , iSpring Solutions, Inc. 19
Близость
ООО «Ричмедиа» , iSpring Solutions, Inc. 20
Схожесть
ООО «Ричмедиа» , iSpring Solutions, Inc. 21
Симметрия
ООО «Ричмедиа» , iSpring Solutions, Inc. 22
Общая зона
ООО «Ричмедиа» , iSpring Solutions, Inc. 23
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 24
Так ли важна привлекательноcть?
ООО «Ричмедиа» , iSpring Solutions, Inc. 25
Вопреки распространенному мнению,
приятные вещи будут воспринимается как
простые в использовании и эффективные.
Комментарий нейробиолога
ООО «Ричмедиа» , iSpring Solutions, Inc. 26
“Emotion is not a luxury: it is an expression of
basic mechanisms of life regulation developed
in evolution, and is indispensable for survival.
It plays a critical role in virtually all aspects of
learning, reasoning, and creativity. Somewhat
surprisingly, it may play a role in the
construction of consciousness.”*
*Damasio, antonio. “emotions and Feelings: a neurobiological Perspective.” Feelings and Emotions, The Amsterdam Symposium. 2004.
Antonio Damasio
Эмоции — это не роскошь, а необходимое условие разума.
Они создают шкалу ценностей, опираясь на которую мы может
решить, что важно, что нет, что дорого, что красиво, что ценно.
Какому автомату вы доверите кредитку? =)
ООО «Ричмедиа» , iSpring Solutions, Inc. 27
50 миллисекунд (1/20ая секунды) нужно
пользователю, чтобы сформировать первое
впечатление о Web странице.
Влияние эстетики на производительность
ООО «Ричмедиа» , iSpring Solutions, Inc. 28
Привлекательные вещи работают лучше.
• Kurosu and kashimura, 1995; NoamTractinsky, 1997.
• “The Influence of Design aesthetics in usability testing:
effects on user Performance and Perceived usability,” (Sonderegger and Sauer, 2009)
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 29
Эмоциональные ассоциации
ООО «Ричмедиа» , iSpring Solutions, Inc. 30
iPod shuffle
ООО «Ричмедиа» , iSpring Solutions, Inc. 31
HTC
ООО «Ричмедиа» , iSpring Solutions, Inc. 32
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 33
ООО «Ричмедиа» , iSpring Solutions, Inc. 34
Call to action
ООО «Ричмедиа» , iSpring Solutions, Inc. 35
ООО «Ричмедиа» , iSpring Solutions, Inc. 36
ООО «Ричмедиа» , iSpring Solutions, Inc. 37
ООО «Ричмедиа» , iSpring Solutions, Inc. 38ООО «Ричмедиа» , iSpring Solutions, Inc. 38
OOO «Ричмедиа»
• Мощный инструмент
• Привлекать внимание к определённым частям страниц
ООО «Ричмедиа» , iSpring Solutions, Inc. 39
Facebook
ООО «Ричмедиа» , iSpring Solutions, Inc. 40
Уменьшили деактивацию на 7
percent. На один миллион
пользователей стало меньше
деактивировать свой аккаунт.
OOO «Ричмедиа»
ООО «Ричмедиа» , iSpring Solutions, Inc. 41
ООО «Ричмедиа» , iSpring Solutions, Inc. 42
ООО «Ричмедиа» , iSpring Solutions, Inc. 43
ООО «Ричмедиа» , iSpring Solutions, Inc. 44
ООО «Ричмедиа» , iSpring Solutions, Inc. 45
ООО «Ричмедиа» , iSpring Solutions, Inc. 46
ООО «Ричмедиа» , iSpring Solutions, Inc. 47

More Related Content

Эмоциональный web-дизайн