Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

WIAD 2014

No description
by

Gabor Hoffer

on 18 January 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of WIAD 2014

William Gibson
The future is already here —
it’s just not very evenly distributed. "
AGC vs. iPhone5
Apollo Guidance Computer
1270 x faster, 286 x lighter
2M x more storage
btw this stuff got to the moon and back...
Phones are getting smarter
People? Not so much. "
"
"
Jennifer Lawrence
2,5B
360M
2000
2013
INTERNET
2015
5,5B
7B
35M
2000
2013
2020
24B
DEVICES
exceeds world population
TABLETS
>300M
~0
2000
2013
2020
?
20% less print magazines
25% fewer print books
27% less print newspapers
70%
Use tablets while watching TV
30%
of ALL tablet use is while watching TV
MULTI-DEVICE EXPERIENCES
maybe no tablets at all...
SENSORS
Cameras
Microphone
Speaker
Touch sensor
Bluetooth
Wi-Fi
3G/4G Cellular
Fingerprint
NFC
Accelerometer
Barometer
Thermometer
Hygrometer
Gyroscope
Light sensor
Proximity sensor
and this is just a phone...
DATA
?
The Internet of Things
The Internet of Things (IoT) is a scenario in which objects, animals or people are provided with unique identifiers and the ability to automatically transfer data over a network without requiring human-to-human or human-to-computer interaction.
almost no storage
mostly real-time usage
"THINGS"
NEW GENERATION OF
new generation devices
device ecosystem
(google glass, health, DNA, bionic login, etc.)
everything is connected
2011 Neilsen research
new mobility
even +data
responsive design != adaptive design
CONSISTENCY
WEARABLES
$2.5B
~$0
2010
2013
2018
$12.5B
BI Intelligence Research Forecast
iPhone / iPad
2010.04.03.
2007.06.29.
NIKE+
What do they sell?
What is this good for?
Evernote
iPhone
Android
phone
iPad
Android tablet
Mac
Windows
Windows
phone
Twitter
Skype
Spotify
Facebook
like mac
Soundcloud
iPhone
Android
phone
iPad
Android tablet
Mac
Windows
Windows
phone
not optimized
X
X
X
X
CONSISTENCY
CONSISTENCY
green highlights
black-grey-white-green palette
subtle branding (new apps)
sidebar structure (not all apps)
cards (more or less)
blue highlights
black-white-blue palette
no branding inside app (new apps)
round buttons/avatars (not all)
blue highlights
blue-grey-white palette
no branding inside app (almost all)
round buttons/avatars (not all)
Sidebar - desktop / tablet
topbar - mobile
blue highlight, sometimes header
Mobile / Desktop not consistent at all
Green is for highlights
Bottom Tab bar
Navigation in top bar (back left action right)
Sometimes hamburger sidebar
Sidebar Tab bar
Top bar if needed for navigation + main action
No bottom bar only for unique action (player, skype call functions)
Navigation functions inside application top bar (search, account, back)
Sidebar(s) for sections
Top bar for navigation (they already have back but), sections, main actions
No bottom bar
Top bar for navigation (they already have back but), sections, main actions
Sidebar
Absolutely no bottom bar
Bottom bar for main actions
Top bar for navigation
Left/Right navigation
No bars, if so usually left bar for navigation
very hard to keep consistency through platforms, even huge companies struggle with it (maybe because they're big)

--------------------------------------------------------------------

keeping consistent colors is a must, especially brand color as a main identifier and accent

using subtle or no branding helps (colors make them identified, no hassle with logo placements and usage)

seems a good idea to use common native-like elements consistently (sidebar, topbar, etc)

seems even a better idea to design and keep consistency on unique elements (notes/cards, avatars, etc)

using native navigation may not seem consistent, but more usable (tabbars on iOS, tabs on WP7, tabs or burger/sidebar on android)
usually the non-native navigational tryouts bleed to death on user tests and sooner or later everyone gets to the native solutions (facebook and twitter is a good example, former had a burger/sidebar, twitter had a topbar menu, now both has tabbar on the bottom)
(the amount and the need for information grows,
changes in education are always slower)
HOW TO DESIGN?
EVERYTHING
EVERYTIME
EVERYWHERE
RIGHT THING
RIGHT TIME
RIGHT PLACE
contextual
adaptation
responsive
replication
The vital components of the experience—those features that are considered its lifeblood and are part of the minimum viable product (MVP)—should be kept consistent across devices.

The basic information structure, organization, and terminology should be kept consistent across devices, even if the navigation model needs to be adjusted for certain devices

A common visual language should be used across devices to help people establish not only the brand personality, but also the cog- nitive and affective tie between devices.
MINIMUM
VIABLE PRODUCT
INFORMATION
ARCHITECTURE
VISUAL
LANGUAGE
RIGHT
PLACE
EVERYTHING
EVERYTIME
RIGHT
TIME
RIGHT
THING
but still
COMPLEMENTARY
CONTINUOUS
Continuous design addresses a user flow that runs along a set of contexts, during which devices “pass the baton” to one another until the user reaches her information goal or completes the desired activity

The difference between those consistent experiences and the continuous experiences discussed in this chapter is that the latter incorporate an additional layer—a
context
-sensitive one—that adds continuity to the experience.
The complementary design approach introduces a new multi-device experience, where different devices complement one another, either by collaborating as a connected group, controlling one another, or both. This means that the full experience involves interaction with at least two devices—usually simultaneously—at any given moment.

Collaboration
, where the different devices work together as a connected group to create the full experience

Control
, where the primary experience takes place on a certain device and other devices control aspects of it, usually remotely
GOAL
GOAL
The whole thing starts with
CONSISTENT
+ CONTINUOUS + COMPLEMENTARY
http://shop.oreilly.com/product/0636920027089.do
Multiple devices play together as an ensemble to create the experience.
Identify the Ecosystem
Identify the Goals
------------------------------
Identify the Contexts
Identify the Main Flow
------------------------------
Set priorities, roles
Design-test-design-test-design-test-design-test-design...
HACK
DEMO
FAIL
FUN
Forrás:
http://uxdesign.smashingmagazine.com/2012/12/10/creating-an-adaptive-system-to-enhance-ux/
youtube.com/watch?v=tj-kXiyEHvU
https://medium.com/design-ux/746ed1321b18
https://medium.com/design-ux/a0b0cd7173c
http://en.wikipedia.org/wiki/Adaptive_user_interface
http://www.slideshare.net/xian/holistic-ux-designing-ubiquitous-multidevice-experiences
http://www.slideshare.net/gabrielwhite/multidevice-user-experience
http://www.slideshare.net/yiibu/beyond-progressiveenhancement
http://en.wikiquote.org/wiki/William_Gibson
http://observationdeck.io9.com/comparison-of-lunar-module-navigation-computer-with-an-880735459

http://shop.oreilly.com/product/0636920027089.do
and don't forget:
WHAT YOU SELL IS
THE EXPERIENCE
C
C
C
Each device acts as a solo player, creating the entire experience on its own.
Multiple devices handle different pieces sequentially, advancing the user toward a common goal.
prezi.com/jobs
UX Researcher
Senior UI Designer
gabor.hoffer@prezi.com - @hoffergabor
Gábor Hoffer
- designer - mobile team
not the product
Why do I look like this?
Well, this is what I see:
MULTI-DEVICE UX
Thanks to Ákos Tóth-Máté
Full transcript