6 rules for building amazing apps for mobile & tablet devices
TRANSCRIPT
![Page 1: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/1.jpg)
with Brian Fling
Rules for Building Amazing Apps for Mobile & Tablet6
1.
2.
3.
4.
5.
6.
![Page 2: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/2.jpg)
The Puget Sound Region
![Page 3: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/3.jpg)
![Page 4: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/4.jpg)
The Puget Sound Region
“They have the best co!ee, computers and smack”
—Robyn HitchcockViva Sea-Tac
![Page 5: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/5.jpg)
![Page 6: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/6.jpg)
![Page 7: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/7.jpg)
![Page 8: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/8.jpg)
![Page 9: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/9.jpg)
![Page 10: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/10.jpg)
![Page 11: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/11.jpg)
![Page 12: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/12.jpg)
![Page 13: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/13.jpg)
![Page 14: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/14.jpg)
![Page 15: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/15.jpg)
![Page 16: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/16.jpg)
![Page 17: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/17.jpg)
![Page 18: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/18.jpg)
![Page 19: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/19.jpg)
STREETS CARTOGRAPHY CALIPER CRANE ESCAPEMENT TUMBLER_LOCK GEARS
PLUMBING SPIRAL_STAIRCASE URBAN_PLANNING CROSSBOW WINCH
WHEELBARROW SHOWERS CENTRAL_HEATING LIGHTHOUSE
ALARM_CLOCK CHAIN_DRIVE CANNON LEVERS WATER_MILL GIMBAL DRY_DOCK
ANALOG_COMPUTERS FIRE_HOSE VENDING_MACHINE WIND_VANE
CLOCK_TOWER AUTOMATIC_DOORS
Ancient Greek Technology
![Page 20: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/20.jpg)
![Page 21: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/21.jpg)
POLITICAL_PHILOSOPHY ETHICS METAPHYSICS
ONTOLOGY LOGIC BIOLOGY RHETORIC
& AESTHETICS
![Page 22: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/22.jpg)
“Greek philosophy has shaped the entire Western thought since its inception.”
![Page 23: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/23.jpg)
![Page 24: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/24.jpg)
![Page 25: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/25.jpg)
![Page 26: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/26.jpg)
![Page 27: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/27.jpg)
![Page 28: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/28.jpg)
![Page 29: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/29.jpg)
![Page 30: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/30.jpg)
![Page 31: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/31.jpg)
![Page 32: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/32.jpg)
ABACUS AMPHITHEATER AQUEDUCT ARCH BOOK BRASS BRIDGE CAMEOS CAST_IRON
CEMENT CRANE DAM DOME LOOM FLAMETHROWER GLASS BLOWING
HAND_SOAP HYDRAULICS HYDROMETER KNIFE LIGHTHOUSES LEATHER MILLS
STEAM_ENGINE NEWSPAPER ODOMETER PADDLE_WHEEL PEWTER POTTERY
REAPER SAILS RUDDER SAUSAGE SEWERS SPIRAL_STAIRCASE STENOGRAPHY
STREET_MAPS SURGICAL_INSTRUMENTS
Some Innovations from the Roman Empire
![Page 33: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/33.jpg)
![Page 34: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/34.jpg)
![Page 35: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/35.jpg)
![Page 36: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/36.jpg)
![Page 37: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/37.jpg)
![Page 38: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/38.jpg)
![Page 39: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/39.jpg)
![Page 40: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/40.jpg)
![Page 41: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/41.jpg)
![Page 42: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/42.jpg)
![Page 43: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/43.jpg)
![Page 44: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/44.jpg)
“In an economy where the only certainty is uncertainty, the one source of lasting competitive advantage is knowledge. When markets shift, technologies proliferate, and products become obsolete almost overnight, successful companies are those that consistently create new knowledge, disseminate it widely throughout the organization and quickly embody it in new technologies and products”
![Page 45: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/45.jpg)
![Page 46: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/46.jpg)
![Page 47: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/47.jpg)
![Page 48: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/48.jpg)
![Page 49: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/49.jpg)
![Page 50: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/50.jpg)
![Page 51: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/51.jpg)
![Page 52: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/52.jpg)
![Page 53: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/53.jpg)
![Page 54: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/54.jpg)
![Page 55: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/55.jpg)
with Brian Fling
Rules for Building Amazing Apps for Mobile & Tablet6
1. UNDERSTAND THE MEDIUMGet to know what your tablet means to your users and how they will use them.
2. GET YOUR DATA DIALEDData is the new content, and it comes from everywhere.
3. BE A MASTER OF CONTEXTDive into context, it is the easiest way to level up to awesomeness.
4. DESIGN FOR INTERACTIONChances are you’ve never done anything like it before.
5. FOCUS ON THE DETAILSA gift for pixel perfection and psych degree can come in handy.
6. ALLOW AMPLE TIMEIt takes a lot longer than you might think.
#1
![Page 56: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/56.jpg)
![Page 57: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/57.jpg)
![Page 58: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/58.jpg)
Phones are about making the most of the moment, simple tasks,& context.
![Page 59: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/59.jpg)
![Page 60: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/60.jpg)
Tablets are about focus, consumption, simple tasks & portability.
![Page 61: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/61.jpg)
...or just think of your app as a great book.
![Page 62: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/62.jpg)
with Brian Fling
Rules for Building Amazing Apps for Mobile & Tablet6
1. UNDERSTAND THE MEDIUMGet to know what your tablet means to your users and how they will use them.
2. GET YOUR DATA DIALEDData is the new content, and it comes from everywhere.
3. BE A MASTER OF CONTEXTDive into context, it is the easiest way to level up to awesomeness.
4. DESIGN FOR INTERACTIONChances are you’ve never done anything like it before.
5. FOCUS ON THE DETAILSA gift for pixel perfection and psych degree can come in handy.
6. ALLOW AMPLE TIMEIt takes a lot longer than you might think.
#2
![Page 63: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/63.jpg)
1 out of 3 projects go sideways because of
BAD DATA
![Page 64: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/64.jpg)
Content is Data
![Page 65: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/65.jpg)
there is noDesign without Data
![Page 66: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/66.jpg)
1 out of 3 projects go sideways because of
BAD DATA
![Page 67: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/67.jpg)
![Page 68: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/68.jpg)
“A new form of Web content that is
meaningful to computers will unleash a revolution
of new possibilities.”
![Page 69: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/69.jpg)
![Page 70: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/70.jpg)
![Page 71: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/71.jpg)
Push or Pull?
![Page 72: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/72.jpg)
![Page 73: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/73.jpg)
![Page 74: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/74.jpg)
![Page 75: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/75.jpg)
![Page 76: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/76.jpg)
Figure out how your app will Push & Pull data
before you begin.
![Page 77: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/77.jpg)
with Brian Fling
Rules for Building Amazing Apps for Mobile & Tablet6
1. UNDERSTAND THE MEDIUMGet to know what your tablet means to your users and how they will use them.
2. GET YOUR DATA DIALEDData is the new content, and it comes from everywhere.
3. BE A MASTER OF CONTEXTDive into context, it is the easiest way to level up to awesomeness.
4. DESIGN FOR INTERACTIONChances are you’ve never done anything like it before.
5. FOCUS ON THE DETAILSA gift for pixel perfection and psych degree can come in handy.
6. ALLOW AMPLE TIMEIt takes a lot longer than you might think.
#3
![Page 78: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/78.jpg)
JARGON ALERT
ContextThe circumstances that form the setting for an event, statement, or idea, and in terms of which it can be fully understood and assessed.
![Page 79: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/79.jpg)
![Page 80: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/80.jpg)
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 81: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/81.jpg)
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 82: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/82.jpg)
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 83: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/83.jpg)
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 84: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/84.jpg)
![Page 85: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/85.jpg)
![Page 86: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/86.jpg)
![Page 87: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/87.jpg)
![Page 88: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/88.jpg)
Always add value to the users context*
![Page 89: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/89.jpg)
Always add value to the users context*
*Doing so requires a little Psych 101
![Page 90: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/90.jpg)
with Brian Fling
Rules for Building Amazing Apps for Mobile & Tablet6
1. UNDERSTAND THE MEDIUMGet to know what your tablet means to your users and how they will use them.
2. GET YOUR DATA DIALEDData is the new content, and it comes from everywhere.
3. BE A MASTER OF CONTEXTDive into context, it is the easiest way to level up to awesomeness.
4. DESIGN FOR INTERACTIONChances are you’ve never done anything like it before.
5. FOCUS ON THE DETAILSA gift for pixel perfection and psych degree can come in handy.
6. ALLOW AMPLE TIMEIt takes a lot longer than you might think.
#4
![Page 91: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/91.jpg)
CONTEXT MEDIUM(Mobile)
INTERACTION
?
![Page 92: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/92.jpg)
![Page 93: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/93.jpg)
![Page 94: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/94.jpg)
![Page 95: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/95.jpg)
JARGON ALERT
NeedsThe circumstances in which something is necessary, or that require some course of action.
![Page 96: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/96.jpg)
Abraham Harold Maslow (April 1, 1908 – June 8, 1970) was an American psychologist. He is noted for his concept-ualization of a "hierarchy of human needs", and is considered the founder of humanistic psychology.
![Page 97: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/97.jpg)
![Page 98: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/98.jpg)
![Page 99: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/99.jpg)
![Page 100: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/100.jpg)
![Page 101: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/101.jpg)
![Page 102: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/102.jpg)
![Page 103: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/103.jpg)
![Page 104: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/104.jpg)
“Unlike personality, attitudes are expected to change as a function of experience.”
![Page 105: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/105.jpg)
![Page 106: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/106.jpg)
Affect.
![Page 107: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/107.jpg)
JARGON ALERT
Affective ResponseThe emotional response that expresses an individual's degree of preference for an entity.
![Page 108: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/108.jpg)
Affect. Behavior.
![Page 109: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/109.jpg)
JARGON ALERT
Behavioral IntentionThe verbal indication or typical behavioral tendency of an individual.
![Page 110: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/110.jpg)
Affect. Behavior. Cognition.
![Page 111: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/111.jpg)
JARGON ALERT
Cognitive ResponseThe evaluation of the entity that constitutes an individual's beliefs about the object.
![Page 112: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/112.jpg)
![Page 113: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/113.jpg)
![Page 114: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/114.jpg)
![Page 115: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/115.jpg)
The “deck” is still very much alive and doing incredibly well.
![Page 116: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/116.jpg)
![Page 117: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/117.jpg)
![Page 118: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/118.jpg)
![Page 119: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/119.jpg)
with Brian Fling
Rules for Building Amazing Apps for Mobile & Tablet6
1. UNDERSTAND THE MEDIUMGet to know what your tablet means to your users and how they will use them.
2. GET YOUR DATA DIALEDData is the new content, and it comes from everywhere.
3. BE A MASTER OF CONTEXTDive into context, it is the easiest way to level up to awesomeness.
4. DESIGN FOR INTERACTIONChances are you’ve never done anything like it before.
5. FOCUS ON THE DETAILSA gift for pixel perfection and psych degree can come in handy.
6. ALLOW AMPLE TIMEIt takes a lot longer than you might think.
#5
![Page 120: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/120.jpg)
![Page 121: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/121.jpg)
![Page 122: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/122.jpg)
![Page 123: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/123.jpg)
![Page 124: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/124.jpg)
![Page 125: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/125.jpg)
![Page 126: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/126.jpg)
![Page 127: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/127.jpg)
![Page 128: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/128.jpg)
![Page 129: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/129.jpg)
with Brian Fling
Rules for Building Amazing Apps for Mobile & Tablet6
1. UNDERSTAND THE MEDIUMGet to know what your tablet means to your users and how they will use them.
2. GET YOUR DATA DIALEDData is the new content, and it comes from everywhere.
3. BE A MASTER OF CONTEXTDive into context, it is the easiest way to level up to awesomeness.
4. DESIGN FOR INTERACTIONChances are you’ve never done anything like it before.
5. FOCUS ON THE DETAILSA gift for pixel perfection and psych degree can come in handy.
6. ALLOW AMPLE TIMEIt takes a lot longer than you might think.
#6
![Page 130: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/130.jpg)
![Page 131: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/131.jpg)
![Page 132: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/132.jpg)
![Page 133: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/133.jpg)
Mobile Design = Web Design
![Page 134: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/134.jpg)
Mobile Design = Web Design
![Page 135: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/135.jpg)
The Elements of User ExperienceA basic duality: The Web was originally conceived as a hypertextual information space;but the development of increasingly sophisticated front- and back-end technologies hasfostered its use as a remote software interface. This dual nature has led to much confusion,as user experience practitioners have attempted to adapt their terminology to cases beyondthe scope of its original application. The goal of this document is to define some of theseterms within their appropriate contexts, and to clarify the underlying relationships amongthese various elements.
Jesse James [email protected]
Visual Design: graphic treatment of interfaceelements (the "look" in "look-and-feel")
Information Architecture: structural designof the information space to facilitateintuitive access to content
Interaction Design: development ofapplication flows to facilitate user tasks,defining how the user interacts withsite functionality
Navigation Design: design of interfaceelements to facilitate the user's movementthrough the information architectureInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding
Functional Specifications: "feature set":detailed descriptions of functionality the sitemust include in order to meet user needs
User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site
Content Requirements: definition ofcontent elements required in the sitein order to meet user needs
Interface Design: as in traditional HCI:design of interface elements to facilitateuser interaction with functionalityInformation Design: in the Tuftean sense:designing the presentation of informationto facilitate understanding
Web as software interface Web as hypertext system
Visual Design: visual treatment of text,graphic page elements and navigationalcomponents
Concrete
Abstract
time
Conception
Completion
FunctionalSpecifications
ContentRequirements
InteractionDesign
InformationArchitecture
Visual Design
Information DesignInterface Design Navigation Design
Site ObjectivesUser Needs
User Needs: externally derived goalsfor the site; identified through user research,ethno/techno/psychographics, etc.Site Objectives: business, creative, or otherinternally derived goals for the site
This picture is incomplete: The model outlined here does not account for secondary considerations (such as those arising during technical or content development)that may influence decisions during user experience development. Also, this model does not describe a development process, nor does it define roles within auser experience development team. Rather, it seeks to define the key considerations that go into the development of user experience on the Web today.
task-oriented information-oriented
30 March 2000
© 2000 Jesse James Garrett http://www.jjg.net/ia/
![Page 136: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/136.jpg)
![Page 137: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/137.jpg)
Mobile Design is Software Design
![Page 138: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/138.jpg)
Mobile Design is Software Design
![Page 139: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/139.jpg)
Mobile Design is an entirely new breed of
design.Of which the rules and best
practices are still being defined.
![Page 140: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/140.jpg)
Over 10 years in mobile & I still feel like it’s the
first day in school
![Page 141: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/141.jpg)
Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS
![Page 142: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/142.jpg)
![Page 143: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/143.jpg)
![Page 144: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/144.jpg)
![Page 145: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/145.jpg)
Case Studies
![Page 146: 6 Rules for Building Amazing Apps for Mobile & Tablet Devices](https://reader030.vdocuments.mx/reader030/viewer/2022032514/55d4fc9ebb61eb9a528b4613/html5/thumbnails/146.jpg)
Get in TouchFind Out How We Can Help You.
Brian FlingFounder & President
[email protected]+1 206 351-6060
Charlie BarrClient Director
[email protected]+1 206 395-5085
My name is Brian Fling and Iʼm a Mobile Designer
twitter.com/flingbook mobiledesign.orgcompany pinchzoom.comblog flingmedia.com
THANK YOU