HIG for iOS

8/6/2019 HIG for iOS

1/16

FROM IOS REFERENCE LIBRARYIPHONE HUMAN INTERFACE GUIDELINES

H T T P : / / D E V E L O P E R . A P P L E . C O M / L I B R A R Y / I O S / # D O C U

M E N T A T I O N / I N T R O D U C T I O N . H T M L

HUMAN INTERFACEGUIDELINES FOR IOS


2/16

Contents

Introduction

Platform Characteristics &Human Interface Principles

Application Design Strategies & Transitioning To iOS

User Experience Guidelines &iOS UI Element Usage Guidelines

iOS Technology Usage Guidelines

Custom Icon and Image Creation Guidelines

Revision History.


3/16

Introduction

iOS HIG describes the guidelines and principles that help design asuperlative user interface and user experience for iOS app.

I. Great iOS Apps Embrace the Platform and HI Design Principles

II. Great App Design Begins with Some Clear Definitions

III. A Great User Experience Is Rooted in Your Attention to Detail

IV. People Expect to Find iOS Technologies in the Apps They Use

V. All Apps Need at Least Some Custom Artwork


4/16

Platform Characteristics

iOS-based devices share several unique characteristics that influencethe user experience of all applications that run on them.

The most successful apps embrace these characteristics and provide auser experience that integrates with the device theyre running on.

1.Display is paramount regardless of its size.

Because people physically interact with Multi Touch screen to drive theirexperience. In this user focus is on content

2. Device orientation can change

3. Application respond to gestures, not clicks.

4. People interact with one Application at a time.

5. Preferences are available in settings.

6. Online Help is minimal.

7. An Application has a single window:


5/16


6/16

Human Interface Principles

Metaphors

Direct Manipulation

See & Point

Feedback

User Control

Aesthetic Integrity


7/16


8/16

Application Design Strategies

2. Design the App for the device.

Embrace iOS UI paradigms requires: controls should look tap able, Appstructure

should be clean and easy to navigate, user feedback should be subtle,

clear. Designing the app for iphone and ipod is similar. In all requirements

layout is different.

Design of app can vary from web app to iphone app

3. Tailor customization to the Task.


9/16

Transitioning to iOS

People might be panning to bring existing piece of software to the iOSplatform.

In some ways, redesigning an app or website for a new platform can bemore challenging than starting from scratch.

Consider how people use iOS-based devices: Some Case studies are

From mail on the desktop to mail on iphone.

From keynote on the desktop to keynote to ipad.

From mail on IPhone to mail on IPad.

From a desktop browser to safari on iOS.


10/16

From Desktop mail box to mail box in iphone


11/16

From Desktop keynote to keynote on ipad


12/16

From mail on iphone to mail on ipad


13/16


14/16

User Experience Guidelines

The user experience of iOS-based devices revolves around streamlinedinteraction with content that people care about. The guidelines in thischapter apply to apps that run on all iOS-based devices.

Focus on the primary task

Make usage easy and obviousI. Make the main function of your application immediately apparent

II. Be consistent with usage paradigms of built-in applications.


15/16


16/16

User Experience Guidelines

Be succinct

This is like news paper editor, and strive to convey information in acondensed and headline style.

On iPhone, people instantly know what the Voice Memos app does, and

how to use it, because it presents a beautifully rendered focal image(the microphone) and realistic controls.

Make targets finger tip size. For example calculator in the iphone isdesigned with fingertip size.

Still some slides are remaining

HIG for iOS

Documents

Transcript of HIG for iOS