Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →
This overview features the most useful resources related to the article The Personality Layer1, written by Simon Schmid.
“Emotional Design” Featured On Smashing Magazine:
- “Optimizing Emotional Engagement in Web Design Through Metrics2”
Think about what keeps you coming back to your favorite store, your favorite person or even your favorite website. It’s not just a mindless buy-go, hug-go or click-go relationship. It is a complicated, emotional connection. It is what makes relationships with people and brands intoxicating. User engagement must have an equally complex emotional connection. It must affect the user in mind, body and spirit. Anything less is a 1990s brochure website. Read more3.
- “A Craft Of Consequences: Reader, Writer And Emotional Design4”
Before the very first page of a book has been read, you’ve already analyzed it in countless ways without even noticing. The paper stock, the thickness of the binding, the aroma, the color of the type and even the texture of the cover; the very character of the book is being dissected by the hand and eye at every moment. Read more5.
- “Not Just Pretty: Building Emotion Into Your Websites6”
Emotional design has become a powerful tool in creating exceptional user experiences for websites. However, emotions did not use to play such an important role on the Web. Actually, they did not use to play any role at all; rather, they were drowned by a flood of rational functionality and efficiency. Read more7.
- “Give Your Website Soul With Emotionally Intelligent Interactions8”
What is it that makes us loyal fans of the websites and apps we love? When we sat down to answer this question for ourselves, we found that the websites and apps we truly love have one thing in common: soul. They’re humanized. They have emotional intelligence designed into the user experience. And this emotional intelligence is crafted through thoughtful interaction design and feedback mechanisms built into the website. Read more9.
“Emotional Design” Around The Web:
- “Emotional Interface Design: The Gateway to Passionate Users10”
We’re changing. Our relationships online and in real life are shifting as we become more public with our private lives. Online social networks have helped our real world social networks transcend time and space making it easy (and seemingly essential) to share the triumphs, tragedies, and trite moments of life. No longer do you simply tell your best friend that you’ve broken up with your boyfriend. It feels natural to many people to tell hundreds of Twitter followers, and Facebook friends. Read more11.
- “Personality in Design12”Our lasting relationships center around the unique qualities and perspectives we all possess. We call it personality. Through our personalities, we express the entire gamut of human emotion. Personality is the mysterious force that attracts us to certain people and repels us from others. Because personality greatly influences our decision-making process, it can be a powerful tool in design. Read more13.
- “Aaron Walter’s Emotional Design Reading List”
There are a host of interesting books about psychology, design, emotion, and how our brains work that informed my book, Designing for Emotion. Here’s a list of essential books for the shelves of any user experience designer, web designer, or content strategist interested in the topic of emotional design.
- “Learning to Love Humans: Emotional Interface Design14”
Humans, though cute and cuddly, are not without their flaws, which makes it a challenge to design for them. By understanding how the wet, mushy processor works in these hairy little devils, you can design interfaces and web experiences that will have them hopelessly devoted to your brand. Aarron will introduce you to the emotional usability principle—a design axiom that identifies a strong connection between human emotion and perceived usability. Through real-world examples, you’ll learn practical interface design techniques that will make your sites and applications more engaging to the humans they serve. Read more15.
- “WordPress, Blogging and Humour: Instances of Official WordPress Humour That You Should Not Miss16”
WordPress is not just an awesome blogging platform and an open source software that millions of blogs are happily using. The WordPress people have a great sense of humour. In fact blogging (and life) is almost meaningless without humour. The folks at WordPress understand this more than anyone else and you as a blogger and writer can take learn from the people at Automattic (the people who run WordPress and several other projects). WordPress is indeed the ‘blogging software with style.’ Read more17.
- “Creative Cultures: MailChimp Grants Employees “Permission To Be Creative”18”
This is the first in a series on corporate culture. From business philosophy to talent acquisition and management, customer service and product development, we’ll examine the inner workings of successful companies and the ways they build cultures that promote and harness creativity. Here, email newsletter company MailChimp and the connection between coloring books and empowered employees. Read more19.
- “Beyond Frustration: Three Levels of Happy Design20”
After watching Seligman’s talk about positive psychology, I was curious to learn more about the subject from other TED talks and other sources. I watched Don Norman talk about ways that design makes you happy, and Stuart Brown explaining the importance of play in cognition and creativity. Stefan Sagmeister drew parallels between the emotions people feel as they experience good design with the types of happiness and contentment people feel as they meditate. Read more21.
- “The Psychologist’s View of UX Design22” UX Mag
The story of the elephant reminds me of the different view of design that people of different backgrounds, education, and experience have. A visual designer approaches UX design from one point of view, the interaction designer from another, and the programmer from yet another. It can be helpful to understand and even experience the part of the elephant that others are experiencing. Read more23.
- “Organized Approach to Emotional Response Testing24”
Most user experience designers will have heard of the Product Reaction Cards (doc), a set of 118 words and phrases developed for Microsoft by Joey Benedek and Trish Miner in 2002 that can be deployed in a user testing workshop to help people articulate their emotional responses to a product. Read more25.
- “Emotional Design26,” Boxes & Arrows
As UX professionals, we strive to design engaging experiences. These experiences help to forge relationships between the products we create and the people who use them. Whether you’re designing a website or a physical product, the formation of a relationship depends on how useful, usable and pleasurable the experience is. Ultimately, we form relationships with products and services for the same reasons we form relationships with people. Read more27.
- “Resources28,” Mental Notes
A bookshelf of highly recommended reading.
- Little Big Details29
A great blog for your daily UI inspiration.
- 1 https://www.smashingmagazine.com/2012/07/18/the-personality-layer/
- 2 https://www.smashingmagazine.com/2011/05/19/optimizing-emotional-engagement-in-web-design-through-metrics/
- 3 https://www.smashingmagazine.com/2011/05/19/optimizing-emotional-engagement-in-web-design-through-metrics/
- 4 http://designinformer.smashingmagazine.com/2012/02/08/the-journey-from-writer-to-reader/
- 5 http://designinformer.smashingmagazine.com/2012/02/08/the-journey-from-writer-to-reader/
- 6 https://www.smashingmagazine.com/2012/04/12/building-emotion-into-your-websites/
- 7 https://www.smashingmagazine.com/2012/04/12/building-emotion-into-your-websites/
- 8 https://www.smashingmagazine.com/2012/03/28/give-your-website-soul-with-emotionally-intelligent-interactions/
- 9 https://www.smashingmagazine.com/2012/03/28/give-your-website-soul-with-emotionally-intelligent-interactions/
- 10 http://thinkvitamin.com/design/emotional-interface-design-the-gateway-to-passionate-users/
- 11 http://thinkvitamin.com/design/emotional-interface-design-the-gateway-to-passionate-users/
- 12 http://www.alistapart.com/articles/personality-in-design/
- 13 http://www.alistapart.com/articles/personality-in-design/
- 14 https://speakerdeck.com/u/aarron/p/learning-to-love-humans-emotional-interface-design/
- 15 https://speakerdeck.com/u/aarron/p/learning-to-love-humans-emotional-interface-design/
- 16 http://www.wpwebhost.com/2010/04/wordpress-blogging-and-humour-instances-of-official-wordpress-humour-that-you-should-not-miss/
- 17 http://www.wpwebhost.com/2010/04/wordpress-blogging-and-humour-instances-of-official-wordpress-humour-that-you-should-not-miss/
- 18 http://fastcocreate.com/1679207/creative-cultures-mailchimp-grants-employees-permission-to-be-creative
- 19 http://fastcocreate.com/1679207/creative-cultures-mailchimp-grants-employees-permission-to-be-creative
- 20 http://uxmag.com/articles/beyond-frustration-three-levels-of-happy-design
- 21 http://uxmag.com/articles/beyond-frustration-three-levels-of-happy-design
- 22 http://uxmag.com/articles/the-psychologists-view-of-ux-design
- 23 http://uxmag.com/articles/the-psychologists-view-of-ux-design
- 24 http://uxmag.com/articles/organized-approach-to-emotional-response-testing
- 25 http://uxmag.com/articles/organized-approach-to-emotional-response-testing
- 26 http://boxesandarrows.com/view/emotional-design
- 27 http://boxesandarrows.com/view/emotional-design
- 28 http://getmentalnotes.com/resources
- 29 http://littlebigdetails.com
↑ Back to top
Tweet itShare on Facebook