What's Next: How Mobile is Changing Design

Whatʼs next?How mobile is changing design.

1975

The Nixon ShockOr 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.

1984

1985Respondents 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 of a "hierarchy of human needs," and is considered the founder of humanistic psychology.

The Doomed ScenarioDid 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

2006A 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.

born in the modern digital age. technology is infused at birth.

the iphone is to themas the macintosh was to us.

generationZ

generation

97% own a computer

76% use instant messaging

69% use facebook

56% own an ipod

94% own a mobile phone

source: gen y and digital technology, 2007

born between 1980 to 1990solve problems using their social network. makes buying purchases collectively, not

individually.use mobile technology to stay informed.

y

2009 2010 2011 2012 2013 2014 2015

the mobile generation

everyone else

source: us census bureau

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

2007

+ 9 years =

Palm2%

Blackberry3%

Windows Mobile5%

Symbian6%

Java ME7%

Android7%

iPhone69%

2008

AccessibilitySearch Engine OptimizationRich Internet ApplicationsSocial MediaMobile?

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

ContextThe circumstances that form the setting for an event, statement, or idea, and in terms of which it can be fully understood and assessed.

The era of a single contextweb is over.

JARGON ALERT

Neurolinguistic ProgrammingA model of interpersonal communication chiefly concerned with the relationship between successful patterns of behavior and the subjective experiences underlying them.

Learning TypeAuditory 20% of all peopleconnect with others verbally

is all they need to feel

connected and productive with others

Learning TypeVisual 35% of all peopleBeing able to see concepts

illustrated as diagrams or

charts and graphs is helpful

for this majority learning type.

Learning TypeKinesthetic 45% of all people incorporate muscle memory

and hand-eye movement to

process and retain new information

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

Email

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

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

Email

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

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

Email

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

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

Email

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

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

Abstracttim

eConception

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/

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.

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

Email

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

It starts with you, here today.

My name is Brian Fling and Iʼm a Mobile Designer

twitter.com/flingbook mobiledesign.orgcompany pinchzoom.comblog flingmedia.com

Thank You