iPhone User Interface Cookbook

262 Pages·2011·10.925 MB·English

by  Cameron Banga

iPhone User Interface
Cookbook
A concise dissection of Apple's iOS user interface design
principles
Cameron Banga
BIRMINGHAM - MUMBAI
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014
iPhone User Interface Cookbook
Copyright © 2011 Packt Publishing
All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or
transmitted in any form or by any means, without the prior written permission of the publisher,
except in the case of brief quotations embedded in critical articles or reviews.
Every effort has been made in the preparation of this book to ensure the accuracy of the
information presented. However, the information contained in this book is sold without
warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers
and distributors will be held liable for any damages caused or alleged to be caused directly or
indirectly by this book.
Packt Publishing has endeavored to provide trademark information about all of the companies
and products mentioned in this book by the appropriate use of capitals. However, Packt
Publishing cannot guarantee the accuracy of this information.
First published: November 2011
Production Reference: 1171111
Published by Packt Publishing Ltd.
Livery Place
35 Livery Street
Birmingham B3 2PB, UK.
ISBN 978-1-84969-114-7
www.packtpub.com
Cover Image by Asher Wishkerman ([email protected])
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014
Credits
Author Project Coordinator
Cameron Banga Vishal Bodwani
Reviewers Proofreader
Daria Bernabei Aaron Nash
Robb Lewis
Indexer
Chris Zaplatosch
Monica Ajmera Mehta
Acquisition Editor
Graphics
Steven Wilding
Valentina D'silva
Development Editor
Production Coordinator
Maitreya Bhakal
Alwin Roy
Technical Editor
Cover Work
Aaron Rosario
Alwin Roy
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014
About the Author
Cameron Banga is an iOS application interface designer and entrepreneur, having played
a role in the development of over 35 applications for the iPhone and iPad since beginning
work on the platform in May 2009. Cameron can be found on Twitter at @cameronbanga, or
at her personal website, http://cameronbanga.com. He can be e-mailed at Cameron@
CameronBanga.com.
Currently Cameron is lead designer at 9magnets LLC, which is an iPhone and iPad application
design, development, and marketing studio he co-founded in May of 2010.
The team has seen strong success in the App Store and has had their work featured and
reviewed positively by the New York Times, Chicago Sun-Times, Fox Business News, Macworld,
PC Magazine, and more.
I'd like to thank Nathan, Mom, and Dad, thanks for putting up with my hectic
schedule while remaining to be the best family a guy could ever ask for, as I
can't even begin to describe my appreciation.

Kathryn, thanks for the patience and believing in me throughout this entire
process, I owe you an omelet.

Adam, Aviral, Bud, Harry, Hayson, Mike, and Tom, I apologize for being
the non-existent friend over the past year. To Lank 5 South, this one is for
Cardboard Mike Lucien.

I'd like to give a special thanks to Maitreya, Vishal, Aaron, Steven, and the
rest of the Packt Pub team, for helping direct and lead the production of
this book. Thanks as well to Chris, Daria, and Robb for their unbelievably
valuable feedback during the technical review stage.
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014
About the Reviewers
Ever since the early days at the Graphic Design school in Italy,D aria Bernabei knew her
real passion was the web. After working for several small studios, Daria moved to Barcelona
and soon started to work for lastminute.com, where user experience and the marketing
departments worked hand in hand to deliver campaigns where eye-catching creativity was
balanced with high technical skill to provide adequate support on the platform side.
At the moment she leads the User Experience department in Gsicommerce International,
coordinating the creation of user interfaces for online stores. Her goal is to optimize design as
well as technical implementation according to the web standards and the main focus is about
improving the user's shopping experience.
She is fascinated by the new challenges and opportunities that mobile devices are bringing to
the web developers and a total fanatic of Apple gadgets.
Robb Lewis is a web developer and student studying web technologies at Portsmouth
University. Robb has a great interest in technology, specifically mobile technology, and is an
Apple advocate. Robb also blogs about software, technology, and the Internet at http://
therobb.co.uk.
Chris Zaplatosch works in the technical support industry, specializing in customer support
and management. He has more than five years of experience in the IT support field.
Since March 2011 he has been working for Blackboard Inc. as a Technical Support Manager,
providing support for system administrators.
Prior to working at Blackboard, Chris spent three years working at a university help desk as a
Help Desk Manager, supporting students, faculty, and staff in day to day technical operations.
Chris has a bachelor's degree in Business Management from Valparaiso University.
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014
www.PacktPub.com
This book is published by Packt Publishing. You might want to visit Packt's website at
www.PacktPub.com and take advantage of the following features and offers:
Discounts
Have you bought the print copy or Kindle version of this book? If so, you can get a massive
85% off the price of the eBook version, available in PDF, ePub, and MOBI.
Simply go to http://www.packtpub.com/iphone-user-interface-cookbook/book,
add it to your cart, and enter the following discount code:
ipuicebk
Free eBooks
If you sign up to an account on www.PacktPub.com, you will have access to nine
free eBooks.
Newsletters
Sign up for Packt's newsletters, which will keep you up to date with offers, discounts, books,
and downloads.
You can set up your subscription at www.PacktPub.com/newsletters
Code Downloads, Errata and Support
Packt supports all of its books with errata. While we work hard to eradicate errors from our
books, some do creep in. Many Packt books also have accompanying snippets of code to
download.
You can find errata and code downloads at www.PacktPub.com/support
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014
PacktLib.PacktPub.com
PacktLib offers instant solutions to your IT questions. It is Packt's fully searchable online
digital book library, accessible from any device with a web browser.
f Contains every Packt book ever published. That's over 100,000 pages of content.
f Fully searchable. Find an immediate solution to your problem.
f Copy, paste, print, and bookmark content.
f Available on demand via your web browser.
If you have a Packt account, you might want to have a look at the nine free books which you
can access now on PacktLib. Head to PacktLib.PacktPub.com and log in or register.
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014
Table of Contents
Preface 1
What this book covers 1
Who this book is for 3
Getting to know the features of iOS 3
The tools of the trade 4
Working with a finger as a pointing device 7
Placing visual elements for touch 12
What you need for this book 17
Chapter 1: Getting Started: Prototyping, Proper Tools, and
Testing our Design 21
Introduction 21
Starting with the sketch 22
Developing a rapid prototype 25
Migrating to the high-resolution Retina display 28
Getting our work onto a device 32
Taking a screenshot of an application on our device 39
Working within Apple's guidelines 40
Chapter 2: Customizing our Icon, the Navigation Bar, and the Tab Bar 43
Introduction 43
Designing an application icon and preparing it for the user home screen 44
Creating the rounded edges effect on our icon 48
Removing the app icon's gloss effect 54
Optimizing our newspaper or magazine app's icon for Newsstand in iOS 5 56
Creating a custom Tab Bar for our iPhone application 58
Chapter 3: Different Ways to "View" our Application 63
Introduction 63
Properly utilizing modal views 64
This material is copyright and is licensed for the sole use by REKHA NADENDLA on 2nd December 2011
375 N STEPHANIE ST SUITE 1411, HENDERSON, 89014