Download to read offline
![“Beauty was an important
predictor of the Overall
Impression.”
Schenkman, B. N., & Jönsson, F. U. (2000).
Aesthetics and preferences of web pages.
Behaviour & Information Technology, 19(5),
367-377.
“[W]hen the same content is presented
using different levels of aesthetic
treatment, the content with a higher
aesthetic treatment was judged as
having higher credibility.”
Robins, D., & Holmes, J. (2008). Aesthetics and credibility in web site
design. Information Processing & Management, 44(1), 386-399.](https://image.slidesharecdn.com/cognition-141110105138-conversion-gate01/85/Does-your-website-make-your-users-fat-16-320.jpg)
![Proximity
Similarity
Closure
Symmetry
Common fate
Continuity
…
Gestalt
{ } [ ] <
>
The whole is greater than the sum of its parts.](https://image.slidesharecdn.com/cognition-141110105138-conversion-gate01/85/Does-your-website-make-your-users-fat-26-320.jpg)
Uploaded byZoe Chao
Does your website make your users fat?
The document discusses the impact of web design on user experience and cognitive load, emphasizing the importance of usability and aesthetic appeal in web interfaces. It highlights various studies and design principles that show how well-designed websites enhance user engagement and information retention. Key concepts include the balance of aesthetic treatment, cognitive processing limits, and the relationship between design elements and user satisfaction.
Does your website make your users fat?
- 1. Does Your WebsiteMake Your Users Fat? Reducing User's Cognitive Load With Easy To Ingest Web Design LITA 2014 Forum Zoë Chao
- 2.
- 3. Memorize 7 numbers vs Memorize 2 numbers Shiv, B., & Fedorikhin, A. (1999). Heart and mind in conflict: The interplay of affect and cognition in consumer decision making. Journal of consumer Research, 26(3), 278-292.
- 5. “The dogs requiredto exert self-control (i.e., inhibit behavior) appeared to have depleted some important resource, which led to decreased persistence on the unsolvable task. By contrast, the dogs not required to exert self-control did not deplete this resource and persisted for a longer duration.” Miller, H. C., Pattison, K. F., DeWall, C. N., Rayburn-Reeves, R., & Zentall, T. R. (2010). Self-control without a “self”? Common self-control processes in humans and dogs. Psychological Science.
- 6. Affective Feelings Impulsiveself Emotional side “Heart” Cognitive Thoughts Prudent self Rational side “Head”
- 7.
- 8. “Content is king.Even though I was often testing sites to evaluate their interaction design, the test users were far more focused on the actual page content. Most users don’t go to the Web to “have an experience” or to enjoy the site designs: the UI is the barrier through which they reach for the content they want.” Nielsen, J. (1999). User interface directions for the web. Communications of the ACM, 42(1), 65-72.
- 9. USABILITY GOALS Learnability Efficiency Memorability Errors (as in low error rate) Satisfaction Nielsen, J. (1994). Usability engineering. Elsevier.
- 12. Affective Design Experience/havingfun Aesthetics Creative Cognitive Content Usability Information architecture Conventional
- 13. visceral design theimmediate perception, appearances behavioral design the functional and usable properties reflective design the user’s subsequent opinion about the product Norman, D. A. (2013). The design of everyday things. Basic books.
- 14. “Good feelings increasethe tendency to combine material in new ways and to see relatedness between divergent stimuli.” Isen, A. M., Daubman, K. A., & Nowicki, G. P. (1987). Positive affect facilitates creative problem solving. Journal of personality and social psychology, 52(6), 1122.
- 15.
- 16. “Beauty was animportant predictor of the Overall Impression.” Schenkman, B. N., & Jönsson, F. U. (2000). Aesthetics and preferences of web pages. Behaviour & Information Technology, 19(5), 367-377. “[W]hen the same content is presented using different levels of aesthetic treatment, the content with a higher aesthetic treatment was judged as having higher credibility.” Robins, D., & Holmes, J. (2008). Aesthetics and credibility in web site design. Information Processing & Management, 44(1), 386-399.
- 18. “The visual aestheticsthat frame and define content are much more than simply a ‘skin’ that we can apply or discard without consequence. ” Lynch, P. (2009). Visual decision making. A List Apart: For People Who Make Websites, 286. http://alistapart.com/article/visual-decision-making
- 19. Williams, R. (2004).The non-designer's design book. Peachpit Press. SUPER USEFUL! Proximity Alignment Repetition Contrast
- 20. Proximity Alignment Repetition Contrast Williams, R. (2004). The non-designer's design book. Peachpit Press.
- 21. B A NN E R Lim, R. W., & Wogalter, M. S. (2000, July). The position of static and on-off banners in WWW displays on subsequent recognition. In Proceedings of the Human Factors and Ergonomics Society Annual Meeting (Vol. 44, No. 4, pp. 420-423). SAGE Publications.
- 23. 7 +/- 2“chunks” of information Miller, G. A. (1956). The magical number seven, plus or minus two: some limits on our capacity for processing information. Psychological review, 63(2), 81.
- 24. 512 documents 3levels 8 links per level 16 top level, 32 second level 32 top level, 16 second level Larson, K., & Czerwinski, M. (1998, January). Web page design: Implications of memory, structure and scent for information retrieval. In Proceedings of the SIGCHI conference on Human factors in computing systems (pp. 25-32). ACM Press/Addison-Wesley Publishing Co.
- 25. Tuch, A. N.,Bargas-Avila, J. A., & Opwis, K. (2010). Symmetry and aesthetics in website design: It’s a man’s business. Computers in Human Behavior, 26(6), 1831-1837.
- 26. Proximity Similarity Closure Symmetry Common fate Continuity … Gestalt { } [ ] < > The whole is greater than the sum of its parts.
- 27. “High quality typography appears to induce a positive mood, similar to earlier mood inducers such as a small gift or watching a humorous video.” Larson, K., & Picard, R. (2005, February). The aesthetics of reading. In Appears in Human- Computer Interaction Consortium Conference, Snow Mountain Ranch, Fraser, Colorado.
- 29. WHO ARE THE USERS?
- 30.
- 32. Bonnardel, N., Piolat,A., & Le Bigot, L. (2011). The impact of colour on Website appeal and users’ cognitive processes. Displays, 32(2), 69-80.
- 36.
- 37.
- 38.
- 39. Tube Map Patterson,R. E., Blaha, L. M., Grinstein, G. G., Liggett, K. K., Kaveney, D. E., Sheldon, K. C., ... & Moore, J. A. (2014). A human cognition framework for information visualization. Computers & Graphics, 42, 42-58.
- 40.
- 41. “Using findings andguidelines like these allow web designers to start with a good initial design, or prevent silly mistakes, but it doesn’t guarantee a useful, usable web site when all the variables are combined together into one design.” Czerwinski, M., & Larson, K. (2002). Cognition and the Web: moving from theory to Web design (pp. 147-165). Erlbaum: NJ.
- 42.
- 43. So now, whichone?
- 44. Whether it bethe sweeping eagle in his flight, or the open apple-blossom, the toiling work-horse, the blithe swan, the branching oak, the winding stream at its base, the drifting clouds, over all the coursing sun, form ever follows function, and this is the law. Louis Sullivan
Editor's Notes
- #4 In 1999, Professor Baba Shiv (currently at Stanford) and his co-author Alex Fedorikhin did a simple experiment on 165 undergrad students. They asked half to memorize a seven-digit number and the other half to memorize a two-digit number. After completing the memorization task, participants were told the experiment was over, and then offered a snack choice of either chocolate cake or a fruit bowl. The participants who memorized the seven-digit number were nearly 50% more likely than the other group to choose cake over fruit. Symbolic and real things
- #6 Experiment 2 demonstrated that providing dogs with a boost of glucose eliminated the negative effects of prior exertion of self-control on persistence; this finding parallels a similar effect in humans.
- #9 Do you agree? Why do we care about book cover? Book jacket design?
- #13 Slider becomes “conventional”?
- #19 Ask users about good design…
- #22 Gestalt
- #23 the top left and bottom right corners were significantly better recognized than the other 2 corners. Recognition performance was higher for banners centrally located. Shopping cart on the top right!
- #25 an average person can hold temporarily in short-term memory. Card sorting Cited by 19917
- #26 Picking links is not about short-term memory; More about labeling; Card sorting (in our case, mostly 4-6 groups)
- #27 vertical symmetry should be considered an important factor in aesthetic website design. This study shows evidence that vertical symmetry has an impact on intuitive straightforward beauty appraisals and on classical and expressive aesthetics judgments made by the participants.
- #44 Form follows function
- #50 http://www.nytimes.com/2009/06/01/arts/01iht-DESIGN1.html?pagewanted=all&_r=0