What's Next: How Mobile is Changing Design

  • 3,626 views
Uploaded 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 …

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/)

More in: Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
3,626
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
221
Comments
1
Likes
21

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Whatʼs next? How mobile is changing design.
  • 2. 1975
  • 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. 1984
  • 5. 1985 Respondents said that they had at least three close friends they felt they could talk to about important issues.
  • 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. The Doomed Scenario Did the lack of a “tomorrow” spawn the innovation that fed over a decade of innovation?
  • 8. 1991
  • 9. The Wall.
  • 10. 1998
  • 11. 2000
  • 12. What happened to tomorrow?
  • 13. 2001
  • 14. 2003
  • 15. 2006
  • 16. 2006 A Duke University study found that the number of friends people felt they could talk to was down to two people.
  • 17. 25 percent stated they had no close friends at all.
  • 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. 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. the mobile generation 2009 2010 2011 2012 2013 2014 2015 everyone else source: us census bureau
  • 21. In less five years, the mobile generation (y+z) could have more buying power than all other demographics combined.
  • 22. 2007
  • 23. + 9 years =
  • 24. Android 7% Java ME 7% iPhone Symbian 69% 6% Windows Mobile 5% Blackberry 3% Palm 2%
  • 25. 2008
  • 26. Accessibility Search Engine Optimization Rich Internet Applications Social Media Mobile?
  • 27. Are these the same thing?
  • 28. Is HTML5, CSS3, Javascript, XML, and APIs the universal language for everything?
  • 29. Context?
  • 30. Are we already designing for the web of tomorrow?
  • 31. 2009
  • 32. How mobile is changing design?
  • 33. Do we design for medium or the context?
  • 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. The era of a single context web is over.
  • 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. 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. 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. 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. Radio TV Live Billboard ry Vi to su di al Au Word of Print Ad Mouth Kinesthetic Mobile Events Device QR
  • 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. 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. 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. We have to think of design as a multi-faceted experience.
  • 45. Whatʼs Next?
  • 46. Anything. Everything.
  • 47. Tomorrowʼs innovations will come from the investments in mobile made today.
  • 48. This wonʼt be because of the iPhone or Android phones, operators, or the big device makers, but because of people.
  • 49. Mobile technology by its nature is designed to facilitate interaction between people.
  • 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. It is portable, personal, and ubiquitously connected.
  • 52. It enables us to not just to communicate in real time, but to collaborate.
  • 53. We are in the midst of a New Industrial Revolution that will define the stepping stones for the next hundred years.
  • 54. Mobile is where the conversation starts.
  • 55. Whatʼs Next? How do you design for tomorrow?
  • 56. A good teacher teaches the student that they already know the answer.
  • 57. HTML5, CSS3, Javascript, XML, and APIs is the universal language for everything.
  • 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. It starts with you, here today.
  • 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