Резюме

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

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

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

• Когда изображения расположены в массиве или сетке, люди склонны просматривать центральное изображение, а если его нет – то смотреть будут в верхний левый угол.

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

Примечания

1 http://bgr.com/2014/05/29/smartphone-computer-usage-study-chart/ (last accessed 25 August 2016).

2 Cowan, N (2010) The magical mystery four: how is working memory capacity limited, and why? Current Directions in Psychological Science, 19 (1), pp 51–57.

3 Mangen, A, Walgermo, BR and Brønnick, K (2013) Reading linear texts on paper versus computer screen: effects on reading comprehension, International Journal of Educational Research, 58, pp 61–68.

Также: Dillon, A (1992) Reading from paper versus screens: a critical review of the empirical literature, Ergonomics, 35 (10), pp 1297–326; Gould, JD, Alfaro, L, Barnes, V, Finn, R, Grischkowsky, N and Minuto, A (1987) Reading is slower from CRT displays than from paper: attempts to isolate a single-variable explanation, Human Factors: The journal of the human factors and ergonomics society, 29 (3), pp 269–99.

4 http://www.wired.com/2014/05/reading-on-screen-versus-paper/ (2015).

5 http://www.slate.com/articles/technology/technology/2013/06/how_people_ read_online_why_you_won_t_finish_this_article.html (2013).

6 Dyson, MC (2004) How physical text layout affects reading from screen, Behaviour & Information Technology, 23 (6), pp 377–93.

7 Song, H and Schwarz, N (2008) If it's hard to read, it's hard to do: processing fluency affects effort prediction and motivation, Psychological Science, 19 (10), pp 986–88.

8 Diemand-Yauman, C, Oppenheimer, DM and Vaughan, EB (2011) Fortune favors the bold (and the italicized): effects of disfluency on educational outcomes, Cognition, 118 (1), pp 111–15.

9 Rayner, K (1998) Eye movements in reading and information processing: 20 years of research, Psychological Bulletin, 124 (3), p 372.

10 http://www.scientificamerican.com/article/why-walking-through-doorway-makes-you-forget/ (2011).

11 Swallow, KM, Zacks, JM and Abrams, RA (2009) Event boundaries in perception affect memory encoding and updating, Journal of Experimental Psychology: General, 138 (2), p 236.

12 Schwan, S, Garsoffky, B and Hesse, FW (2000) Do film cuts facilitate the perceptual and cognitive organization of activity sequences? Memory & Cognition, 28 (2), pp 214–23.

13 Lind, LH, Schober, MF, Conrad, FG and Reichert, H (2013) Why do survey respondents disclose more when computers ask the questions? Public Opinion Quarterly, 77 (4), pp 888–935.

14 Goldfarb, A, McDevitt, RC, Samila, S and Silverman, BS (2015) The effect of social interaction on economic transactions: evidence from changes in two retail formats, Management Science, 61 (12), pp 2963–81.

15 Wang, RJH, Malthouse, EC and Krishnamurthi, L (2015) On the go: how mobile shopping affects customer purchase behavior, Journal of Retailing, 91 (2), pp 217–34.

16 Brasel, SA and Gips, J (2014) Tablets, touchscreens, and touchpads: how varying touch interfaces trigger psychological ownership and endowment, Journal of Consumer Psychology, 24 (2), pp 226–33.

17 Kim, KJ and Sundar, SS (2016) Mobile persuasion: can screen size and presentation mode make a difference to trust? Human Communication Research, 42 (1), pp 45–70.

18 Johnson, D and Grayson, K (2005) Cognitive and affective trust in service relationships, Journal of Business Research, 58 (4), pp 500–07 (in the research literature, emotional and rational trust are referred to as affective and cognitive trust – I have just changed the terms for the sake of simplicity and clarity).

19 Falk, R, Falk, R and Ayton, P (2009) Subjective patterns of randomness and choice: some consequences of collective responses, Journal of Experimental Psychology: Human perception and performance, 35 (1), p 203.

20 Kapoula, Z, Daunys, G, Herbez, O and Yang, Q (2009) Effect of title on eyemovement exploration of cubist paintings by Fernand Léger, Perception, 38 (4), pp 479–91.

21 Drew, T, Võ, MLH and Wolfe, JM (2013) The invisible gorilla strikes again: sustained inattentional blindness in expert observers, Psychological Science, 24 (9), pp 1848–53.

22 Barrow, JD (2014) 100 Essential Things You Didn't Know You Didn't Know about Math and the Arts, WW Norton & Company, London.

23 Ossandon, JP, Onat, S and Koenig, P (2014) Spatial biases in viewing behavior, Journal of Vision, 14 (2), p 20.

24 http://www.independent.co.uk/news/science/why-some-shapes-are-more-pleasing-to-the-eye-than-others-1847122.html (2009).

25 http://www.sciencedirect.com/science/article/pii/S0042698912003914 (2013).

26 http://www.fastcompany.com/3059450/netflix-knows-which-pictures-youll-click-on-and-why (2016).

09

«Вирусный» дизайн

Рисунок 9.1. Изображения могут распространяться по сети подобно вирусу

Во время Первой мировой войны на стенах авиагородков и железнодорожных вагонов начал появляться любопытный образ. Австралийские военнослужащие рисовали нечто вроде граффити – рисунки, гласившие: «Здесь был Фу». Эти образцы народного творчества приходят мне на ум в качестве примера «вирусной» рекламы, за исключением того факта, что в данном случае никакой рекламы не было (кроме констатации факта присутствия солдат). Эти «вирусные» рисунки еще больше распространились во время Второй мировой войны, когда американские военнослужащие писали: «Здесь был Килрой», в британской версии надпись гласила: «Здесь был мистер Чад». Подпись сопровождалась не отличавшимся особой художественностью рисунком – лысый мужчина с длинным носом выглядывает из-за стены, причем нос свешивается за стену.

Интересно, что нос Фу / Килроя / Чада представлял собой клотоидную кривую. Такие кривые подобны растянутой букве «U». Их можно увидеть в дизайне американских горок и съездов на дорогах: такие съезды позволяют водителям разворачиваться в противоположном направлении. А еще они часто встречаются в «килроевидных» каракулях, ведь это самая простая форма кривой движущегося с постоянной скоростью объекта – будь то автомобиль, горки или рука, направляющая карандаш.¹ Клотоидные кривые легче рисовать; мозг «художника» быстро обрабатывает такую форму.

Гораздо важнее, что эти картинки являются ранним примером «вирусных» изображений. Такие рисунки распространяются спонтанно, никто этим специально не занимается, никто не организует процесс. Кроме того, картинки времен Второй мировой имеют пару общих черт со многими «вирусными» изображениями, которые мы видим сегодня в интернете: они основаны на юморе и лицах. В предыдущих главах мы изучали техники, которые делают образы привлекательными или эстетически приятными, а теперь видим, что они непригодны, когда речь идет о «вирусном» содержании. Фу / Килроя / Чада легко нарисовать, но их внешний вид никак не назовешь эстетически приятным. Но это совершенно не важно, когда дело доходит до «вирусного» распространения.