iPhone User Interface Cookbook电子书

iPhone User Interface Cookbook

Table of Contents

iPhone User Interface Cookbook

Credits

About the Author

About the Reviewers

www.PacktPub.com

Discounts

Free eBooks

Newsletters

Code Downloads, Errata and Support

PacktLib.PacktPub.com

Preface

What this book covers

Who this book is for

Getting to know the features of iOS

Looking at the features...

Understanding our audience

Dealing with download caps

The tools of the trade

What we'll be using...

Resources for designing iOS apps

Sizing up interface elements

The complete package

Great examples from the pros

Working with a finger as a pointing device

Working with our hands...

It all depends on how you hold it

Placing visual elements for touch

Determining placement of standard components...

There's more...

Comments on columns

It all depends on how you hold it

What you need for this book

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Getting Started: Prototyping, Proper Tools, and Testing our Design

Introduction

Starting with the sketch

Getting ready

How to do it...

How it works...

There's more...

Picking up the best stencil set

There's an app for that

See also

Developing a rapid prototype

Getting ready

How to do it...

How it works...

See also

Migrating to the high-resolution Retina display

Getting ready

How to do it...

How it works...

There's more...

Don't get too comfortable

Hiring someone to help fix our art problem

See also

Getting our work onto a device

Getting ready

How to do it...

How it works...

There's more...

Setting up multiple devices at once

How many devices should we use?

See also

Taking a screenshot of an application on our device

Getting ready

How to do it...

How it works...

See also

Working within Apple's guidelines

Getting ready

How to do it...

How it works...

There's more...

The Apple design awards

Rejection is a dish best served cold

2. Customizing our Icon, the Navigation Bar, and the Tab Bar

Introduction

Designing an application icon and preparing it for the user home screen

Getting ready

How to do it...

How it works...

There's more...

Dropping the text

Great gradients

If all else fails....

See also

Creating the rounded edges effect on our icon

Getting ready

How to do it...

How it works...

There's more...

Not being caught cutting corners

See also

Removing the app icon's gloss effect

Getting ready

How to do it...

How it works...

See also

Optimizing our newspaper or magazine app's icon for Newsstand in iOS 5

Getting ready

How to do it...

How it works...

See also

Creating a custom Tab Bar for our iPhone application

Getting ready

How to do it...

How it works...

There's more...

Losing the freshman 15

See also

3. Different Ways to "View" our Application

Introduction

Properly utilizing modal views

Getting ready

How to do it...

How it works...

There's more...

Dual modalities

Getting quick updates with Alert Views

Getting ready

How to do it...

How it works...

There's more...

Pushing it back

See also

Improving our application through Table Views

Getting ready

How to do it...

How it works...

There's more...

Two peas in a pod

See also

Integrating Web View into our app

Getting ready

How to do it...

How it works...

There's more...

Back, forward, and home

See also

Including Twitter in iOS 5

Getting ready

How to do it...

How it works...

There’s more...

Keep on giving

Determining which view is better for our app

Getting ready

How to do it...

How it works...

See also

4. Utilizing Common UI Elements

Introduction

Implementing application functionality using a Navigation Bar

Getting ready

How to do it...

How it works...

There's more...

Adding some style

See also

Providing variety through a Tab Bar

Getting ready

How to do it...

How it works...

There's more...

Making our app stand out from the crowd

See also

Speeding up data entry through pickers and custom keyboards

Getting ready

How to do it...

Custom keyboards

Picker Views

How it works...

There's more...

Foreign languages can work too

Keyboards on the Web

Simplicity in the Slider control

Getting ready

How to do it...

How it works...

There's more...

Customize our slider

See also

Offering complex control through an Action Sheet

Getting ready

How to do it...

How it works...

See also

Using UI to keep our user inside our application

Getting ready

How to do it...

How it works...

See also

Making text fade in or out of view

Getting ready

How to do it...

How it works...

There's more...

Full screen? No problem

High and low

See also

5. All About Games

Introduction

Planning your game around touch

Getting ready

How to do it...

How it works...

There's more...

Using the iPhone as a controller...for the iPad

See also

Using control techniques that are optimized for touch

Getting ready

How to do it...

How it works...

There's more...

Using an actual control pad

See also

Designing HUDs with limited real estate

Getting ready

How to do it...

How it works...

There's more...

Customizations

See also

Accounting for the lost Status Bar

Getting ready

How to do it...

How it works...

See also

6. Starting, Stopping, and Multitasking

Introduction

Starting the application with a proper Default.png

Getting ready

How to do it...

The right way

The wrong, but possibly preferable way

How it works...

There's more...

We can retina optimize our Default.png too

Prepare for multiple orientations

See also

Planning our application UI for a first impression

Getting ready

How to do it...

How it works...

There's more...

Lend a helping hand

See also

Dealing with phone calls or text messages

Getting ready

How to do it...

How it works...

There's more...

They're not text messages, but they're close enough

See also

Working with multitasking in iOS 4

Getting ready

How to do it...

How it works...

There's more...

Multitasking can be frustrating

See also

Periodical downloads and Newsstand in iOS 5

Getting ready

How to do it...

How it works...

There's more...

Let's multitask.

See also

Making accommodations for other apps that are multitasking

Getting ready

How to do it...

How it works...

There's more...

Double status bar all the way

See also

7. Notifications, Locations, and Sounds

Introduction

Integrating push or local notifications into our app

Getting ready

How to do it...

How it works...

There's more...

Using a single button notification if we want

Providing a positive sound

See also

Using badges to draw attention to new content

Getting ready

How to do it...

How it works...

There's more...

Accompanying badges with notifications

See also

Managing audio properties and keeping silent

Getting ready

How to do it...

How it works...

There's more...

Audio isn't required, but it is appreciated

Keeping those who can't hear our audio in mind too

Locating the sweet spot when handling location services

Getting ready

How to do it...

How it works...

See also

Making an app usable without location data

Getting ready

How to do it...

How it works...

There's more...

A few apps just shutting down completely

See also

Making cents with proper ad placement

Getting ready

How to do it...

How it works...

There's more...

Combining forces

See also

8. Accessibility, Options, and Limited Opportunity to Help our User

Introduction

Using the 80 percent rule when developing optimal settings

Getting ready

How to do it...

How it works...

There's more...

Ratio flexibility

Splitting our work into multiple apps

See also

Properly supporting copy and paste

Getting ready

How to do it...

How it works...

There's more...

Menu customizations

See also

Supporting undo and redo

Getting ready

How to do it...

How it works...

See also

Configurations in, settings out

Getting ready

How to do it...

How it works...

There's more...

Do we have to?

See also

Cutting features when in doubt

Getting ready

How to do it...

How it works...

There's more...

Cut them out for now, but don't get rid of them forever

See also

Supporting VoiceOver and other accessibility features

Getting ready

How to do it...

How it works...

There's more...

Offering variable text size

Helping color-blindness too

See also

9. Migrating to the iPad

Introduction

Migrating our app to the iPad

Getting ready

How to do it...

How it works...

There's more...

If we can only do iPhone, we can at least increase our art quality

See also

Experiences that are possible on the iPad, but not on the iPhone

Getting ready

How to do it...

How it works...

There's more...

Hardware differences

See also

Accounting for resolution and aspect ratio changes

Getting ready

How to do it...

How it works...

There's more...

When should we expect the Retina iPad?

See also

Managing our app for use with two hands

Getting ready

How to do it...

How it works...

There's more...

Case considerations

See also

Designing our app with all orientations in mind

Getting ready

How to do it...

How it works...

There's more...

Another example

See also

Including Popovers and new UI elements for the iPad

Getting ready

How to do it...

How it works...

There's more...

iPad killed the radio star

Multi-finger gestures

See also

Designing an app using skeuomorphic designs

Getting ready

How to do it...

How it works...

See also

A. The Importance of Direct Manipulation

B. If you need a stylus, you blew it

Index