iOS UI Guide

13
IOS UI Guide QA Madness

Transcript of iOS UI Guide

IOS UI Guide

QA Madness

IOS Multi-Touch Gestures

1. Tap 3. Scroll2. Double Tap

4. Flick 5. Pan 6. Long Press

IOS Multi-Touch Gestures

7. Pinch 8. Zoom 9. Shake

IOS Multi-Touch Gestures

Structure of IOS App

Structure of IOS App

Structure of IOS App

App Icons

Bar Icons

Notification Bar

Notification Alert

Notification Centre

Notification

Badge

Structure of IOS App Notifications

Tool Bar Tap Bar

Scope Bar

Search Bar

Navigation Bar

Structure of IOS App

Status Bar

IOS Keyboards

The default keyboard configuration is

designed for general text input.The default

keyboard displays an alphabetical keyboard

initially but the user can toggle it and

display numbers and punctuation as well.

Keyboard that’s optimized for typing in

email addresses. This keyboard not only

displays letters, but it also displays the

‘@’ and ‘.’ characters that make up an

email address.

IOS Keyboards

Keyboard that’s optimized for typing in

web addresses. This keyboard can also

prevent typing errors. It removes the

‘space’ key so that users won’t accidentally

add spaces in the web address field.

Setting the input type to “tel” gives

users a telephone keypad to type with.

This keypad mimics the user interface

users are familiar with when they

make phone calls.

IOS Keyboards. LanguagesIOS also supports different input methods and keyboard layouts for different languages.

IOS Keyboards. LanguagesInput for some of these keyboards takes place in multiple stages.