IPhone UI Design & Prototyping Anna Callahan Raizlabs.
-
Upload
scott-hutchinson -
Category
Documents
-
view
221 -
download
0
Transcript of IPhone UI Design & Prototyping Anna Callahan Raizlabs.
![Page 1: IPhone UI Design & Prototyping Anna Callahan Raizlabs.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/1.jpg)
iPhone UI Design & Prototyping
Anna Callahan
Raizlabs
![Page 2: IPhone UI Design & Prototyping Anna Callahan Raizlabs.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/2.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/3.jpg)
Do One Thingand do it well
![Page 4: IPhone UI Design & Prototyping Anna Callahan Raizlabs.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/4.jpg)
Apple-Styledrink the Apple UI kool-aid
![Page 5: IPhone UI Design & Prototyping Anna Callahan Raizlabs.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/5.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/6.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/7.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/8.jpg)
Prototyping
Paper prototyping Working prototypes
![Page 9: IPhone UI Design & Prototyping Anna Callahan Raizlabs.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/9.jpg)
Wedding Reception
Place wedding guests at their tables for the reception.
![Page 10: IPhone UI Design & Prototyping Anna Callahan Raizlabs.](https://reader036.fdocuments.in/reader036/viewer/2022062305/5697c0281a28abf838cd698a/html5/thumbnails/10.jpg)
Finale
iPhone Human Interface Guidelines