IPhone UI Design & Prototyping Anna Callahan Raizlabs.

Slides:



Advertisements
Similar presentations
A User Study on User Collaboration and Privacy Concerns thorough the use of a Round Table-top Multi-touch Interface Nicolas J. Dedual.
Advertisements

Precise Selection Techniques for Multi-Touch Screens Hrvoje Benko Andy D. Wilson Patrick Baudisch Columbia University and Microsoft Research CHI 2006.
Software Usability Course notes for CSI University of Ottawa Section 6: Thoughts on Mobile and Multi-Touch Usability Timothy C. Lethbridge
NATURE (1)Random (accident) : In my research, the nature create universe always by random way. Even thought, universe was composed by basic element and.
Design Analysis of Everyday Objects IS 485, Professor Matt Thatcher.
Developed by Justin Francisco, SUNY Fredonia USER INTERFACE DESIGN By: Justin Francisco.
ITouch/iPhone SDK A study using Cognitive Dimensions.
Tina design review Main design decisions. Top level modules. Responsibilities. Phases A & B. Test plan. Time table.
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
Project title (make sure to include your logo) All Your Names Plan on no more than 10 minutes (about 6-7 slides)
New User Interface Demo with the Plug-in Reader. Contents  UI overview  Select Reader  Search  Simple  Focus  Advance  Recent  Chapter rank 
1 times table 2 times table 3 times table 4 times table 5 times table
Solve for y when x = 1, 2, 3 and 4. 1.) y = x ) y = 5x 4 3.) y = 3x Solve for y when x is -2, -1, 0, 1. Patterns and Functions Day 2.
GAO YUAN We are here for:  We know iPhone from iOS Human Interface Guidelines  The guidelines and principles that help you.
Spring /6.831 User Interface Design and Implementation1 Lecture 26: Mobile User Interfaces.
Introduction to Usability By : Sumathie Sundaresan.
CS378 - Mobile Computing App Project Overview. App Project Teams of 2 or 3 students Develop an Android application of your choosing subject to instructor.
Demo Guidelines Lesson 9. Modules 9.1Demo Video Guidelines 9.2Begin Filming Pitch Video 9.3Continue working on prototype.
07 HCI Final Project. Outline Recap of exam rules Definition of “Final Project” Domains Technologies Materials for exemplification and discussion What.
Heuristic Evaluation and Discount Usability Engineering Taken from the writings of Jakob Nielsen – inventor of both.
Heuristics for Mobile phones Dave Maruszewski & Shirley Carvalhedo.
GIAN DELEON TIMOTHY JONES CHRISTOPHER MARTIN ADVISOR/SPONSOR: DR. STAPLETON 2.2 Sensor Glove Controller.
Software Design Experiences 2009, adapted from d.school.bootcamp.2008 DP 0 The Wallet Project.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Designing iPhone User Experience A User-Centered Approach to Sketching and Prototyping iPhone Apps.
The Official Guide to Game Development. Chapter 3 Prototyping: practice makes perfect.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
How to create efficient touchscreen interfaces Kamen Bundev Telerik Corporation Senior Front-end Developer.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
TOUCH ME NOT Presented by: Anjali.G.
User Input in a multi-touch, accelerometer driven, location aware world Brian Robbins President/Founder – Riptide Games Twitter:
CanTour PERSONALIZE YOUR CANTOR EXPERIENCE. PROBLEM & SOLUTION Visitors experience museum fatigue and overwhelming options CanTour proposes to personalize.
User Feedback Lesson 10. Modules 10.1Begin filming demo video 10.2Continue working on pitch video 10.3Continue working on prototype.
$100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300.
Overview of UI Development CSCI 4800/6800 Feb. 1, 2006.
Divisibility.
Tables Learning Support
Understanding VirtualAlloc usage using Windows Performance Analyzer
Today’s Agenda 1.Answer questions on Research Paper –Rough draft due Wed Feb. 13 –Final version due Wed, Feb Attendance 3.Hands-on Binary Numbers.
 Real world › Bimanual  Mouse and keyboard? › Unintuitive › One point  Special device? › Expensive › Still not very intuitive.
Chapter 7 Touch Gestures. Figure 07.01: Common touch gestures for Android devices.
Powerpoint Templates Page 1 iPhone combines smart phone capabilities with graphical interface iPhone Application Development.
DATA COLLECTION MINI-PROJECT. GUIDELINES Create a survey question that can be used to create a bar graph. The question needs to have no fewer than four.
Sample Short Answer Questions What specifically is "natural" in a natural user interface? What does consistency mean in user interface design & why is.
User Interface Design UI design is not just about the arrangement of media on a screen It’s designing an entire experience for people, hence a “look and.
CJS 250 Week 5 CheckPoint Floor Plan Create a description of the target environment to be used for your final project. The environment can be imaginary.
UOP WEB 237 Complete Class Check this A+ tutorial guideline at For more classes visit.
WEB 237 Week 5 Learning Team Finalized Paper Only Submit the eCommerce analysis paper and prototype Check this A+ tutorial guideline at
UOP MGT 411 Week 1 Creativity and Innovation Table Check this A+ tutorial guideline at
StudiDroid: Mobile Android Application
iOS Development Framework
Web Interface Design Patterns
Times Tables.
Digital Technologies Lesson Yrs 5/6
Problem Travel in urban environments requires real-time, reliable, and situation-specific transit information Solution Take Me There uses activity-sensing.
DP The Wallet Project d.school.bootcamp.2008.
Software Engineering D7025E
Collaborative Collections
HomeClear.
Challenges For Next Year
Figure 11-1.
Figure Overview.
Figure Overview.
ALLIGATIONS.
User Interface Often overlooked.
Nexmail Lei Guang, Haroon Barri.
3 times tables.
How will you know if you have made outstanding progress today?
6 times tables.
Building pattern  Complete the following tables and write the rule 
Presentation transcript:

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

Do One Thing and do it well

Apple-Style drink the Apple UI kool-aid

The 80/20 Rule fewer 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.”

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

Multi-Touch Ergonomics give 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.”

Prototyping Paper prototyping Working prototypes

Wedding Reception Place wedding guests at their tables for the reception.

Finale iPhone Human Interface Guidelines