Психофизиология графических пользовательских интерфейсов

Психофизиология графических

пользовательских интерфейсов

Группы

Магическое число 7±2

«Магическое число семь плюс-минус два» («кошелёк Миллера») —

закономерность, обнаруженная американским учёным-психологом

Джорджем Миллером, согласно которой кратковременная человеческая

память, как правило, не может запомнить и повторить более 7 ± 2

элементов.

ru.wikipedia.org/wiki/Магическое_число_семь_плюс-минус_два


http://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%BA%D0%BE%D0%BD%D0%BE%D0%BC%D0%B5%D1%80%D0%BD%D0%BE%D1%81%D1%82%D1%8C

http://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%BA%D0%BE%D0%BD%D0%BE%D0%BC%D0%B5%D1%80%D0%BD%D0%BE%D1%81%D1%82%D1%8C

http://ru.wikipedia.org/wiki/%D0%9C%D0%B8%D0%BB%D0%BB%D0%B5%D1%80,_%D0%94%D0%B6%D0%BE%D1%80%D0%B4%D0%B6_(%D0%BF%D1%81%D0%B8%D1%85%D0%BE%D0%BB%D0%BE%D0%B3)

http://ru.wikipedia.org/wiki/%D0%9C%D0%B8%D0%BB%D0%BB%D0%B5%D1%80,_%D0%94%D0%B6%D0%BE%D1%80%D0%B4%D0%B6_(%D0%BF%D1%81%D0%B8%D1%85%D0%BE%D0%BB%D0%BE%D0%B3)

http://ru.wikipedia.org/wiki/%D0%9F%D0%B0%D0%BC%D1%8F%D1%82%D1%8C

http://ru.wikipedia.org/wiki/%D0%9F%D0%B0%D0%BC%D1%8F%D1%82%D1%8C




Несоблюдение правила 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



http://www.youtube.com/watch?v=PgonNAmee6Q



Чтение

Положительная динамика


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.









Контраст фона

















Засечки













nostrud exercitation ullamco laboris nisi ut

aliquip ex ea commodo consequat. Duis



Длина строки









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.


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.











Оформление текста

Обратная пирамида текста

Конец

[email protected]/shuvaev

mailto:[email protected]

mailto:[email protected]

https://www.facebook.com/shuvaev

https://www.facebook.com/shuvaev

Design

Психофизиология графических пользовательских интерфейсов