Top Banner
iPhone UI Design & Prototyping Anna Callahan Raizlabs
10
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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