Interface Design

The Rise of Mobile Cards

Posted in 2010s, Articles, Basics, Interface Design, Mobile on September 8th, 2014 by Dan – Be the first to comment

Cezary Pietrzak, “The Rise of Mobile Cards,” 2014

Born from the frustrations of using a smartphone, cards have quickly become the go-to design metaphor of mobile. They’re simple to understand and visually appealing, and they perfectly accommodate the interactive nature of the medium.

What is a Card?

Posted in 2010s, Articles, Interface Design, Mobile on September 8th, 2014 by Dan – Be the first to comment

Khoi Vihn, “What is a Card?” 2014

We used to sit down with software and point and click on things; now we carry software around and tap, swipe, pinch and zoom on things. As our computing habits have gotten more mobile and more physical, the metaphor of pages, which implies a more focused, dedicated frame of mind, has become less useful.

Cards offer an alternative metaphor that’s much more complementary to how we use phones and tablets.

Transitional Interfaces

Posted in 2010s, Articles, Interface Design on June 3rd, 2013 by Dan – Be the first to comment

D’Silva, Pasquale, “Transitional Interfaces” (2013)

Folks keep throwing around the word “delight” when referring to animation and cute interactions. Cool and great for those guys. Guess what though? Animation can be used functionally too. It’s not just an embellished detail.

Animation leverages an overlooked dimension — time! An invisible fabric which stitches space together.

No to NoUI

Posted in 2010s, Articles, Interface Design, Theory on March 18th, 2013 by Dan – Be the first to comment

Arnall, Timo, “No to NoUI,” 2013.

Invisible design propogates the myth that technology will ‘disappear’ or ‘just get out of the way’ rather than addressing the qualities of interface technologies that can make them difficult or delightful.

Intentionally hiding the phenomena and materiality of interfaces, smoothing over the natural edges, seams and transitions that constitute all technical systems, entails a loss of understanding and agency for both designers and users of computing. Lack of understanding leads to uncertainty and folk-theories that hinder our ability to use technical systems, and clouds the critique of technological developments.

As systems increasingly record our personal activity and data, invisibility is exactly the wrong model.

How Print is the Future of Interaction

Posted in 2010s, Articles, Inspirational, Interface Design, Mobile on March 18th, 2012 by Dan – Be the first to comment

Mike Kruzeniski, How Print Design is the Future of Interaction, 2011

The literal analog affordance is no longer necessary, and yet, it’s the default path that so many interactive experiences follow. We don’t need to make an eBook look like a book for people to understand how to use it. The book isn’t the cover and binding, it’s the images and the text that make the story. Similarly, a movie doesn’t need to look like a DVD on a shelf to understand that it belongs to a collection, and an audio mixer doesn’t require cables and knobs to be capable as a tool, and a Notebook does not require leather and a spiral bind to be familiar. In the early days of interaction design when software concepts were best explained through heavy handed metaphors, the familiarity of these objects and textures was appropriate. However, the rendering of artifacts has outlived its usefulness as the definitive approach to UI design. As Designers we should be critiquing it for what it often is: shallow, meaningless, and often distracting from the information it surrounds.

Mission Transition

Posted in 2010s, Articles, Interface Design on March 16th, 2012 by Dan – Be the first to comment

Mark Cossey, Mission Transition, 2012

A transition that has been designed to be slow can feel awful. When designing an application, an interface or any type of structured content, we must ensure that users understand where they have come from as they arrive at the new page or state. The transition from one screen or group of content to another should feel natural and should be tested on devices of varying power and speed to get a wider view of how the transition feels. Too fast, and it may appear broken or jumpy; too slow, and it will be frustrating to use.

Doing With Images Makes Symbols

Posted in 1980s, History, Interface Design, Videos on April 23rd, 2011 by Dan – Be the first to comment

Alan Kay lecture at Apple, 1987.

Apparent Usability vs. Inherent Usability: Experimental analysis on the determinants of the apparent usability

Posted in 1990s, Articles, Interface Design on December 2nd, 2010 by Dan – Be the first to comment

Masaaki Kurosu and Kaori Kashimura, “Apparent Usability vs. Inherent Usability: Experimental analysis on the determinants of the apparent usability” (1995)

The Mother of All Demos

Posted in 1960s, History, Interface Design, Videos, Visionary on October 7th, 2010 by Dan – Be the first to comment

Douglas Engelbart, A research center for augmenting human intellect (1968)

From Wikipedia: The Mother of All Demos is a name given retrospectively to Douglas Engelbart’s December 9, 1968, demonstration at the Fall Joint Computer Conference (FJCC) at the Convention Center in San Francisco, in which a number of experimental technologies that have since become commonplace were presented. The demo featured the first computer mouse the public had ever seen, as well as introducing interactive text, video conferencing, teleconferencing, email, hypertext and a collaborative real-time editor.

Learning Interaction Design from Everyday Objects

Posted in 2000s, Interface Design, Presentations on October 5th, 2010 by Dan – Be the first to comment

Bill DeRouchey, “Learning Interaction Design from Everyday Objects” (2006)

Designing Interfaces

Posted in 2000s, Interface Design, Non-Fiction Books on October 5th, 2010 by Dan – Be the first to comment

Jenifer Tidwell, Designing Interfaces: Patterns for Effective Interaction Design (2005)

The Humane Interface

Posted in 2000s, History, Interface Design, Non-Fiction Books on October 5th, 2010 by Dan – Be the first to comment

Jeff Raskin, The Humane Interface: New Directions for Designing Interactive Systems (2000)

Controls are Choices

Posted in 2000s, Articles, Basics, Interface Design on October 5th, 2010 by Dan – Be the first to comment

Dan Saffer, “Controls are Choices” (2009)

The Myth of Discoverability

Posted in 2000s, Articles, Basics, Cogniton, Interface Design on October 5th, 2010 by Dan – Be the first to comment

Scott Berkun, “The Myth of Discoverability” (2003)

But How, Donald, Tell Us How?: On the creation of meaning in interaction design through feedforward and inherent feedback

Posted in 2000s, Articles, Cogniton, Interface Design on October 5th, 2010 by Dan – Be the first to comment

Stephan Wensveen, Kees Overbeeke, and Tom Djajadiningrat, “But How, Donald, Tell Us How?: On the creation of meaning in interaction design through feedforward and inherent feedback” (pdf) (2002)

Introduces the concept of “feedforward.”

Emotion and Design: Attractive Things Work Better

Posted in 2000s, Articles, Interface Design, Theory on October 5th, 2010 by Dan – Be the first to comment

Don Norman, “Emotion and Design: Attractive Things Work Better” (2002)

The Anti-Mac User Interface

Posted in 1990s, Articles, Interface Design, Theory on October 5th, 2010 by Dan – Be the first to comment

Don Gentner and Jakob Nielsen, “The Anti-Mac User Interface” (1996)

Intuitive Equals Familiar

Posted in 1990s, Articles, Basics, Inspirational, Interface Design on October 5th, 2010 by Dan – Be the first to comment

Jeff Raskin, “Intuitive Equals Familiar” (1994)

Working with Interface Metaphors

Posted in 1990s, Articles, Interface Design on October 5th, 2010 by Dan – Be the first to comment

Thomas Erickson, “Working with Interface Metaphors” (pdf) (1990)

Affordances and Design

Posted in 1980s, Articles, Basics, Interface Design on October 2nd, 2010 by Dan – Be the first to comment

Don Norman, “Affordances and Design” (1988)

Introduces the concept of affordances into the design arena.