![Page 1: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/1.jpg)
ДИЗАЙН С ТЕМПЕРАМЕНТОМ
![Page 2: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/2.jpg)
11 лет в UX
• В университете слушал лекции Don Norman
• Был «нянькой» у сына Jared Spool
• Работал с Максимом Гулевичем
• Последний проект Юрия Ветрова в EPAM,
был моим первым проектом там
• Рассказывал о Lean UX на UX Russia 2009
• Спроектировал интерфейсы World of Tanks
• Выбрал тот же фотоаппарат, что и Stephen
Anderson
![Page 3: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/3.jpg)
Метод моделирования
пользователей • Универсальный
• Простой и эффективный в применении
• Проверенный
• Многократного использования
![Page 4: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/4.jpg)
Дизайн- практика
Bryan Eisenberg Теория
David Keirsey
![Page 5: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/5.jpg)
Быстро (Lymbic Mode)
Основываясь на
Эмоциях (Right Brain)
Основываясь на
Фактах
Осознанно (Cerebral Mode)
Как принимают решения?
![Page 6: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/6.jpg)
Быстро (Lymbic Mode)
Основываясь на
Эмоциях (Right Brain)
Основываясь на
Фактах
Осознанно (Cerebral Mode)
Рационалист Гедонист
Традиционалист Социалайзер-
Филантроп
![Page 7: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/7.jpg)
Быстро (Lymbic Mode)
Основываясь на
Эмоциях (Right Brain)
Основываясь на
Фактах
Осознанно (Cerebral Mode)
Традиционалист
![Page 8: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/8.jpg)
• Надежные, предупредительные и
трудолюбивые.
• Соблюдают правила и традиции,
стремятся к безопасности, ценят
справедливость
• Послушные, осторожные, скромные
“Идти проверенным путём”
Традиционалист
![Page 9: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/9.jpg)
• Чувство доверия и безопасности
• Детальная информация, сравнения
• Использует основную навигацию
• “Сделай сам”
“Знать, что и как делает ваш продукт?”
Дизайн для традиционалиста
![Page 10: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/10.jpg)
Быстро (Lymbic Mode)
Основываясь на
Эмоциях (Right Brain)
Основываясь на
Фактах
Осознанно (Cerebral Mode)
Гедонист
![Page 11: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/11.jpg)
• Оптимистичные, реалистичные,
сосредоточены на здесь и сейчас
• Ищут удовольствия, следуют
моде
• Возбудимы, спонтанны,
доверяют своей интуиции,
готовы рисковать
• Любопытны, любят подарки,
игры, сюрпризы
“Чтобы сейчас было хорошо”
Гедонист
![Page 12: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/12.jpg)
• Четкие «призывы к действию»,
короткие «воронки конверсии»
• Картинки, короткие ёмкие тексты
• Часто используют поиск
• Персональное отношение, «сервис»
“Лучший вариант - быстро и
просто”
Дизайн для гедониста
![Page 13: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/13.jpg)
Быстро (Lymbic Mode)
Основываясь на
Эмоциях (Right Brain)
Основываясь на
Фактах
Осознанно (Cerebral Mode)
Социалайзер-
Филантроп
![Page 14: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/14.jpg)
• «Идеалисты», направлены на
личностное развитие
• Готовы доверять и помогать, но
осторожничают
• Любящие, добрые, искренние
• Энтузиасты, доверяют своей
интуиции, жаждут романтики
“Сделать мир и себя лучше,
через общение”
Социалайзер-Филантроп
![Page 15: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/15.jpg)
• Хотят "быстро и просто", но
боятся подвоха
• Кому вы помогли? Каковы
ценности вашей компании?
• Ценят личное обращение
• Возможность помочь другим
“Как ваш продукт улучшает
этот мир?”
Дизайн для Филантропа
![Page 16: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/16.jpg)
Быстро (Lymbic Mode)
Основываясь на
Эмоциях (Right Brain)
Основываясь на
Фактах
Осознанно (Cerebral Mode)
Рационалист
![Page 17: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/17.jpg)
• Прагматичны, скептичны,
гениальны, независимы, с
сильной волей
• Направлены на решение проблем
и анализ
• Уравновешенны, доверяют
логике, стремятся к
достижениям, ищут знания,
ценят новые технологии
“Найти решение”
Рационалист
![Page 18: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/18.jpg)
• Перфекционисты, ищут самое
лучшее и эффективное решение
• Мастера сравнения и проверки
• Быстро и резко отвергают всё «не
лучшее», сомнительное
• Распознают лесть и желание
«продать»
“Докажите фактами,
что ваш продукт - лучший”
Дизайн для рационалистa
![Page 19: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/19.jpg)
Eye-tracking традиционалиста
http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/
![Page 20: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/20.jpg)
Eye-tracking гедониста
http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/
![Page 21: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/21.jpg)
Eye-tracking филантропа
http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/
![Page 22: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/22.jpg)
Eye-tracking рационалистa
http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/
![Page 23: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/23.jpg)
ПРАКТИКА Основа для построения:
• персонажей
• Cognitive Walkthrougth
• Customer Journey Maps
Проведение оценки и дизайна:
• дизайна для конверсии
• информационной архитектуры
• контентной стратегии
• визуального дизайна
![Page 24: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/24.jpg)
Проектируем для
каждого темперамента
по отдельности?
![Page 25: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/25.jpg)
Для всех – сразу!
![Page 26: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/26.jpg)
Рационалист Гедонист
Традиционалист Социалайзер-
Филантроп
?
![Page 27: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/27.jpg)
Рационалист (<10%)
Гедонист (~ 35%)
Традиционалист (~45%)
Социалайзер-
Филантроп
(>10%)
На самом деле (±5%)
![Page 28: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/28.jpg)
Для кого проектируем
первым?
![Page 29: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/29.jpg)
ГЕДОНИСТЫ – СНАЧАЛА
![Page 30: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/30.jpg)
ГЕДОНИСТЫ – СНАЧАЛА,
ТРАДИЦИОНАЛИСТЫ –
ВТОРЫЕ
80%
Проектируя для 2х темпераментов – покрываем 80% аудитории!
![Page 31: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/31.jpg)
1
ГЕДОНИСТЫ – СНАЧАЛА,
ТРАДИЦИОНАЛИСТЫ
– ВТОРЫЕ ФИЛАНТРОПЫ – СЛЕДУЮЩИЕ РАЦИОАНАЛИСТЫ – ЕСЛИ ОСМЕЛИТЕСЬ!
![Page 32: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/32.jpg)
“Тип темперамента −
не категория, а континуум”
![Page 33: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/33.jpg)
“Тип темперамента −
не категория, а континуум,
меняющийся cо
временем…
![Page 34: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/34.jpg)
“Тип темперамента −
не категория, а континуум,
меняющийся cо временем
и не только…”
![Page 35: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/35.jpg)
Геннадий
Драгун
@HDrahun
Hienadz.drahun
hienadzdrahun
![Page 36: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/36.jpg)
ССЫЛКИ
![Page 37: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/37.jpg)
Тест на тип темперамента
Английская версия теста http://www.keirsey.com/sorter/register.aspx (English, KTS -II)
По-русски, предыдущая версия теста http://doktor-bagriy.ho.ua/test/keisi.php
![Page 38: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/38.jpg)
http://www.keirsey.com/
http://www.bryaneisenberg.com/
http://blog.keirsey.com/
![Page 39: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/39.jpg)
http://www.ozon.ru/context/detail/id/7273712/
http://www.ozon.ru/context/detail/id/8807455/
![Page 40: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/40.jpg)
СЕКРЕТЫ
![Page 41: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/41.jpg)
Быстро (Lymbic Mode)
Основываясь на
Эмоциях
Основываясь на
Фактах
Осознанно (Cerebral Mode)
Гедонист
Традиционалист
![Page 42: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/42.jpg)
~50%
~25% ~20%
~45%
~35%
>10%
<10%
По слухам…
![Page 43: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/43.jpg)
Традиционалист Гедонист
хорошее настроение
усталость
сосредоточенность
серъёзное решение
незначительное решение
знакомая обстановка
новая ситуация
![Page 44: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/44.jpg)
Традиционалист Гедонист
eCommerce
Игры
Новости
Помощь и
обслуживание
«Случайный»
покупатель «Нацеленный»
покупатель
«Гриндер»
«Новичок»
«Помоги себе сам»
«Сканнер»
«Продвинутый»
«Помоги мне...»
![Page 45: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/45.jpg)
новаторы провидцы прагматики скептики консерваторы
"Пропасть Мура"
Площадь под графиком представляет количество пользователей
![Page 46: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/46.jpg)
Рационалист
Гедонист
Традиционалист
Социалайзер-
Филантроп
![Page 47: ДИЗАЙН С ТЕМПЕРАМЕНТОМ0x1.tv › img_auth.php › 3 › 34 › Дизайн_с_темпераментом... · Теория David Keirsey ... сосредоточены](https://reader036.vdocuments.site/reader036/viewer/2022081401/5f03d0be7e708231d40ae883/html5/thumbnails/47.jpg)
http://www.bryaneisenberg.com/wp-content/uploads/2013/10/persona-attributes-raw.png?66ae93