Психофизиология графических пользовательских...
DESCRIPTION
Лекция впервые прочитана на интенсиве по UX&UI в Британской Высшей Школе Дизайна, в модуле "Основы юзабилити". http://britishdesign.ru/programs/p/uxdesign/TRANSCRIPT
Психофизиология графических
пользовательских интерфейсов
Группы
Магическое число 7±2
«Магическое число семь плюс-минус два» («кошелёк Миллера») —
закономерность, обнаруженная американским учёным-психологом
Джорджем Миллером, согласно которой кратковременная человеческая
память, как правило, не может запомнить и повторить более 7 ± 2
элементов.
ru.wikipedia.org/wiki/Магическое_число_семь_плюс-минус_два
Магическое число 7±2
Магическое число 7±2
Магическое число 7±2
Магическое число 7±2
Несоблюдение правила 7±2
mbm.ru
«Соблюдение» правила 7±2
http://www.onextrapixel.com/2009/07/20/the-art-of-applying-rule-of-five-plus-or-minus-two-for-an-effective-wireframe/
Геометрическая память
Геометрическая память
Геометрическая память
Геометрическая память
Группировка объектов
Группировка объектов
Группировка объектов
Слабая группировка
Группировка объектов
mushroom flower star
mario brick coin
gumbas chick-chick beatle
mushroom flower star
mario brick coin
gumbas chick-chick beatle
Группировка объектов
Контраст
Контраст формы(сложное/простое)
Контраст формы
Контраст формы
Контраст формы
Контраст формы
Обратный контраст формы
Контраст формы
Баннерная слепота
Контраст формы
Лицо и взгляд
Лицо и взгляд
Контраст цвета
Контраст цвета
Контраст цвета
Контраст цвета
Контраст цвета
Контраст цвета
Контраст цвета
Контраст цвета
Контраст размера
Контраст размера
Контраст размера
BUYno thanks
Контраст размера
BUYNo thanks
Контраст размера
Контраст размера
http://lamb.cc/typograph/
Контраст движения
Контраст движения
Контраст движения
http://www.youtube.com/playlist?list=PLZasorDYOb4Do19rhoxd2Zc5ExyRnKEo0
Контраст движения
Контраст движения
Чтение
Положительная динамика
Положительная динамика
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud
exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore.
Положительная динамика
НазадВперед
Положительная динамика
Положительная динамика
Изображение и текст
Изображение и текст
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor.
Ut enim ad minim veniam, quis
nostrud exercitation ullamco
laboris nisi ut.
Duis aute irure dolor in
reprehenderit in voluptate velit
esse cillum dolore.
Изображение и текст
Иероглифическое письмо Слоговое письмо фонетическое письмо
Изображение и текст
Изображение и текст
http://www.forbes.com/special-report/2014/30-under-30/finance.html
Изображение и текст
Читаемость
Контраст фона
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore.
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore.
Контраст фона
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore.
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore.
Засечки
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore.
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore.
Длина строки
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
Lorem ipsum dolor
sit amet,
consectetur
adipisicing elit, sed
do eiusmod tempor
incididunt ut labore
et dolore magna
aliqua. Ut enim ad
minim veniam, quis
nostrud exercitation
ullamco laboris nisi
ut aliquip ex ea
commodo
Интерлиньяж
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore.
Оформление текста
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore.
● Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod.
● Tempor incididunt ut labore et dolore magna aliqua.
● Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor
● In reprehenderit in voluptate velit esse cillum dolore.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolore.
Оформление текста
Обратная пирамида текста