Are you ready for the next ten years? Wireframes and prototypes may not be enough. Jeremy will take you on a tour of what Design problems of the future look like, from designing for sensors to walls of screens.
With the advent of sensor-based technology, we are designing more for gestures and voice commands. How do we interact in space without tactile feedback? How do we design for universal gestures?What does a future full of screens and software look like? When everything is an interface, and hardware disappears - and what are the tools and methods to tackle this design problems?
8. “Design and Futurism are not the same
thing - design is a method of action and
futurism is a method of vision.”
http://www.core77.com/blog/events/notes_from_bruce_sterling_at_cca_4659.asp
22. Design Thinking refers to the methods and
processes for investigating ill-defined problems,
acquiring information, analyzing knowledge, and
positing solutions in the design and planning fields.
As a style of thinking, it is generally considered the
ability to combine empathy for the context of a
problem, creativity in the generation of insights
and solutions, and rationality to analyze and fit
solutions to the context.
http://en.wikipedia.org/wiki/Design_thinking
32. It's a Great Time to
Be a Designer
http://www.uie.com/events/ux_immersion/2012/
33. “The pebble watch has raised over
six million dollars on Kickstarter. The
Nest thermostat sold out its first
production run in a few days. Square
is using design to rethink the finance
industry. Mainstream business
magazines are writing about the need
for designers.”
- Jared Spool 2012
http://www.lukew.com/ff/entry.asp?1548
34. “The pebble watch has raised over
six million dollars on Kickstarter. The
Nest thermostat sold out its first
production run in a few days. Square
is using design to rethink the finance
industry. Mainstream business
magazines are writing about the need
for designers.”
- Jared Spool 2012
http://www.lukew.com/ff/entry.asp?1548
35. “People at the boardroom and level are paying attention
the value of design. Experience design is more mission
critical than ever before.”
53. “What I see is more and more software
is getting integrated into hardware”
- Steve Jobs 1980
LIKE A BOSS
http://youtu.be/GfxxRKBgos8?t=17m
54.
55. Woz wrote, “To me, a personal
computer should be small, reliable,
convenient to use and inexpensive.”
He wrote that in 1977 about a very
different machine, but that’s a perfect
description of the iPad.
http://daringfireball.net/linked/2012/05/25/inexpensive
60. skeuomorphism
DIGITAL First?
http://www.fastcodesign.com/1669879/can-we-please-move-past-apples-silly-faux-real-uis
61. “The innovation here is the fluidity of
experience and focus on the data, without
using traditional user interface conventions
of windows and frames. Data becomes the
visual elements and controls. Simple
gestures and transitions guide the user
deeper into content. A truly elegant and
unique experience.”
http://en.wikipedia.org/wiki/Metro_(design_language)
71. UX Field trip @Inition
https://twitter.com/search/%23uxfieldtrip
Headquartered in
Shoreditch, east London,
we are a pioneering
creative 3D technology
company.
http://www.inition.co.uk/
https://twitter.com/alicenwondrlnd/status/207541130840125440
80. 20 years lapsed between Doug
Engelbart's invention of the
mouse (1964) and the first
commercially feasible mouse-
based computer (the Mac in 1984).
81. Interaction Choreography
by Senior Principal Design Technologist Jared Ficklin
User interaction with technology is going above the glass. You no longer need an
explicit tool or even direct manipulation to drive a user interface. With the ability of
technology, like the Microsoft Kinect, to see users’ movements in space, gestures
are being added to traditional methods in new layers of interaction. Designing for
this new layer of interaction requires new thinking about dexterity, ergonomics,
and whether someone might feel silly or offensive with certain gestures. We are
so involved in this space right now, that we’ve had to move our design
technologists’ desks to create enough room for all the hand waving design.
http://designmind.frogdesign.com/blog/frogs-2012-technology-trend-predictions.html
83. Designing for this new
layer of interaction
requires new thinking
about dexterity,
ergonomics, and
whether someone might
feel silly or offensive
with certain gestures.
86. INSI GHT
SIG NER
DE
“Don’t try to figure out how to
cram Kinect into an existing UI
paradigm, instead design a UI
paradigm that’s from the ground-
up intended to exploit the
Kinect’s functionality.”
http://www.teehanlax.com/labs/insights-into-kinect-ui/
87.
88.
89. INSI GHT
SIG NER Fashion
DE
Do they look silly? Will
someone of a certain age/
race/gender use this?
91. INSI GHT
NER UI Patterns
DESIG
What do they know from
click and touch interfaces?
Is there something more
natural? Try and unlearn,
and imagine.
92.
93. INSI GHT
SIG NER Privacy
DE
What is helpful and what
is potentially scary? Can
you keep a snapshot for
marketing purposes?
How do they know what
they’re sharing?
95. Microsoft's Kinect sensor can determine
how many people are in a room and read
their reaction to adverts
What sort of opportunities a
NUad would have, given the
ability of Kinect to ‘see’
users has made some
uncomfortable; its abilities
make the idea of NUads in
the wild something that
could be a bit sinister; who
wants an advertiser to peer
into their living room?
http://thenextweb.com/microsoft/2012/05/18/microsoft-speaks-on-privacy-following-nuad-concerns/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+TheNextWeb+%28The+Next+Web+All+Stories%29
http://www.theverge.com/2012/5/16/3023687/microsoft-interactive-kinect-nuads-spring-release
96.
97. » Great app ecosystem
» Good price point
» “Life Sensors”
» Connected device
100. The Mutewatch also features a built-in motion sensor. High levels of
movement trigger an increase in the intensity of the vibrating alarm and a
simple flick of your wrist activates the glowing display. So, whether
you're sleeping, on stage giving a presentation or doing your work out,
the Mutewatch will keep you updated on your next step.
http://boingboing.net/2012/05/16/mute-watch-capacitive-accele.html
101. INSI GHT
SIG NER Screen Resolution
DE
What’s the maximum amount
of objects you can fit on a
screen? What’s the minimum
size of an object need to be
on the screen? Do you even
need a screen?
102.
103. INSI GHT
SIG NER Ergonomics
DE
Is it comfortable? Age?
People with disabilities?
Common movements vs.
uncommon. How long will
they interact?
105. INSI GHT
SIG NER Distance and Environment
DE
How far do they need to
stand? How far do they think
they need to stand?
Environment design of the
area. Eyesight, size of the UI.
108. INSI GHT
SIG NER 3D Space
DE
Is it close or far away? What
do we infer from spatial
positioning? Can you get
people to interact in 3D space
on a 2D screen?
110. INSI GHT
SIG NER Demographics
DE
Young people performed
better with more information
being thrown their way. Older
people clearly had a penchant
for audio over visual cues. But
there was a unifying piece:
Both groups benefited from
haptic feedback. Humans
clearly love touch.
http://www.fastcodesign.com/1669758/researchers-glean-deep-ui-lessons-from-a-haptic-steering-wheel
118. “Many of the control that users had to have
with mouse and a screen can be tangible and
more intuitive.”
http://www.fastcodesign.com/1669799/mit-creates-amazing-ui-from-levitating-orbs
120. “Up until now, I’d been
calling out across the room
to one of our technical
assistants, asking them to
manipulate the image,
rotate one way, rotate the
other, pan up, pan down,
zoom in, zoom out,” says
Tom Carrell, a consultant
vascular surgeon at Guy’s
and St Thomas’. With the
Kinect, the surgeon says he
had “very intuitive control.”
“very intuitive control.”
http://www.bgr.com/2012/05/18/microsoft-kinect-surgery-surgical-assistant-testing/
122. "the world's first Wikipedia town,"
http://www.theverge.com/2012/5/17/3026058/monmouth-monmouthpedia-wikipedia-town
123. Forget about retina displays and multi touch surfaces, how
would you like to operate your smartphone by simply touch
certain parts of your body, like the picture above?
http://churchm.ag/disney-touche/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+ChurchMag+%28ChurchMag%29
124. With these cards, Vizibility promises, users will
be able to wirelessly exchange contact
information and share “hand-picked profiles,
video bios, verified Google results and more.”
http://techcrunch.com/2012/05/17/vizibility-launches-its-nfc-enabled-business-cards/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Techcrunch+%28TechCrunch%29
125. I could watch this for hours, which is more than I can say for a good
half of the actual Star Wars films. YouTube user H1tmonchan caught
this video from a toy store window in Steinkjer, Norway.
http://kotaku.com/5911130/this-holographic-star-wars-lego-toy-display-is-better-than-all-three-prequels-combined
130. LG has announced a
pixel less
new 5-inch smartphone
display with a 1920 x
1080 pixel resolution
and a whopping 440ppi
pixel density.
http://mashable.com/2012/05/28/lgs-1080p-5-inch-display/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29
133. Flexible
...Kreek features a stretchy piece of fabric with images projected on to it, while Kinect
cameras are used to determine exactly where you're touching.
http://www.theverge.com/2012/5/28/3048020/kinect-kreek-flexible-interface
134. Transparent
transparent touchscreen that can be
operated from both sides.
http://www.theverge.com/2012/5/21/3033569/ntt-docomo-double-sided-transparent-touchscreen-prototype
136. combine empathy for the
context of a problem,
creativity in the
generation of insights and
solutions, and rationality
to analyze and fit
solutions to the context.