Whatʼs next?
How mobile is
changing design.
1975
The Nixon Shock
Or the "death of money" refers
to the change in the economic
nature of money following
Richard Nixon's rem...
1984
1985
Respondents said that they had
at least three close friends they
felt they could talk to about
important issues.
Abraham Harold Maslow
(April 1, 1908 – June 8, 1970)
was an American psychologist.
He is noted for his concept-
ualization...
The Doomed Scenario
Did the lack of a “tomorrow”
spawn the innovation that fed
over a decade of innovation?
1991
The Wall.
1998
2000
What happened
to tomorrow?
2001
2003
2006
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.
generation
                      Z
    born in the modern digital age.
     technology is infused at birth.

             ...
generation
94% own a mobile phone
97% own a computer
                                                                   y
...
the mobile generation




2009   2010   2011   2012   2013   2014   2015

              everyone else

                   ...
In less five years, the
mobile generation (y+z)
could have more buying
power than all other
demographics combined.
2007
+ 9 years =
Android
           7%

              Java ME
                7%

iPhone         Symbian
 69%             6%

            W...
2008
Accessibility
Search Engine Optimization
Rich Internet Applications
Social Media
Mobile?
Are these the
same thing?
Is HTML5, CSS3,
Javascript, XML,
and APIs the
universal language
for everything?
Context?
Are we already
designing for
the web of
tomorrow?
2009
How mobile is
changing design?
Do we design
for medium
or the context?
JARGON ALERT

Context
The circumstances that form the
setting for an event, statement, or
idea, and in terms of which it c...
The era of a
single context
web is over.
JARGON ALERT
Neurolinguistic
Programming
A model of interpersonal
communication chiefly concerned with
the relationship bet...
Lear
                ni
     Aud             ng T
                         ype
   20%   itory
       o    f all
 conn
    ...
Lear
                   ni  ng T
         Visu              ype
     35%      al
             of al
   Bein
         g ab
...
Lear
     Kine      ning
                    Type
               sthe
   45%
       of al             tic
incorp       l  ...
Radio                    TV




    Live                                                Billboard




                    ...
WAP


             Bluetooth
                                             Radio                  TV

                     ...
WAP
                       Discuss                                                                  IVR
                  ...
Join            Down
                                                                             Notify                  ...
We have to think
of design as a
multi-faceted
experience.
Whatʼs Next?
Anything.
Everything.
Tomorrowʼs
innovations will come
from the investments in
mobile made today.
This wonʼt be because of
the iPhone or Android
phones, operators, or the
big device makers, but
because of people.
Mobile technology by its
nature is designed to
facilitate interaction
between people.
The Elements of User Experience                                                                                           ...
It is portable, personal,
and ubiquitously
connected.
It enables us to not just to
communicate in real time,
but to collaborate.
We are in the midst of a
New Industrial Revolution
that will define the stepping
stones for the next
hundred years.
Mobile is where the
conversation starts.
Whatʼs Next?
How do you design
for tomorrow?
A good teacher teaches
the student that they
already know the answer.
HTML5, CSS3,
Javascript, XML,
and APIs is the
universal language
for everything.
Join            Down
                                                                             Notify                  ...
It starts with you,
here today.
Thank You
My name is Brian Fling and
Iʼm a Mobile Designer


twitter.com/fling
book mobiledesign.org
company pinchzoom.com
...
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
What's Next: How Mobile is Changing Design
Upcoming SlideShare
Loading in …5
×

What's Next: How Mobile is Changing Design

3,932
-1

Published on

Mobile is evolving, the web is adapting, and these two colossal worlds are about to collide to create something new. In order to design the experiences of this new contextual web, we need to change the way look at design. In this talk Brian will provide his insights on some of the emerging trends in mobile design and share his thoughts on how we will design the interfaces of tomorrow.

There is a lot more in my O'Reilly book: Mobile Design & Development (http://oreilly.com/catalog/9780596155445/)

Published in: Design, Technology, Business
1 Comment
22 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,932
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
231
Comments
1
Likes
22
Embeds 0
No embeds

No notes for slide

What's Next: How Mobile is Changing Design

  1. 1. Whatʼs next? How mobile is changing design.
  2. 2. 1975
  3. 3. The Nixon Shock Or the "death of money" refers to the change in the economic nature of money following Richard Nixon's removal of US Dollar from the gold standard.
  4. 4. 1984
  5. 5. 1985 Respondents said that they had at least three close friends they felt they could talk to about important issues.
  6. 6. 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.
  7. 7. The Doomed Scenario Did the lack of a “tomorrow” spawn the innovation that fed over a decade of innovation?
  8. 8. 1991
  9. 9. The Wall.
  10. 10. 1998
  11. 11. 2000
  12. 12. What happened to tomorrow?
  13. 13. 2001
  14. 14. 2003
  15. 15. 2006
  16. 16. 2006 A Duke University study found that the number of friends people felt they could talk to was down to two people.
  17. 17. 25 percent stated they had no close friends at all.
  18. 18. generation Z born in the modern digital age. technology is infused at birth. the iphone is to them as the macintosh was to us.
  19. 19. generation 94% own a mobile phone 97% own a computer y born between 1980 to 1990 76% use instant messaging solve problems using their social network. makes buying purchases collectively, not 69% use facebook individually. use mobile technology to stay informed. 56% own an ipod source: gen y and digital technology, 2007
  20. 20. the mobile generation 2009 2010 2011 2012 2013 2014 2015 everyone else source: us census bureau
  21. 21. In less five years, the mobile generation (y+z) could have more buying power than all other demographics combined.
  22. 22. 2007
  23. 23. + 9 years =
  24. 24. Android 7% Java ME 7% iPhone Symbian 69% 6% Windows Mobile 5% Blackberry 3% Palm 2%
  25. 25. 2008
  26. 26. Accessibility Search Engine Optimization Rich Internet Applications Social Media Mobile?
  27. 27. Are these the same thing?
  28. 28. Is HTML5, CSS3, Javascript, XML, and APIs the universal language for everything?
  29. 29. Context?
  30. 30. Are we already designing for the web of tomorrow?
  31. 31. 2009
  32. 32. How mobile is changing design?
  33. 33. Do we design for medium or the context?
  34. 34. 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.
  35. 35. The era of a single context web is over.
  36. 36. JARGON ALERT Neurolinguistic Programming A model of interpersonal communication chiefly concerned with the relationship between successful patterns of behavior and the subjective experiences underlying them.
  37. 37. Lear ni Aud ng T ype 20% itory o f all conn ect w peop is al ith oth le conn l they n ers verb ecte eed d an to fe ally with d pro el othe ductive rs
  38. 38. Lear ni ng T Visu ype 35% al of al Bein g ab l peop illus trate le to see c le char ts an d as dia oncepts for t d gra gram his m phs s or ajor is he ity le lpful type arni . ng
  39. 39. Lear Kine ning Type sthe 45% of al tic incorp l peop and orat hand e muscl le proc -eye e me ess a movem mory nd re ent t infor tain o mat new ion
  40. 40. Radio TV Live Billboard ry Vi to su di al Au Word of Print Ad Mouth Kinesthetic Mobile Events Device QR
  41. 41. WAP Bluetooth Radio TV SMS SMS Live Billboard WAP ry Vi to MMS su di al Au QR Cod Word of Print Ad Mouth SMS Kinesthetic SMS WAP Mobile Events Device QR Code Website MMS
  42. 42. WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS SMS Live Billboard d to B nd WAP ry Vi to MMS su di al Au W QR Code Word of Print Ad Mouth SMS ify Kinesthetic No SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site
  43. 43. Join Down Notify load Vote Vote Down load Notify WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS SMS Live Billboard Send to Buy Friend WAP ry Vi to MMS su di al Au Join WAP Site QR Code Word of Print Ad Mouth SMS Notify Kinesthetic Notify SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site SMS Send to Friend Send to Friend Notify Notify Post WAP Site Send to Friend
  44. 44. We have to think of design as a multi-faceted experience.
  45. 45. Whatʼs Next?
  46. 46. Anything. Everything.
  47. 47. Tomorrowʼs innovations will come from the investments in mobile made today.
  48. 48. This wonʼt be because of the iPhone or Android phones, operators, or the big device makers, but because of people.
  49. 49. Mobile technology by its nature is designed to facilitate interaction between people.
  50. 50. The Elements of User Experience Jesse James Garrett jjg@jjg.net A basic duality: The Web was originally conceived as a hypertextual information space; 30 March 2000 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. Web as software interface Concrete Completion Web as hypertext system Visual Design: visual treatment of text, Visual Design: graphic treatment of interface elements (the "look" in "look-and-feel") Visual Design graphic page elements and navigational components Interface Design: as in traditional HCI: Navigation Design: design of interface design of interface elements to facilitate elements to facilitate the user's movement user interaction with functionality Interface Design Navigation Design through the information architecture Information Design: in the Tuftean sense: designing the presentation of information Information Design Information Design: in the Tuftean sense: designing the presentation of information to facilitate understanding to facilitate understanding Interaction Design: development of Interaction Information Information Architecture: structural design time application flows to facilitate user tasks, defining how the user interacts with Design Architecture of the information space to facilitate intuitive access to content site functionality Functional Specifications: "feature set": detailed descriptions of functionality the site Functional Content Content Requirements: definition of content elements required in the site must include in order to meet user needs Specifications Requirements in order to meet user needs User Needs: externally derived goals User Needs: externally derived goals for the site; identified through user research, ethno/techno/psychographics, etc. User Needs for the site; identified through user research, ethno/techno/psychographics, etc. Site Objectives: business, creative, or other internally derived goals for the site Site Objectives Site Objectives: business, creative, or other internally derived goals for the site task-oriented Abstract Conception information-oriented 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. © 2000 Jesse James Garrett http://www.jjg.net/ia/
  51. 51. It is portable, personal, and ubiquitously connected.
  52. 52. It enables us to not just to communicate in real time, but to collaborate.
  53. 53. We are in the midst of a New Industrial Revolution that will define the stepping stones for the next hundred years.
  54. 54. Mobile is where the conversation starts.
  55. 55. Whatʼs Next? How do you design for tomorrow?
  56. 56. A good teacher teaches the student that they already know the answer.
  57. 57. HTML5, CSS3, Javascript, XML, and APIs is the universal language for everything.
  58. 58. Join Down Notify load Vote Vote Down load Notify WAP Discuss IVR SMS Buy SMS IVR Notify Send to Friend WAP Bluetooth Radio TV Send to Friend Notify SMS SMS Live Billboard Send to Buy Friend WAP ry Vi to MMS su di al Au Join WAP Site QR Code Word of Print Ad Mouth SMS Notify Kinesthetic Notify SMS WAP Mobile Events Buy Device Send to Friend QR Code Website MMS Join Notify SMS SMS Email WAP Site MMS WAP Site SMS Send to Friend Send to Friend Notify Notify Post WAP Site Send to Friend
  59. 59. It starts with you, here today.
  60. 60. Thank You My name is Brian Fling and Iʼm a Mobile Designer twitter.com/fling book mobiledesign.org company pinchzoom.com blog flingmedia.com
  1. A particular slide catching your eye?

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

×