hirevietnamese - lesson 2

HIREVIETNAMESE

iPhone TrainingLesson 2

HIREVIETNAMESEhttp://www.hirevietnamese.com HIREVIETNAMESE

Contents

iPhone UI Design Considerations1

Application Layout2

iPhone UI Element Overview3

Example 24

Exercise 25

2


iPhone UI Design Considerations

The iPhone is not a desktop system.

The Apple iPhone is a powerful smart phone that is being used to improve the productivity of user. To design simple, successful iPhone app user interfaces, keep in mind the unique attributes of the iPhone.

Eat with it, sleep with it, drink with it, live with it.

3



Small Screen Limit the number of controls

Break a single complex app into two or more apps with very different functions.

4



One screen at a time

5



One app at a time(iOS < 4)

Save user-entered data immediately.

Show the saved data the next time users open the app.

6



Hand/Finger Input

UI Elements must be big enough to hit with a finger.

Finger tapping means the pointer can just disappear. Rollover effects don’t work well.

Multi-touch events

7



No External Keyboard

No physical keyboard on iPhone.

On-screen keyboard appears when needed.

Multi keyboard types are available.

8



Device Orientation

9



Device Orientation

Applications are notified when device rotates portrait to landscape and back.

Can also find absolute orientation.

10



No training

The strongest asset of the iPhone is its ease of use. The simple user interface usually allows users to get their tasks done without training or reading online Help.

Analyze your users, their needs and design a very simple, intuitive user interface that allows users to operate your app without training or Help

11


Application Layout

Tab Bar ControlTab control always visible

12


Application Layout

Tab Bar ControlUse in:

Applications with different models.

Applications with different subtasks related to the overall app function.

Many standard icons are provided.

13


Application Layout

Navigation Bars

14


Application Layout

Navigation Bars

Like navigating a web site.

Start with high-level general view.

“Back” buttons automatic.

Changes are animated.

15


Application Layout

Table Views

16


Application Layout

Table Views

Single column only.

But custom cells can offer more flexibility.

Can use multiple custom cell types in the same table.

17


Application Layout

Toolbars

18


Application Layout

Toolbars

Provide quick access to common actions.

Usually at the bottom in the iPhone Apps .

Many standard icons are provided.

19


iPhone UI Element Overview

Switch control

iPhone version of a checkbox control.

Change states on tap or drag.

20



Segmented control

iPhone version of a radio buttons.

21



Pickers

Another way to have users select from a list of values.

Can have multiple columns.

22



Activity Indicators

If you need to show one for very long.

The system provides standard network activity indicator in status bar.

23



Alert ViewsUse in:

When user has more than one option for an action.

When you need to confirm an action.

24


Example 2

25


Exercise 2

26

HIREVIETNAMESE

hirevietnamese - lesson 2

Technology

apple iphone

simple user interface

productivity of user

single complex app

intuitive user interface

external keyboard

physical keyboard

time users