iPhone User Interface Cookbook

A concise dissection of Apple’s iOS user interface design principles

iPhone User Interface Cookbook

Cookbook
Cameron Banga

A concise dissection of Apple’s iOS user interface design principles
$10.00
$44.99
RRP $26.99
RRP $44.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

+ Collection
Free Sample

Book Details

ISBN 139781849691147
Paperback262 pages

About This Book

  • Learn how to build an intuitive interface for your future iOS application
  • Avoid app rejection with detailed insight into how to best abide by Apple’s interface guidelines
  • Written for designers new to iOS, who may be unfamiliar with Objective-C or coding an interface
  • Chapters cover a variety of subjects, from standard interface elements to optimizing custom game interfaces

Who This Book Is For

The iPhone Interface Cookbook is written from the ground up for people who are new to iOS or application interface design in general. Each chapter discusses the reasoning and design strategy behind critical interface components, as well as how to best integrate each into any iPhone or iPad application. Detailed and straight-forward recipes help give guidance and build understanding far beyond what is offered through Apple’s Human Interface Guidelines.

Table of Contents

Chapter 1: Getting Started: Prototyping, Proper Tools, and Testing our Design
Introduction
Starting with the sketch
Developing a rapid prototype
Migrating to the high-resolution Retina display
Getting our work onto a device
Taking a screenshot of an application on our device
Working within Apple's guidelines
Chapter 2: Customizing our Icon, the Navigation Bar, and the Tab Bar
Introduction
Designing an application icon and preparing it for the user home screen
Creating the rounded edges effect on our icon
Removing the app icon's gloss effect
Optimizing our newspaper or magazine app's icon for Newsstand in iOS 5
Creating a custom Tab Bar for our iPhone application
Chapter 3: Different Ways to "View" our Application
Introduction
Properly utilizing modal views
Getting quick updates with Alert Views
Improving our application through Table Views
Integrating Web View into our app
Including Twitter in iOS 5
Determining which view is better for our app
Chapter 4: Utilizing Common UI Elements
Introduction
Implementing application functionality using a Navigation Bar
Providing variety through a Tab Bar
Speeding up data entry through pickers and custom keyboards
Simplicity in the Slider control
Offering complex control through an Action Sheet
Using UI to keep our user inside our application
Making text fade in or out of view
Chapter 5: All About Games
Introduction
Planning your game around touch
Using control techniques that are optimized for touch
Designing HUDs with limited real estate
Accounting for the lost Status Bar
Chapter 6: Starting, Stopping, and Multitasking
Introduction
Starting the application with a proper Default.png
Planning our application UI for a first impression
Dealing with phone calls or text messages
Working with multitasking in iOS 4
Periodical downloads and Newsstand in iOS 5
Making accommodations for other apps that are multitasking
Chapter 7: Notifications, Locations, and Sounds
Introduction
Integrating push or local notifications into our app
Using badges to draw attention to new content
Managing audio properties and keeping silent
Locating the sweet spot when handling location services
Making an app usable without location data
Making cents with proper ad placement
Chapter 8: Accessibility, Options, and Limited Opportunity to Help our User
Introduction
Using the 80 percent rule when developing optimal settings
Properly supporting copy and paste
Supporting undo and redo
Configurations in, settings out
Cutting features when in doubt
Supporting VoiceOver and other accessibility features
Chapter 9: Migrating to the iPad
Introduction
Migrating our app to the iPad
Experiences that are possible on the iPad, but not on the iPhone
Accounting for resolution and aspect ratio changes
Managing our app for use with two hands
Designing our app with all orientations in mind
Including Popovers and new UI elements for the iPad
Designing an app using skeuomorphic designs

What You Will Learn

  • Implementation of Apple designed interface components that meet the required standards
  • Make your application immediately familiar to the user
  • Customize your interface, so it stands out in the App Store
  • Practices to avoid so that Apple doesn’t reject your app
  • Differences between the iPhone and iPad interfaces
  • Preventing your interface from becoming obsolete with future operating system upgrades
  • Making iOS specific touch screen device interfaces
  • Guidelines to help keep your app accessible to all people

In Detail

The incredible growth rates for the iPhone, iPod touch, and iPad have pushed consumers to a new “App” economy, with developers racing to the platform. Mobile touch-centric interfaces vary greatly from traditional computing platforms, and programmers as well as designers must learn to adapt to the new form-factor.

The iPhone User Interface Cookbook offers a complete breakdown of standard interface design on the iPhone, iPod touch, and iPad. You will learn the tools behind the trade, how to properly utilize standard interface elements, and custom UI tricks that will help your work stand out on the App Store.

The book is designed to be a complete overview of interface design on all iOS platforms, offering insight and an inside look into app design. A variety of topics are covered, starting with an overview of tools for the app interface designer, touching upon popular interface components such as the Tab Bar, and offering suggestions for complex game interfaces. Whether you’re new to the platform or a seasoned developer with numerous applications in the App Store, this book strives to teach everyone simple and easy to implement tips for iOS interface design. Regardless of skill level, the iPhone User Interface Cookbook offers a detailed breakdown of all things interface design.

 

Authors

Table of Contents

Chapter 1: Getting Started: Prototyping, Proper Tools, and Testing our Design
Introduction
Starting with the sketch
Developing a rapid prototype
Migrating to the high-resolution Retina display
Getting our work onto a device
Taking a screenshot of an application on our device
Working within Apple's guidelines
Chapter 2: Customizing our Icon, the Navigation Bar, and the Tab Bar
Introduction
Designing an application icon and preparing it for the user home screen
Creating the rounded edges effect on our icon
Removing the app icon's gloss effect
Optimizing our newspaper or magazine app's icon for Newsstand in iOS 5
Creating a custom Tab Bar for our iPhone application
Chapter 3: Different Ways to "View" our Application
Introduction
Properly utilizing modal views
Getting quick updates with Alert Views
Improving our application through Table Views
Integrating Web View into our app
Including Twitter in iOS 5
Determining which view is better for our app
Chapter 4: Utilizing Common UI Elements
Introduction
Implementing application functionality using a Navigation Bar
Providing variety through a Tab Bar
Speeding up data entry through pickers and custom keyboards
Simplicity in the Slider control
Offering complex control through an Action Sheet
Using UI to keep our user inside our application
Making text fade in or out of view
Chapter 5: All About Games
Introduction
Planning your game around touch
Using control techniques that are optimized for touch
Designing HUDs with limited real estate
Accounting for the lost Status Bar
Chapter 6: Starting, Stopping, and Multitasking
Introduction
Starting the application with a proper Default.png
Planning our application UI for a first impression
Dealing with phone calls or text messages
Working with multitasking in iOS 4
Periodical downloads and Newsstand in iOS 5
Making accommodations for other apps that are multitasking
Chapter 7: Notifications, Locations, and Sounds
Introduction
Integrating push or local notifications into our app
Using badges to draw attention to new content
Managing audio properties and keeping silent
Locating the sweet spot when handling location services
Making an app usable without location data
Making cents with proper ad placement
Chapter 8: Accessibility, Options, and Limited Opportunity to Help our User
Introduction
Using the 80 percent rule when developing optimal settings
Properly supporting copy and paste
Supporting undo and redo
Configurations in, settings out
Cutting features when in doubt
Supporting VoiceOver and other accessibility features
Chapter 9: Migrating to the iPad
Introduction
Migrating our app to the iPad
Experiences that are possible on the iPad, but not on the iPhone
Accounting for resolution and aspect ratio changes
Managing our app for use with two hands
Designing our app with all orientations in mind
Including Popovers and new UI elements for the iPad
Designing an app using skeuomorphic designs

Book Details

ISBN 139781849691147
Paperback262 pages
Read More