Books & Excerpts

The Design of Everyday Things - Book Cover

The Design of Everyday Things

Don Norman

  1. For designers, the most critical aspect of the behavioral level is that every action is associated with an expectation. Expect a positive outcome and the result is a positive affective response (a “positive valence,” in the scientific literature). Expect a negative outcome and the result is a negative affective response (a negative valence): dread and hope, anxiety and anticipation. The information in the feedback loop of evaluation confirms or disconfirms the expectations, resulting in satisfaction or relief, disappointment or frustration.

  2. The most basic level of processing is called visceral. This is sometimes referred to as “the lizard brain.” All people have the same basic visceral responses. These are part of the basic protective mechanisms of the human affective system, making quick judgments about the environment: good or bad, safe or dangerous.

  3. Cognition provides understanding: emotion provides value judgments.

  4. Because we are only aware of the reflective level of conscious processing, we tend to believe that all human thought is conscious. But it isn’t. We also tend to believe that thought can be separated from emotion. This is also false. Cognition and emotion cannot be separated. Cognitive thoughts lead to emotions: emotions drive cognitive thoughts. The brain is structured to act upon the world, and every action carries with it expectations, and these expectations drive emotions. That is why much of language is based on physical metaphors, why the body and its interaction with the environment are essential components of human thought.

The Manual: Issue 4 - Book Cover

The Manual: Issue 4

Craig Mod, Wilson Miner, Diana Kimball, Jennifer Brook, .

  1. With digital interfaces, there’s only so much we can do to make our products more durable. We’re limited by the ephemeral nature of our materials. And we’ve learned to work in a way that takes advantage of the fact that digital material is so easily disposable. We try things; we learn something; we erase things, and we try again.

  2. But the process, the way we got there, has a longer lifespan. The process is the sediment, the deep root system where we store up knowledge over time. Each product we create is just what surfaces above ground, a crystallization of the sum total of everything we’ve learned up to that point.

  3. His rule of being nothing from everywhere allowed him to shapeshift to anyone always.

  4. This is the most interesting thing about typography: it’s a chain reaction of time and place with you as the catalyst. The intention of a text depends on its presentation, but it needs you to give it meaning through reading.

Creativity, Inc - Book Cover

Creativity, Inc

Ed Catmull

  1. As Trent Walton says in his essay “Device Agnostic”: Like cars designed to perform in extreme heat or on icy roads, websites should be built to face the reality of the web’s inherent variability

  2. Not every mobile browser supports the CSS we rely on, like floats, positioning, or animation. If your styles for a small-screen experience are significantly complex, you might consider broadly qualifying their application to newer, media-query-supporting browsers. Wrapping the mobile-first styles in a media query such as only all is one reliable way to do this.

  3. Given this ever-increasing page size, we should attend to the amount of data we’re asking our users to download, rather than simply squishing down massive images to fit smaller screens. Now, to be clear: “small screen” does not imply “slow connection.” Far from it. In fact, there is no correlation between the width of a screen and the amount of bandwidth available to it.

  4. The absence of support for @media queries is in fact the first @media query.

Responsible Responsive Design - Book Cover

Responsible Responsive Design

Scott Jehl, forward by Ethan Marcotte

  1. As Trent Walton says in his essay “Device Agnostic”: Like cars designed to perform in extreme heat or on icy roads, websites should be built to face the reality of the web’s inherent variability

  2. Not every mobile browser supports the CSS we rely on, like floats, positioning, or animation. If your styles for a small-screen experience are significantly complex, you might consider broadly qualifying their application to newer, media-query-supporting browsers. Wrapping the mobile-first styles in a media query such as only all is one reliable way to do this.

  3. Given this ever-increasing page size, we should attend to the amount of data we’re asking our users to download, rather than simply squishing down massive images to fit smaller screens. Now, to be clear: “small screen” does not imply “slow connection.” Far from it. In fact, there is no correlation between the width of a screen and the amount of bandwidth available to it.

  4. The absence of support for @media queries is in fact the first @media query.

For articles and quick-read recommendations, .