10
iPhone UI Design & Prototyping Anna Callahan Raizlabs

IPhone UI Design & Prototyping Anna Callahan Raizlabs

Embed Size (px)

Citation preview

Page 1: IPhone UI Design & Prototyping Anna Callahan Raizlabs

iPhone UI Design & Prototyping

Anna Callahan

Raizlabs

Page 2: IPhone UI Design & Prototyping Anna Callahan Raizlabs

UI Design: Quick Overview

Do One Thing Apple-Style 80/20 Rule UI Elements as Real Objects Multi-Touch Ergonomics

Prototyping

Page 3: IPhone UI Design & Prototyping Anna Callahan Raizlabs

Do One Thingand do it well

Page 4: IPhone UI Design & Prototyping Anna Callahan Raizlabs

Apple-Styledrink the Apple UI kool-aid

Page 5: IPhone UI Design & Prototyping Anna Callahan Raizlabs

The 80/20 Rulefewer features = better experience

“At least 80 percent of your users will use a very limited number of features in an application, while less than 20 percent will use all the features.”

Page 6: IPhone UI Design & Prototyping Anna Callahan Raizlabs

UI Elements as Real Objects

“When possible, model your application’s objects and actions on objects and actions in the real world.”

use what your users know

Page 7: IPhone UI Design & Prototyping Anna Callahan Raizlabs

Multi-Touch Ergonomicsgive your users the finger

“Provide a fingertip-size target area for all tappable elements.”

“Put most frequently used information near the top, where it is most visible and accessible.”

Page 8: IPhone UI Design & Prototyping Anna Callahan Raizlabs

Prototyping

Paper prototyping Working prototypes

Page 9: IPhone UI Design & Prototyping Anna Callahan Raizlabs

Wedding Reception

Place wedding guests at their tables for the reception.

Page 10: IPhone UI Design & Prototyping Anna Callahan Raizlabs

Finale

iPhone Human Interface Guidelines