with Brian Fling
Rules for Building
Amazing Apps for
Mobile & Tablet
61.
2.
3.
4.
5.
6.
The Puget Sound Region
The Puget Sound Region
“They have the best coffee,
computers and smack”
—Robyn Hitchcock
Viva Sea-Tac
STREETS CARTOGRAPHY CALIPER CRANE
ESCAPEMENT TUMBLER_LOCK GEARS
PLUMBING SPIRAL_STAIRCASE
URBAN_PLANNING CROSSBOW WINCH
WH...
POLITICAL_PHILOSOPHY
ETHICS METAPHYSICS
ONTOLOGY LOGIC
BIOLOGY RHETORIC
& AESTHETICS
“Greek philosophy has
shaped the entire
Western thought since
its inception.”
ABACUS AMPHITHEATER AQUEDUCT ARCH
BOOK BRASS BRIDGE CAMEOS CAST_IRON
CEMENT CRANE DAM DOME LOOM
FLAMETHROWER GLASS BLOWING...
“In an economy where the only certainty is
uncertainty, the one source of lasting
competitive advantage is knowledge. When...
with Brian Fling
Rules for Building
Amazing Apps for
Mobile & Tablet
61. UNDERSTAND THE MEDIUM
Get to know what your table...
Phones are
about making
the most of
the moment,
simple tasks,
& context.
Tablets are
about focus,
consumption,
simple tasks
& portability.
...or just think of your
app as a great book.
with Brian Fling
Rules for Building
Amazing Apps for
Mobile & Tablet
61. UNDERSTAND THE MEDIUM
Get to know what your table...
1 out of 3 projects
gosidewaysbecauseof
BAD DATA
Content is Data
thereisno
Design without Data
1 out of 3 projects
gosidewaysbecauseof
BAD DATA
“A new form of Web
content that is
meaningful to computers
will unleash a revolution
of new possibilities.”
Push or Pull?
Figure out how your app
will Push & Pull data
before you begin.
with Brian Fling
Rules for Building
Amazing Apps for
Mobile & Tablet
61. UNDERSTAND THE MEDIUM
Get to know what your table...
JARGON ALERT
Context
The circumstances that form
the setting for an event,
statement, or idea, and in
terms of which it ca...
Events
TV
Billboard
Radio
Live
Auditory
Kinesthetic
Visual
Word of
Mouth
Print Ad
Mobile
Device
QR
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visual
Word of
Mouth
Print Ad
Mobile
Device
WAP
SMS
QR Cod
SMS...
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visual
Word of
Mouth
Print Ad
Mobile
Device
IVR
SMS
IVR
SMS
WA...
Events
TV
Billboard
Radio
Live
Website
Auditory
Kinesthetic
Visual
Word of
Mouth
Print Ad
Mobile
Device
IVR
SMS
IVR
SMS
WA...
Always add value to the
users context*
Always add value to the
users context*
*Doing so requires a little Psych 101
with Brian Fling
Rules for Building
Amazing Apps for
Mobile & Tablet
61. UNDERSTAND THE MEDIUM
Get to know what your table...
CONTEXT
MEDIUM
(Mobile)
INTERACTION
?
JARGON ALERT
Needs
The circumstances in which
something is necessary, or that
require some course of action.
Abraham Harold Maslow
(April 1, 1908 – June 8, 1970)
was an American psychologist.
He is noted for his concept-
ualization...
“Unlike personality, attitudes
are expected to change as a
function of experience.”
Affect.
JARGON ALERT
Affective Response
The emotional response that
expresses an individual's degree
of preference for an entity.
Affect.
Behavior.
JARGON ALERT
Behavioral Intention
The verbal indication or typical
behavioral tendency of an
individual.
Affect.
Behavior.
Cognition.
JARGON ALERT
Cognitive Response
The evaluation of the entity that
constitutes an individual's beliefs
about the object.
The “deck” is still very much
alive and doing incredibly
well.
with Brian Fling
Rules for Building
Amazing Apps for
Mobile & Tablet
61. UNDERSTAND THE MEDIUM
Get to know what your table...
with Brian Fling
Rules for Building
Amazing Apps for
Mobile & Tablet
61. UNDERSTAND THE MEDIUM
Get to know what your table...
Mobile Design = Web Design
Mobile Design = Web Design
The Elements of User Experience
A basic duality: The Web was originally conceived as a hypertextual information space;
but...
Mobile Design is Software Design
Mobile Design is Software Design
Mobile Design is an
entirely new breed of
design.
Of which the rules and best
practices are still being defined.
Over 10 years in mobile
& I still feel like it’s the
first day in school
Planning Interactions Design Integration Development Testing Fixes Deployment
DESIGNERS DEVELOPERS
Case Studies
Get in Touch
Find Out How We Can Help You.
Brian Fling
Founder & President
brian@pinchzoom.com
+1 206 351-6060
Charlie Bar...
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
6 Rules for Building Amazing Apps for Mobile & Tablet Devices
Upcoming SlideShare
Loading in...5
×

6 Rules for Building Amazing Apps for Mobile & Tablet Devices

7,017

Published on

I start this talk by exploring how humans gathered and shared knowledge in ancient times only for it to be lost during the dark ages. Not unlike the information overload of today, making knowledge a commodity for the first time in human history.

I follow these concepts with the closely interconnected "6 Rules for Building Amazing Apps for Mobile & Tablet Devices" including how to look at your data, how context influences the users interactions, how to influence users behavior and how to use design to create touchable, almost real life product experiences. Concluded with resetting peoples expectations of how to build mobile apps, making sure they account for a lot more time than other projects.

Published in: Business, Technology
1 Comment
33 Likes
Statistics
Notes
  • 1/3 of the slides have 'not been converted'. Maybe you should try to upload the file again?

    Cheers.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
7,017
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
336
Comments
1
Likes
33
Embeds 0
No embeds

No notes for slide

6 Rules for Building Amazing Apps for Mobile & Tablet Devices

  1. 1. with Brian Fling Rules for Building Amazing Apps for Mobile & Tablet 61. 2. 3. 4. 5. 6.
  2. 2. The Puget Sound Region
  3. 3. The Puget Sound Region “They have the best coffee, computers and smack” —Robyn Hitchcock Viva Sea-Tac
  4. 4. 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
  5. 5. POLITICAL_PHILOSOPHY ETHICS METAPHYSICS ONTOLOGY LOGIC BIOLOGY RHETORIC & AESTHETICS
  6. 6. “Greek philosophy has shaped the entire Western thought since its inception.”
  7. 7. 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
  8. 8. “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”
  9. 9. with Brian Fling Rules for Building Amazing Apps for Mobile & Tablet 61. UNDERSTAND THE MEDIUM Get to know what your tablet means to your users and how they will use them. 2. GET YOUR DATA DIALED Data is the new content, and it comes from everywhere. 3. BE A MASTER OF CONTEXT Dive into context, it is the easiest way to level up to awesomeness. 4. DESIGN FOR INTERACTION Chances are you’ve never done anything like it before. 5. FOCUS ON THE DETAILS A gift for pixel perfection and psych degree can come in handy. 6. ALLOW AMPLE TIME It takes a lot longer than you might think. #1
  10. 10. Phones are about making the most of the moment, simple tasks, & context.
  11. 11. Tablets are about focus, consumption, simple tasks & portability.
  12. 12. ...or just think of your app as a great book.
  13. 13. with Brian Fling Rules for Building Amazing Apps for Mobile & Tablet 61. UNDERSTAND THE MEDIUM Get to know what your tablet means to your users and how they will use them. 2. GET YOUR DATA DIALED Data is the new content, and it comes from everywhere. 3. BE A MASTER OF CONTEXT Dive into context, it is the easiest way to level up to awesomeness. 4. DESIGN FOR INTERACTION Chances are you’ve never done anything like it before. 5. FOCUS ON THE DETAILS A gift for pixel perfection and psych degree can come in handy. 6. ALLOW AMPLE TIME It takes a lot longer than you might think. #2
  14. 14. 1 out of 3 projects gosidewaysbecauseof BAD DATA
  15. 15. Content is Data
  16. 16. thereisno Design without Data
  17. 17. 1 out of 3 projects gosidewaysbecauseof BAD DATA
  18. 18. “A new form of Web content that is meaningful to computers will unleash a revolution of new possibilities.”
  19. 19. Push or Pull?
  20. 20. Figure out how your app will Push & Pull data before you begin.
  21. 21. with Brian Fling Rules for Building Amazing Apps for Mobile & Tablet 61. UNDERSTAND THE MEDIUM Get to know what your tablet means to your users and how they will use them. 2. GET YOUR DATA DIALED Data is the new content, and it comes from everywhere. 3. BE A MASTER OF CONTEXT Dive into context, it is the easiest way to level up to awesomeness. 4. DESIGN FOR INTERACTION Chances are you’ve never done anything like it before. 5. FOCUS ON THE DETAILS A gift for pixel perfection and psych degree can come in handy. 6. ALLOW AMPLE TIME It takes a lot longer than you might think. #3
  22. 22. JARGON ALERT Context The circumstances that form the setting for an event, statement, or idea, and in terms of which it can be fully understood and assessed.
  23. 23. Events TV Billboard Radio Live Auditory Kinesthetic Visual Word of Mouth Print Ad Mobile Device QR
  24. 24. Events TV Billboard Radio Live Website Auditory Kinesthetic Visual Word of Mouth Print Ad Mobile Device WAP SMS QR Cod SMS QR Code WAP SMS SMS Bluetooth WAP MMS MMS
  25. 25. Events TV Billboard Radio Live Website Auditory Kinesthetic Visual Word of Mouth Print Ad Mobile Device IVR SMS IVR SMS WAP SMS QR Code SMS QR Code SMS MMS SMS WAP SMS SMS Bluetooth Notify WAP WAP MMS Email Send to Friend W No B WAP Site WAP Site Join Buy MMS ify d to nd Discuss Send to Friend Notify Buy Send to Friend Notify
  26. 26. Events TV Billboard Radio Live Website Auditory Kinesthetic Visual Word of Mouth Print Ad Mobile Device IVR SMS IVR SMS WAP SMS QR Code SMS QR Code SMS SMS MMS SMS WAP SMS SMS Bluetooth Notify WAP WAP MMS Email Send to Friend WAP Site Notify Buy WAP Site WAP Site Send to Friend Join Buy Notify Notify Send to Friend Post WAP Site MMS Send to Friend Notify Send to Friend Join Discuss Send to Friend Notify Down load Down loadNotify Vote Join Vote Notify Buy Send to Friend Notify
  27. 27. Always add value to the users context*
  28. 28. Always add value to the users context* *Doing so requires a little Psych 101
  29. 29. with Brian Fling Rules for Building Amazing Apps for Mobile & Tablet 61. UNDERSTAND THE MEDIUM Get to know what your tablet means to your users and how they will use them. 2. GET YOUR DATA DIALED Data is the new content, and it comes from everywhere. 3. BE A MASTER OF CONTEXT Dive into context, it is the easiest way to level up to awesomeness. 4. DESIGN FOR INTERACTION Chances are you’ve never done anything like it before. 5. FOCUS ON THE DETAILS A gift for pixel perfection and psych degree can come in handy. 6. ALLOW AMPLE TIME It takes a lot longer than you might think. #4
  30. 30. CONTEXT MEDIUM (Mobile) INTERACTION ?
  31. 31. JARGON ALERT Needs The circumstances in which something is necessary, or that require some course of action.
  32. 32. 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.
  33. 33. “Unlike personality, attitudes are expected to change as a function of experience.”
  34. 34. Affect.
  35. 35. JARGON ALERT Affective Response The emotional response that expresses an individual's degree of preference for an entity.
  36. 36. Affect. Behavior.
  37. 37. JARGON ALERT Behavioral Intention The verbal indication or typical behavioral tendency of an individual.
  38. 38. Affect. Behavior. Cognition.
  39. 39. JARGON ALERT Cognitive Response The evaluation of the entity that constitutes an individual's beliefs about the object.
  40. 40. The “deck” is still very much alive and doing incredibly well.
  41. 41. with Brian Fling Rules for Building Amazing Apps for Mobile & Tablet 61. UNDERSTAND THE MEDIUM Get to know what your tablet means to your users and how they will use them. 2. GET YOUR DATA DIALED Data is the new content, and it comes from everywhere. 3. BE A MASTER OF CONTEXT Dive into context, it is the easiest way to level up to awesomeness. 4. DESIGN FOR INTERACTION Chances are you’ve never done anything like it before. 5. FOCUS ON THE DETAILS A gift for pixel perfection and psych degree can come in handy. 6. ALLOW AMPLE TIME It takes a lot longer than you might think. #5
  42. 42. with Brian Fling Rules for Building Amazing Apps for Mobile & Tablet 61. UNDERSTAND THE MEDIUM Get to know what your tablet means to your users and how they will use them. 2. GET YOUR DATA DIALED Data is the new content, and it comes from everywhere. 3. BE A MASTER OF CONTEXT Dive into context, it is the easiest way to level up to awesomeness. 4. DESIGN FOR INTERACTION Chances are you’ve never done anything like it before. 5. FOCUS ON THE DETAILS A gift for pixel perfection and psych degree can come in handy. 6. ALLOW AMPLE TIME It takes a lot longer than you might think. #6
  43. 43. Mobile Design = Web Design
  44. 44. Mobile Design = Web Design
  45. 45. The Elements of User Experience A basic duality: The Web was originally conceived as a hypertextual information space; but the development of increasingly sophisticated front- and back-end technologies has fostered 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 beyond the scope of its original application. The goal of this document is to define some of these terms within their appropriate contexts, and to clarify the underlying relationships among these various elements. Jesse James Garrett jjg@jjg.net Visual Design: graphic treatment of interface elements (the "look" in "look-and-feel") Information Architecture: structural design of the information space to facilitate intuitive access to content Interaction Design: development of application flows to facilitate user tasks, defining how the user interacts with site functionality Navigation Design: design of interface elements to facilitate the user's movement through the information architecture Information Design: in the Tuftean sense: designing the presentation of information to facilitate understanding Functional Specifications: "feature set": detailed descriptions of functionality the site must include in order to meet user needs User Needs: externally derived goals for the site; identified through user research, ethno/techno/psychographics, etc. Site Objectives: business, creative, or other internally derived goals for the site Content Requirements: definition of content elements required in the site in order to meet user needs Interface Design: as in traditional HCI: design of interface elements to facilitate user interaction with functionality Information Design: in the Tuftean sense: designing the presentation of information to facilitate understanding Web as software interface Web as hypertext system Visual Design: visual treatment of text, graphic page elements and navigational components Concrete Abstract time Conception Completion Functional Specifications Content Requirements Interaction Design Information Architecture Visual Design Information Design Interface Design Navigation Design Site Objectives User Needs User Needs: externally derived goals for the site; identified through user research, ethno/techno/psychographics, etc. Site Objectives: business, creative, or other internally 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 a user 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/
  46. 46. Mobile Design is Software Design
  47. 47. Mobile Design is Software Design
  48. 48. Mobile Design is an entirely new breed of design. Of which the rules and best practices are still being defined.
  49. 49. Over 10 years in mobile & I still feel like it’s the first day in school
  50. 50. Planning Interactions Design Integration Development Testing Fixes Deployment DESIGNERS DEVELOPERS
  51. 51. Case Studies
  52. 52. Get in Touch Find Out How We Can Help You. Brian Fling Founder & President brian@pinchzoom.com +1 206 351-6060 Charlie Barr Client Director charlie@pinchzoom.com +1 206 395-5085 My name is Brian Fling and Iʼm a Mobile Designer twitter.com/fling bookmobiledesign.org companypinchzoom.com blogflingmedia.com THANK YOU
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×