usability & design principles

26
Namics. Design & Usability Principles Mobile. Design. Create. Namics. C. Medvesek 10-2010

Upload: claus-medvesek

Post on 11-Nov-2014

5.307 views

Category:

Documents


1 download

DESCRIPTION

Personal selection of principles for designing usable interfaces for web and mobile applications

TRANSCRIPT

Page 1: Usability & Design Principles

Namics.

Design & Usability Principles

Mobile. Design. Create. Namics.

C. Medvesek 10-2010

Page 2: Usability & Design Principles

Namics.Mobile. Create. Basics.

Enhance Interactivity

“The best iPad applications give people innovative ways to interact with content while they perform a clearly defined, finite task. Resist the temptation to fill the large screen with features that are not directly related to the main task.”

iPad Human Interface Guidelines p.19

10-2010

Page 3: Usability & Design Principles

29.10.2010 Mobile. Create. Basics. Workshop. DE.

Page 4: Usability & Design Principles

Namics.

Stay consistent

“The more users’ expectations prove right, the more they will feel in control of the system and the more they will like it.”

Ten Usability Heuristics by Jakob Nielsen

10-2010 Mobile. Create. Basics.

Page 5: Usability & Design Principles
Page 6: Usability & Design Principles

Namics.

Simplicity is powerful

Simplicity fuels many elements of good design, including ease of use, speed, visual appeal, and accessibility. But simplicity starts with the design of a product‘s fundamental functions.

Googley user experience

10-2010 Mobile. Create. Basics.

Page 7: Usability & Design Principles
Page 8: Usability & Design Principles
Page 9: Usability & Design Principles

Namics.

Make it self-explanatory

Good design makes a product understandable. It clarifies the product’s structure. Better still, it can make the product talk. At best, it is self-explanatory.

Dieter Rams: ten principles for good design.

10-2010 Mobile. Create. Basics.

Page 10: Usability & Design Principles
Page 11: Usability & Design Principles
Page 12: Usability & Design Principles

Namics.

Pay attention to patterns

Users spend the majority of their time on interfaces other than your own. There is no need to reinvent the wheel. Those interfaces may solve some of the same problems that users perceive within the one you are creating. By using familiar UI patterns, you will help your users feel at home.

Think Vitamin – 10 User Interface Guidelines

10-2010 Mobile. Create. Basics.

Page 13: Usability & Design Principles
Page 14: Usability & Design Principles

copyright

«Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.»

Jacob Nielsen

Page 15: Usability & Design Principles

Namics.

Delight People

“Delight People with Stunning Graphics – One way to increase the perceived value of your application is to replicate the look of high- quality or precious materials. For example, if the e ect of wood, ffleather, or metal is appropriate in your application, take the time to make sure the material looks realistic and valuable.”

iPad Human Interface Guidelines p.24

10-2010 Mobile. Create. Basics.

Page 16: Usability & Design Principles

“A graphically rich look at a wide variety of trips.”- New York Times

Page 17: Usability & Design Principles

Books oder Lonley Planet

Page 18: Usability & Design Principles

“Wonderful. Grab it now.” - Gizmodo

Page 19: Usability & Design Principles

Namics.

Provide Feedback

“The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.”

Ten Usability Heuristics by Jakob Nielsen

10-2010 Mobile. Create. Basics.

Page 20: Usability & Design Principles
Page 21: Usability & Design Principles

Namics.

Allow mistakes

Your UI should allow for and tolerate user error. Design ways for users to undo actions, and be forgiving with varied inputs.

Think Vitamin – 10 User Interface Guidelines

10-2010 Mobile. Create. Basics.

Page 22: Usability & Design Principles
Page 23: Usability & Design Principles

Namics.

Every detail counts

Good design is thorough, down to the last detail. Nothing must be arbitrary or left to chance. Care and accuracy in the design process show respect towards the consumer.

Dieter Rams: ten principles for good design.

10-2010 Mobile. Create. Basics.

Page 24: Usability & Design Principles
Page 25: Usability & Design Principles

Namics.Mobile. Create. Basics.

Design. Usability. Prinzipien.

iPad User Experience Guidelines (Apple)

http://www.lukew.com/ff/entry.asp?995

10 User Interface Design Fundamentals (Think Vitamin)

http://thinkvitamin.com/design/10-user-interface-design-fundamentals/

10 Heuristics for User Interface Design (Jakob Nielsen)

http://www.useit.com/papers/heuristic/heuristic_list.html

The Googley User Experience Principles (Google)

http://www.google.com/corporate/ux.html

Ten Principles of Good Design (Dieter Rams)

http://www.vitsoe.com/en/re/about/dieterrams/gooddesign

Design Principles Glossary

http://www.usabilityfirst.com/glossary/design-principles/

Quellen

10-2010

Page 26: Usability & Design Principles

Namics.

[email protected]© Namics

10-2010 Mobile. Create. Basics.