designing iphone apps
DESCRIPTION
Brian Fling is a certified genius when it comes to strategy, design, and development of apps for the world of mobile devices. Here's the deck from his recent SVC workshop on the subject.TRANSCRIPT
![Page 1: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/1.jpg)
by Brian Fling
DESIGNING & BUILDING IPHONE APPS
![Page 2: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/2.jpg)
by Brian Fling
DESIGNING & BUILDING MOBILE APPS
![Page 3: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/3.jpg)
![Page 4: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/4.jpg)
![Page 5: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/5.jpg)
![Page 6: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/6.jpg)
![Page 7: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/7.jpg)
![Page 8: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/8.jpg)
![Page 9: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/9.jpg)
Available SOONhttp://mobiledesign.org
![Page 10: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/10.jpg)
WHO AM I?
![Page 11: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/11.jpg)
How I got here...1975 Born
...some time passed
1993 Graduated High School
1993 Trained as a Barista
1994 Started at Starbucks
1995 Married my wife
1996 My “Jerry McGuire” moment
1997 Quit Starbucks
1998 Made an animated series
1999 My first web & mobile job
2000 Lost my job.
2000 Got my first mobile phone
2001 September 11
![Page 12: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/12.jpg)
How I got here...2002 Started at Children’s Hospital
2004 Started at Classmates
2004 Started at Dwango
2005 Fired then sued
2005 Cameron Moll’s articles
2005 Mobile or Web?
2006 Created Blue Flavor
2007 Wrote dotMobi Guide
2008 Created Leaflets
2008 Focused on iPhone
2009 Started my Book
2009 Created pinch/zoom
2009 Here today
![Page 13: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/13.jpg)
Why Mobile?
New Rules
Design Process
Designing for Context
<break>
Types of Mobile Apps
Context Exercise
<lunch>
AGENDA
![Page 14: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/14.jpg)
AGENDA
Mobile IA
Mobile Design
Web Apps vs. Native Apps
<break>
Mobile 2.0
Mobile Web Dev
iPhone Web Apps
Supporting Devices (maybe?)
![Page 15: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/15.jpg)
HOUSEKEEPING
These slides are available upon request (available on Slideshare around 9/5)
slideshare.net/fling
flingmedia.com
linkedin.com/in/fling
mobiledesign.org
@fling
![Page 16: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/16.jpg)
What do you want to learn?
![Page 17: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/17.jpg)
What is Mobile Design?
![Page 18: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/18.jpg)
JARGON ALERT
Mobile DesignThe creation of user experiences for the mobile context.
![Page 19: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/19.jpg)
It doesn’t start with Photoshop
![Page 20: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/20.jpg)
Part 1:
Why Mobile?
![Page 21: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/21.jpg)
![Page 22: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/22.jpg)
What’s Next?
![Page 23: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/23.jpg)
Generation Y97% own a computer94% own a mobile phone76% use Instant Messaging69% use Facebook56% own an iPod
![Page 24: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/24.jpg)
Generation ZBorn in the modern digital
age. Technology is infused at birth.
The iPhone is to themas the Macintosh was to us.
![Page 25: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/25.jpg)
The Mobile Generation
2009 2010 2011 2012 2013 2014 2015
Everyone Else
source: us census bureau
![Page 26: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/26.jpg)
In less five years, the mobile generation could have more
buying power than all other demographics
![Page 27: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/27.jpg)
Part 2:
New Rules
![Page 28: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/28.jpg)
Rule #1Forget What You Think You Know
![Page 29: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/29.jpg)
![Page 30: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/30.jpg)
Rule #2Believe What You See, Not What You Read
![Page 31: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/31.jpg)
![Page 32: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/32.jpg)
Rule #3Constraints Never Come First
![Page 33: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/33.jpg)
![Page 34: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/34.jpg)
Rule #4Focus on Context, Goals and Needs
![Page 35: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/35.jpg)
![Page 36: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/36.jpg)
Rule #5You Can’t Support Everything
![Page 37: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/37.jpg)
![Page 38: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/38.jpg)
Rule #6Don’t Convert, Create
![Page 39: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/39.jpg)
![Page 40: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/40.jpg)
Rule #7Keep It Simple
![Page 41: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/41.jpg)
![Page 42: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/42.jpg)
Part 3:
Design Process
![Page 43: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/43.jpg)
IDEA
The first thing we need is an idea that inspires us.
![Page 44: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/44.jpg)
NEED
Identify a basic need with our desired user.
![Page 45: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/45.jpg)
CONTEXT
The circumstances where information can add value.
![Page 46: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/46.jpg)
STRATEGY
How we can add value to the business.
![Page 47: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/47.jpg)
DEVICES
Choose the devices to support that best serves our audience.
![Page 48: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/48.jpg)
DESIGN
Create a compelling user experience based around needs.
![Page 49: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/49.jpg)
DEV
Put all the pieces together.
![Page 50: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/50.jpg)
TEST
And test, and test, and test some more.
![Page 51: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/51.jpg)
OPTIMIZE
Reduce all assets to its lowest possible size.
![Page 52: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/52.jpg)
PORT
Adapt for other devices that fit our strategy.
![Page 53: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/53.jpg)
Part 4:
Context
![Page 54: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/54.jpg)
![Page 55: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/55.jpg)
![Page 56: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/56.jpg)
ContextBIG C
Context with a capital C is how the user will derive value from something they are currently doing.In other words, the understanding of circumstance. It is the mental model they will establish to form understanding.
![Page 57: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/57.jpg)
![Page 58: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/58.jpg)
![Page 59: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/59.jpg)
![Page 60: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/60.jpg)
![Page 61: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/61.jpg)
![Page 62: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/62.jpg)
contextlittle c
context with a lowercase c is the mode, medium, or environment in which we perform a task or the circumstances of understanding.
• our present location• our device of access• our state of mind
![Page 63: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/63.jpg)
Physical Context
My present location.
My physical context will dictate how I access information and therefore how I derive value from it.
![Page 64: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/64.jpg)
![Page 65: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/65.jpg)
Media Context
My device of access.
The media context isn’t just about the immediacy of the information we receive—but also how to engage people in real time.
![Page 66: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/66.jpg)
![Page 67: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/67.jpg)
Modal Context
Our present state of mind.
• Where should I eat?• Should I buy it now or
later?• Is this safe or not?
![Page 68: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/68.jpg)
Example
![Page 69: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/69.jpg)
![Page 70: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/70.jpg)
Exercise:
Defining the
Context
![Page 71: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/71.jpg)
Lunch
![Page 72: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/72.jpg)
by Brian Fling
DESIGNING & BUILDING IPHONE APPS
![Page 73: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/73.jpg)
Part 5:
Types of Apps
![Page 74: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/74.jpg)
Types of AppsApplication Medium
![Page 75: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/75.jpg)
SMS
Experiences where the goal is to alert users of new information.
![Page 76: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/76.jpg)
![Page 77: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/77.jpg)
WEBSITE
Experiences that provide the user with simple informational data.
![Page 78: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/78.jpg)
![Page 79: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/79.jpg)
WIDGETS
Experiences that are based on an existing multi-platform framework.
![Page 80: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/80.jpg)
![Page 81: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/81.jpg)
WEB APPS
When you want to employ a cross-platform application strategy.
![Page 82: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/82.jpg)
![Page 83: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/83.jpg)
NATIVE APPS
Experiences that take advantage of the native features of the device.
![Page 84: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/84.jpg)
![Page 85: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/85.jpg)
GAMES
Experiences that entertain.
![Page 86: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/86.jpg)
![Page 87: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/87.jpg)
Device Support Complexity User
Experience Language Offline Support
Device Features Initial Cost Long Term
Cost
SMS All Simple Limited N/A No None Low High
Mobile Websites All Simple Limited HTML No None Low Low
Mobile Web Widgets
Some Medium Great HTML Limited Limited Low Low
Mobile Web Application
Some Medium Great HTML, CSS, JS Limited Limited Mid Low
Native Application All Complex Excellent Various Yes Yes High Mid
Games All Complex Excellent Various Yes Yes Very High High
MEDIUM MATRIX
![Page 88: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/88.jpg)
Types of AppsApplication Context
![Page 89: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/89.jpg)
UTILITY
![Page 90: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/90.jpg)
![Page 91: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/91.jpg)
LOCALE
![Page 92: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/92.jpg)
![Page 93: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/93.jpg)
INFORMATIVE
![Page 94: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/94.jpg)
![Page 95: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/95.jpg)
PRODUCTIVITY
![Page 96: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/96.jpg)
![Page 97: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/97.jpg)
IMMERSIVE
![Page 98: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/98.jpg)
![Page 99: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/99.jpg)
User Experience Type Task Type Task Duration Combine with
Utility At-a-Glance Information Recall Very Short Immersive
Locale Location-based Contextual Information Quick Immersive
Informative Content-based Seek Information Quick Locale
Productivity Task-based Content Management Long Utility
Immersive Full Screen Entertainment Long Utility, Locale
CONTEXT MATRIX
![Page 100: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/100.jpg)
Part 6:
Mobile IA
![Page 101: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/101.jpg)
![Page 102: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/102.jpg)
KEEP IT SIMPLE
![Page 103: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/103.jpg)
![Page 104: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/104.jpg)
![Page 105: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/105.jpg)
![Page 106: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/106.jpg)
SITEMAPS
![Page 107: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/107.jpg)
![Page 108: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/108.jpg)
![Page 109: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/109.jpg)
CLICKSTREAMS
![Page 110: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/110.jpg)
Start
?
Action
?
View
View
Action
?
Action
View
?
View
Finish
?
View
Action
View
?
View
Yes
Yes No
No
Yes No
No
NoOption
Option
Yes
Yes
No
YesNo
Maybe
![Page 111: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/111.jpg)
![Page 112: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/112.jpg)
![Page 113: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/113.jpg)
![Page 114: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/114.jpg)
WIREFRAMES
![Page 115: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/115.jpg)
![Page 116: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/116.jpg)
PROTOTYPING
![Page 117: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/117.jpg)
![Page 118: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/118.jpg)
![Page 119: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/119.jpg)
![Page 120: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/120.jpg)
DIFFERENT IA FOR
DIFFERENT DEVICES?
![Page 121: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/121.jpg)
THE DESIGN MYTH
![Page 122: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/122.jpg)
Back
Navigation
Title New
Content
![Page 123: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/123.jpg)
Exercise:
IA Critique
![Page 124: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/124.jpg)
Part 7:
Mobile Design
![Page 125: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/125.jpg)
The Tent PoleThe business goal of a tent-pole production is to support or prop up the losses from other productions.
However, to create a tent-pole production, the creators involved must make an artistic work that they know will appeal to the largest possible audience, providing something for everyone.
![Page 126: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/126.jpg)
vs.
![Page 127: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/127.jpg)
Best Possible ExperienceIn mobile development, the risks and costs of creating that tent- pole product are just too high. This lesson is so easily seen through bad or just plain uninspired mobile design.
Asking creative people to create uninspiring work is a fast track to mediocrity.
![Page 128: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/128.jpg)
vs.
iPhone The Rest
![Page 129: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/129.jpg)
Elements of Mobile Design
|CONTEXT|MESSAGE|LOOK & FEEL|LAYOUT|COLOR|TYPE|GRAPHICS
![Page 130: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/130.jpg)
ContextWho are the users? What do you know about them?
What type of behavior can you assume or predict about the users?
What is happening? What are the circumstances in which the users will best absorb the content you intend to present?
When will they interact? Are they at home and have large amounts of time? Are they at work where they have short periods of time?
Will they have idle periods of time while waiting for a train, for example?
Where are the users? Are they in a public space or a private space? Are they inside or outside?
Is it day or is it night?
Why will they use your app? What value will they gain from your content or services in their present situation?
How are they using their mobile device? Is it held in their hand or in their pocket?
How are they holding it? Open or closed? Portrait or landscape?
![Page 131: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/131.jpg)
MessageWhat you are trying to say about your site or application visually?Your message is the overall mental impression you create explicitly through visual design. How someone willreact to your design?If you take a step back, and look at a design from a distance, what is your impression?
![Page 132: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/132.jpg)
![Page 133: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/133.jpg)
Look & FeelLook & Feel is used to describe the appearanceAs in “I want a clean look and feel” or “I want a usable look and feel.” The problem is: As a mobile designer, what does it mean?
![Page 134: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/134.jpg)
![Page 135: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/135.jpg)
![Page 136: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/136.jpg)
LayoutHow the user will visually process the page
The structural and visual components of layout often get merged together, creating confusion and making your design more difficult to produce.
![Page 137: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/137.jpg)
![Page 138: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/138.jpg)
ColorThe most common obstacle you encounter when dealing with color is mobile screens. When complex designs are displayed on different mobile devices, the limited color depth on one device can cause banding, or unwanted posterization in the image.
![Page 139: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/139.jpg)
![Page 140: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/140.jpg)
![Page 141: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/141.jpg)
TypographyHow type is rendered on mobile screens: subpixel-based screensA subpixel is the division of each pixel into a red, green, and blue (or RGB) unit at a microscopic level, enabling for a greater level of antialiasing for each font character or glyph.
![Page 142: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/142.jpg)
![Page 143: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/143.jpg)
TypographyHow type is rendered on mobile screens: pixel density or greater pixels per inch (PPI)The pixel density is determined by dividing width of the display area in pixels, by width of the display area in inches.
![Page 144: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/144.jpg)
![Page 145: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/145.jpg)
GraphicsUse of images that are used to establish or aid a visual experience. Graphics can be used to supplement the look and feel, or as content displayed inline with the text. • Iconography• Photos & Images
![Page 146: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/146.jpg)
![Page 147: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/147.jpg)
![Page 148: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/148.jpg)
Different Screen SizesMobile devices come in all shapes and sizes. Choice is great for consumers, but bad for design. It can be incredibly difficult to create that best possible experience for a plethora of different screen sizes.
![Page 149: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/149.jpg)
![Page 150: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/150.jpg)
![Page 151: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/151.jpg)
The Right DeviceThe truly skilled designer doesn’t create just one product—they translate ideas into experiences. The spirit of your design should be able to be adapted to multiple devices. The days of tent-poles are gone.
![Page 152: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/152.jpg)
Exercise:
Design Critique
![Page 153: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/153.jpg)
Part 8:
Web Apps vs.
Native Apps
![Page 154: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/154.jpg)
The Ubiquity Principle
![Page 155: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/155.jpg)
JARGON ALERT
Ubiquity PrincipleThe easiest it is to produce quality content and services for the largest available market
will always win.
![Page 156: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/156.jpg)
Reason #1Fragmentation
![Page 157: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/157.jpg)
Getting your application on one platform is a snap, but getting it on two is a challenge, five a costly
headache, and supporting fifty virtually impossible.
![Page 158: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/158.jpg)
Reason #2The Web
![Page 159: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/159.jpg)
Anyone who’s betting against the Web right now is an idiot. Daniel Appelquist, Co-Chair W3C Mobile Web Initiative
![Page 160: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/160.jpg)
Reason #3Control
![Page 161: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/161.jpg)
Mobile application distribution cannot
and will likely never be under the control of
the developer.
![Page 162: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/162.jpg)
Reason #4Consumer Expectations
![Page 163: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/163.jpg)
Consumers expect things to just work.
![Page 164: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/164.jpg)
THE MOBILE WEB IS THE ONLY LONG-
TERM COMMERCIALLY
VIABLE CONTENT PLATFORM FOR MOBILE DEVICES
![Page 165: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/165.jpg)
When to make a native application?
![Page 166: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/166.jpg)
CHARGING MONEY
![Page 167: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/167.jpg)
![Page 168: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/168.jpg)
GAMES
![Page 169: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/169.jpg)
Game
Game
Game
Game
Game
Game
Game
Game
Game
Game
Game
Game
Game
![Page 170: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/170.jpg)
67%OF ALL PAID APPS
ARE GAMES
![Page 171: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/171.jpg)
65%OF ALL FREE APPS
AREN’T GAMES
![Page 172: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/172.jpg)
LOCATION
![Page 173: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/173.jpg)
![Page 174: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/174.jpg)
![Page 175: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/175.jpg)
CAMERA
![Page 176: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/176.jpg)
![Page 177: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/177.jpg)
ACCELERO-METERS
![Page 178: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/178.jpg)
![Page 179: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/179.jpg)
FILESYSTEM
![Page 180: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/180.jpg)
![Page 181: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/181.jpg)
OFFLINE
![Page 182: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/182.jpg)
![Page 183: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/183.jpg)
![Page 184: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/184.jpg)
• Application Invocation• Application Settings• Camera• Communications Log• Gallery• Location
• Messaging• Persistent Data• Personal Information• Phone Status• User Interaction
An initiative is defining new interfaces (Javascript APIs) and a security framework to enable the access to mobile phone functionalities.
![Page 185: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/185.jpg)
So what is the deal with BONDI?
![Page 186: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/186.jpg)
![Page 187: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/187.jpg)
When to make a Mobile Web App?
![Page 188: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/188.jpg)
Part 9:
Mobile 2.0
![Page 189: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/189.jpg)
![Page 190: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/190.jpg)
Web 1.0Proprietary
Walled Gardens
First to market
Brand-centered
Web 2.0Standards
Web Services
Web as a Platform
User-centered
![Page 191: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/191.jpg)
![Page 192: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/192.jpg)
What I Learned at Mobile 2.0#1 Mobile 2.0 = The web
The mobile web browser is the next killer app
Mobile Web Applications are the future
Javascript is the next frontier
Rich Interactions kill battery life
The Mobile User Experience Sucks
Mobile Widgets are the next big thing
The Carrier is the new “C” word
Mobile Needs to Check Its Ego
We are creators not consumers
![Page 193: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/193.jpg)
JARGON ALERT
Mobile 2.0The convergence of mobile services and web services. The promise of Mobile 2.0 is to add portability, ubiquitous connectivity and location-based services to enhance information and services found on the web.
![Page 194: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/194.jpg)
Widgets VoIP
Video
TransactionsSocial Media
ShoppingSearch
QR Codes
Point of Sale
Mobile AdvertisingMicroblogging
Messaging Media Sharing
Audio
Platforms
Enterprise
App StoresImaging
Location-based
![Page 195: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/195.jpg)
sensoring
biometrics
transactions
lifestreaming
recommendation
image recognition
augmented reality
mobile connected games
location-based social media
retail proximity media consumption
Hot Trends
![Page 196: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/196.jpg)
Mobile 1.0Proprietary
Walled Gardens
First to market
Brand-centered
Mobile 2.0Standards
Web Services
Web as a Platform
User-centered
![Page 197: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/197.jpg)
Brick Era
Candy Bar Era
Feature Phone Era
Smart Phone Era
Touch Era1990 2000 201019801970
Mobile Evolution
![Page 198: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/198.jpg)
Change occurs because there is a gap between what is and what should be.— Craig McCaw
![Page 199: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/199.jpg)
the mythical“Future-Phone”
![Page 200: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/200.jpg)
![Page 201: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/201.jpg)
Part 10:
Mobile Web Dev
![Page 202: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/202.jpg)
Using Web Standards
![Page 203: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/203.jpg)
Multiple Mobile BrowsersDesigning and developing for multiple mobile browsers simultaneously is a challenge, but not an impossibility.
• It requires looking at your designs and code from many contexts.
• Being able to visualize how your designs will be rendered on a variety of devices in your head, as you lay down code.
![Page 204: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/204.jpg)
Progressive Enhancement
![Page 205: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/205.jpg)
![Page 206: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/206.jpg)
![Page 207: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/207.jpg)
LAYOUT
![Page 208: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/208.jpg)
Fixed vs. Fluid
![Page 209: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/209.jpg)
![Page 210: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/210.jpg)
Multiple vs. Single Column Layouts
![Page 211: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/211.jpg)
![Page 212: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/212.jpg)
DEVICE PLANS
![Page 213: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/213.jpg)
Class A BrowsersExcellent XHTML 1.0 support
• Good HTML5 support; specifically, the canvas element and offline storage
• Excellent CSS support, including most of CSS Level 2.1 (scores 90 percent or higher
• on the ACID2 test) and the majority of CSS Level 3 (scores 75 percent or higher on the ACID3 test)
• Support for web standards layouts, including absolute
positioning, floats, and complex CSS-based layouts
• Support for image replacement techniques
• Excellent JavaScript support • Ability to toggle the display
property • Support for DOM events,
including Ajax • Considered comparable to a
“desktop-grade” browser
![Page 214: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/214.jpg)
![Page 215: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/215.jpg)
Class B BrowsersExcellent XHTML 1.0 support
• Good CSS Level 2.1 support (scores 75 percent or higher on the ACID2 test)
• Padding, border, and margin properties are correctly applied
• Can reliably apply colors to links, text, and background
• Supports image replacement techniques
• Minimum screen width: 164 pixels
• Can support complex tables—not necessarily nested tables—up to four cells in a row
• Setting a font size of 10 pixels or more produces readable text
• Has limited JavaScript support, being at least able to toggle the display property
![Page 216: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/216.jpg)
Class C BrowsersGood XHTML 1.0 support
• Limited CSS Level 2.1 support (scores 50 percent or higher on the ACID2 test)
• Limited or no JavaScript support
![Page 217: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/217.jpg)
Class D BrowsersBasic XHTML
• Limited CSS support (CSS Level 1, or does not recognize cascading)
• Minimum screen width: 120 pixels
• Hyperlinks may not be colorable by CSS
• Basic table support: 2!2 or more
• colspan and rowspan may not be supported
• No JavaScript support
• “Width” expressed as a percentage may be unreliable
![Page 218: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/218.jpg)
Class F BrowsersNo (or very unreliable) CSS support
• Poor table support or none at all • Basic forms: text field, select option,
submit button • May not be able to support input
mask on fields • No JavaScript support
![Page 219: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/219.jpg)
The Device MatrixClass Markup CSS Javascript
Class A XHTML, XHTML-MP, HTML5 CSS2, CSS3 Great, includes DHTML, Ajax
Class B XHTML, XHTML-MP CSS2 (Decent) Limited, some DHTML
Class C XHTML, XHTML-MP CSS2 (Limited) Limited
Class D XHTML-MP CSS2 (Basic) None
Class F XHTML-MP, WML None None
![Page 220: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/220.jpg)
MARKUP
![Page 221: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/221.jpg)
XHTMLThe same XHTML we use in web browsers every day has worked in most mobile browsers for over five years.
![Page 222: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/222.jpg)
![Page 223: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/223.jpg)
XHTML-MPA mobile version of XHTML is supported on virtually all modern mobile browsers.
It is practically the same as XHTML Basic.
![Page 224: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/224.jpg)
![Page 225: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/225.jpg)
![Page 226: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/226.jpg)
HTML5While HTML5 is still being defined, it is only supported by a handful of Class A browsers.
![Page 227: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/227.jpg)
CSS
![Page 228: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/228.jpg)
CSS-MP
![Page 229: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/229.jpg)
![Page 230: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/230.jpg)
![Page 231: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/231.jpg)
THE BOX MODELThe box model is one of the key concepts of CSS design, and therefore the first thing that tends to go wrong in mobile devices. The box model is the imaginary box that is around every element in
![Page 232: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/232.jpg)
![Page 233: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/233.jpg)
Class A Class B Class C Class D Class F
Box Model Great Good OK Poor Fail
THE BOX MODEL
![Page 234: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/234.jpg)
SELECTORSThe selector is used to tell which markup elements it should apply rules to—basically, what makes CSS work to control the presentation.
![Page 235: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/235.jpg)
Class A Class B Class C Class D Class F
Universal Yes Yes Yes Yes Yes
Type Yes Yes Yes Yes Flaky
Descendent Yes Yes Flaky Flaky No
Child Yes Yes Flaky Flaky No
Adjacent Yes Yes Flaky No No
Class Yes Yes Yes Yes Flaky
ID Yes Yes Yes Yes Flaky
Simple Attribute Yes Flaky No No No
Advanced Attribute Yes No No No No
Pseudoselector Yes Flaky No No No
SELECTORS
![Page 236: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/236.jpg)
FONTS & TEXTThe typography options on mobile devices can be less than stellar, but like most things CSS-related, we are seeing mobile browsers move closer to their desktop cousins in this respect.
![Page 237: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/237.jpg)
Class A Class B Class C Class D Class F
Available Fonts Web-safe Web-safe Sans-serif and serif
Sans-serif and serif
Sans-serif and serif
Font Size Any Any Keyword Keyword Keyword
Font-weight Yes Yes Yes Yes Limited
Font-style Yes Yes Yes Yes Limited
Text-transform Yes Yes Yes Yes Limited
Text-decoration Yes Yes Yes Yes Flaky
Line-height Yes Yes Yes Yes Flaky
Text-align Yes Yes Yes Yes Yes
White-space Yes Yes Yes Limited Flaky
Text Shadow Yes No No No No
Font replacement Limited No No No No
FONTS & TEXT
![Page 238: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/238.jpg)
BOX PROPERTIESBeing able to style the box area around an element is a crucial part of web standards design. Basic CSS level 2 box styling techniques work well on most mobile devices, allowing you to style content with some level of precision.
![Page 239: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/239.jpg)
Class A Class B Class C Class D Class F
Height & Width Yes Yes Limited Flaky Flaky
Min & Max dim Yes Flaky No No No
Margins Yes Yes Yes Yes Limited
Padding Yes Yes Yes Flaky Flaky
Borders Advanced Limited Limited Flaky Flaky
Box Shadow Yes No No No No
BOX PROPERTIES
![Page 240: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/240.jpg)
COLORStyling an element means defining colors and background images. Relying on CSS instead of images to create desired visual effects reduces time to download as well
![Page 241: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/241.jpg)
Class A Class B Class C Class D Class F
Background color Yes Yes Yes Yes Yes
Background image Yes Yes Yes Flaky Flaky
Multiple background images Yes No No No No
COLOR
![Page 242: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/242.jpg)
PAGE FLOWCSS can also be used to define the design layout of the page. Using positioning and page flow attributes,
we can add style to the page and help make it easier to read or interact with on small screens.
![Page 243: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/243.jpg)
Class A Class B Class C Class D Class F
Display Yes Yes Yes Yes Flaky
Toggle Display Yes Yes Limited No No
Floats Yes Yes Limited Limited Flaky
Clearing Yes Yes Limited Limited Flaky
Positioning Yes Yes Limited Flaky No
Overflow Yes Limited Flaky No No
Stacking Order Yes Yes Limited Flaky No
PAGE FLOW
![Page 244: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/244.jpg)
JAVA-SCRIPT
![Page 245: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/245.jpg)
Class A Class B Class C Class D Class F
Javascript Support Yes Some No No No
DHTML Yes Limited No No No
Ajax Yes Limited No No No
JAVASCRIPT
![Page 246: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/246.jpg)
Don’t count on it.
![Page 247: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/247.jpg)
Part 11:
iPhone Web Apps
![Page 248: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/248.jpg)
What makes a Mobile Web App?
![Page 249: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/249.jpg)
URL Bar
Browser Controls
![Page 250: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/250.jpg)
![Page 251: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/251.jpg)
![Page 252: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/252.jpg)
What is WebKit?
![Page 253: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/253.jpg)
![Page 254: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/254.jpg)
![Page 255: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/255.jpg)
Android Palm webOSNokia S60
![Page 256: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/256.jpg)
98%OF ALL U.S. MOBILE WEB
TRAFFIC IS COMING FROM WEBKIT
![Page 257: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/257.jpg)
MARKUP
![Page 258: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/258.jpg)
XHTMLThe iPhone and WebKit support the XHTML 1.0 Strict and Transitional doctype, which is the recommended language for writing iPhone web apps.
![Page 259: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/259.jpg)
XHTML-MPThe iPhone will render XHTML Basic and XHTML-MP pages, but it won’t like it. Given the option to render a desktop version, or a mobile or WAP version of a site, the iPhone will render the desktop version.
![Page 260: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/260.jpg)
![Page 261: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/261.jpg)
HTML5HTML5 creates some interesting new opportunities for mobile web applications, like the canvas element, offline storage, document editing, and media
![Page 262: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/262.jpg)
![Page 263: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/263.jpg)
![Page 264: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/264.jpg)
CANVASThe canvas element allows designers and developers to essentially draw content within your HTML page. The canvas HTML tag defines a custom drawing area within your content that you can then access as a JavaScript object and draw upon.
![Page 265: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/265.jpg)
![Page 266: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/266.jpg)
OFFLINE DATAAlso part of HTML5 and supported by WebKit and the iPhone is the ability to create
client-side data storage systems, which essentially allow you to create web applications that work when offline.
![Page 267: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/267.jpg)
![Page 268: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/268.jpg)
CSS
![Page 269: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/269.jpg)
CSS2The iPhone has excellent CSS2 support for a mobile browser. In fact, the iPhone might render CSS a bit better than the desktop web browser you’re using these days.
![Page 270: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/270.jpg)
![Page 271: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/271.jpg)
CSS3The iPhone supports the majority of the CSS3 specification, allowing us to create visually stunning and bandwidth-friendly designs using minimal amounts of code.
![Page 272: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/272.jpg)
![Page 273: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/273.jpg)
JAVA-SCRIPT
![Page 274: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/274.jpg)
Supported!
![Page 275: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/275.jpg)
DemosCSS Image Effects
CSS Transforms
Frameworks
Fixed Footer Scrolling
Multi-touch
Standalone Mode
![Page 276: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/276.jpg)
Part 12:
Now What?
![Page 277: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/277.jpg)
![Page 278: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/278.jpg)
![Page 279: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/279.jpg)
![Page 280: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/280.jpg)
![Page 281: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/281.jpg)
![Page 282: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/282.jpg)
![Page 283: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/283.jpg)
RAWKBe in the App Store.
Charge money for your app.
Be in full control of your app.
Be able to define the design how ever you want.
Spend less making your app.
Increase your profitability.
Support multiple devices.
![Page 284: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/284.jpg)
![Page 285: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/285.jpg)
Conclusion:
What’s Next
![Page 286: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/286.jpg)
EVERYTHING
![Page 287: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/287.jpg)
TOMORROWTomorrow’s innovations will not only involve mobile technology, but they will come from the mobile investments that are made today.This won’t be because of the iPhone or Android phones, operators, or the big device makers, but because of people.
![Page 288: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/288.jpg)
1985The Web is supposed to bring us together, but people feel more isolated than ever. In a survey conducted in 1985, respondents said that they had at least three close friends they felt they could talk to about important issues.
![Page 289: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/289.jpg)
2006In 2006, a Duke University study found that the number of friends people felt they could talk to was down to two people.25 percent stated they had no close friends at all.
![Page 290: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/290.jpg)
Go Mobile!
Mobile technology by its nature is designed to facilitate interaction between people.
It is portable, personal, and ubiquitously connected.
It enables us to not just to communicate in real time, but to collaborate.
![Page 291: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/291.jpg)
neurolinguistic programming
![Page 292: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/292.jpg)
Learning TypeAuditory 20% of all peopleconnect with others verbally
is all they need to feel
connected and productive with others
![Page 293: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/293.jpg)
Learning TypeVisual 35% of all peopleBeing able to see concepts
illustrated as diagrams or
charts and graphs is helpful
for this majority learning type.
![Page 294: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/294.jpg)
Learning TypeKinesthetic 45% of all people incorporate muscle memory
and hand-eye movement to
process and retain new information
![Page 295: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/295.jpg)
The Mobile Generation
2009 2010 2011 2012 2013 2014 2015
Everyone Else
source: us census bureau
![Page 296: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/296.jpg)
Today’s investors, boardrooms, and entrepreneurs are looking for value in all the wrong places. Facebook’s game of musical chairs won’t solve big economic problems—and neither will making token investments in green tech.
Where is the next industrial revolution crying out for revolutionaries? Simple: in industries dominated by clear, durable, structural barriers to efficiency and productivity.
—Umair Haque, 21st Century Industrial Revolution
![Page 297: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/297.jpg)
IN 100 YEARSWe need a new Industrial Revolution that will define the stepping stones for the next hundred years. We need a deep examination of the impact that the Information Age will have on real people for generations to come.
![Page 298: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/298.jpg)
MOBILE IS WHERE THE
CONVERSATION STARTS
![Page 299: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/299.jpg)
MOBILE IS......the introduction to the larger concepts of how to address the user’s context in a multi-device environment
...how to deal with data portability
...about making content accessible to all people, regardless of location, education, or ability
...how to leverage the mobile web, the social web, the desktop web, desktop software, and other emerging technologies to the benefit of your users.
![Page 300: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/300.jpg)
What do you think?
![Page 301: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/301.jpg)
http://mobiledesign.org
![Page 302: Designing iPhone Apps](https://reader034.vdocument.in/reader034/viewer/2022050804/54c624c84a7959214f8b45e3/html5/thumbnails/302.jpg)
My name is Brian Fling and I’m a Mobile Designer
twitter.com/fling
company: pinchzoom.com
blog: flingmedia.comFonts used: Archer & AvenirIllustrations by Simon Oxley (www.idokungfoo.com)
THANK YOU