Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Getting Real: Pros and Pitfalls of Realistic UI Design

Aaron Weyenberg
October 27, 2011

Getting Real: Pros and Pitfalls of Realistic UI Design

A new generation of touch devices have proven to be exciting playgrounds for app designers. And with every new product we create, we have the opportunity to offer the most clear and efficient experience for our users. Recent UI trends often lean to realistic, faithful representations of analog controls and features. These designs can offer advantages, but also come with their own set of hazards.

In this session Aaron will lead you on a tour of current trends and practices, examining the strengths and drawbacks that realism brings. We’ll talk about things like mental models, innovation and usability as they relate to lifelike UI. Finally, Aaron will share some pragmatic guidelines to keep in mind as you build the next wave of mobile and tablet apps.

Aaron Weyenberg

October 27, 2011
Tweet

More Decks by Aaron Weyenberg

Other Decks in Design

Transcript

  1. Weak form Texture Light & shadow Depth Skeuomorphs Strong form

    Texture Light & shadow Depth Skeuomorphs + Behavior Structure Controls Thursday, October 27, 11
  2. 1980 1990 2000 2010 Text Tables & Images Flash CSS

    Javascript Semantic Web Web 2.0 Mobile/Touch Thursday, October 27, 11
  3. 1980 1990 2000 2010 Text Tables & Images Flash CSS

    Javascript Semantic Web Web 2.0 Mobile/Touch Usability Thursday, October 27, 11
  4. 1980 1990 2000 2010 Text Tables & Images Flash CSS

    Javascript Semantic Web Web 2.0 Mobile/Touch Usability Thursday, October 27, 11
  5. 1980 1990 2000 2010 Text Tables & Images Flash CSS

    Javascript Semantic Web Web 2.0 Mobile/Touch Usability Crazy Image Maps Thursday, October 27, 11
  6. 1980 1990 2000 2010 Text Tables & Images Flash CSS

    Javascript Semantic Web Web 2.0 Mobile/Touch Usability Crazy Image Maps Insane Flash Sites Thursday, October 27, 11
  7. 1980 1990 2000 2010 Text Tables & Images Flash CSS

    Javascript Semantic Web Web 2.0 Mobile/Touch Usability Crazy Image Maps Insane Flash Sites Overzealous Touch Realism Thursday, October 27, 11
  8. Indiscriminate use of realism results in UIs that impair usability

    and stall innovation. Thursday, October 27, 11
  9. I’ll just add modern features to my cool, retro design.”

    “No problem... Thursday, October 27, 11
  10. Camera+ No. 1 photography app Over 2 million 3 million

    installs Thursday, October 27, 11
  11. What if you had to start over? Multiline numeric display

    Calculate as you type Edit, undo, redo Add words for meaning Save and share calculations Thursday, October 27, 11
  12. Be efficient Don’t further limit the form factor of mobile

    devices at the expense of design realism. Thursday, October 27, 11
  13. Be honest Realistic design features should be consistent with and

    reflect reality. Thursday, October 27, 11
  14. My job as a designer is to look into the

    future. Not use any frame of reference that exists.” Marc Newson “ Thursday, October 27, 11