how to design a

pablo sanchez @ pabsanch

euroia 2015

wireless world

“Software is eating the world”

–Marc Andreessen

the unofficial motto of Silicon Valley

1995 2015

1B people visit facebook on a

single day

Netscape IPO 1998Google is founded.500,000 searches per day

2M Google searches

per secondMakes $20B a

year from advertising

(more than the primetime

revenues of CBS, NBC, ABC, and

FOX combined)

Amazon reaches 250M active customers

Apple reaches 800M iTunes accounts

Amazon sells its first book online

facebook is founded

2006Google purchases

YouTube

2003Apple opens the

iTunes Music Store

2013

YouTube reaches more adults aged 14-34 than any cable TV network

2014

2004

amazon sells more e-books than print books

2011

1995

$20B

$40B

$60B

$80B

$100B

$120B

$140B

$160B

$180B

$200B

Apple Annual Revenue

2005

Software has driven two decades of innovation

1995 2015

1B people visit facebook on a

single day

Netscape IPO 1998Google is founded.500,000 searches per day

2M Google searches

per secondMakes $20B a

year from advertising

(more than the primetime

revenues of CBS, NBC, ABC, and

FOX combined)

Amazon reaches 250M active customers

Apple reaches 800M iTunes accounts

Amazon sells its first book online

2005

facebook is founded

2006Google purchases

YouTube

2003Apple opens the

iTunes Music Store

2013

YouTube reaches more adults aged 14-34 than any cable TV network

2014

2004

amazon sells more e-books than print books

2011

1995

$20B

$40B

$60B

$80B

$100B

$120B

$140B

$160B

$180B

$200B

Apple Annual Revenue

Software alone? Not, really

2002 iPod Sales: $5.7B

2005 iPod Nano Sales: $13.9B

2007 iPhone Sales: $24.9B

2010 iPad Sales: $24.9B

2012 iPhone5 100M units sold

“The iPod is really just software. It’s software in the iPod itself, it’s software on the PC or the Mac, and it’s software in the cloud for the store. And it’s in a beautiful box, but it’s software.

–Steve Jobs

Alan Kay had a great quote back in the ’70s. He said: people that love software want to build their own hardware”

Steve Jobs knew better…

The iPod opened up a new path for innovation

hardwaresoftware

+branded

iPod

PLAY• browse audio• play audio• rate audio

MANAGE• browse audio• play audio• rate audio• add audio• delete• make playlist• stream audio• burn CDs

BUY• find audio• buy audio• buy games

= ecosystem

iTunes

iTunes Store

The devices form a symbiotic relationship with mutually beneficial roles

plagiarism?

v

v

Welcome to the era of ecosystems…

Wi-Fi

Room Key

RFIDRFID

Point of Sale

iBeacon

NFC

Park Admission

Amazon Alexa

DisneyMagic

Band

iPhone

…where wireless interactions define the user experience

Bluetooth LE

Eddystone

Room Key

Point of Sale

Park Admission

DisneyMagic

Band

Mickey greet visitors by name *

Photos are uploaded to visitors account

Direct access to 3 attractions

without lanes2nd time rides

are slightly different *

Restaurants

Waitperson greets visitors by name in the table of their

choice

Seamless integration is the key to quality

mydisneyexperience.commydisneyexperience.com

FastPass

* = not implemented yet

Room Key

Point of Sale

Park Admission

DisneyMagic

Band

Photos are uploaded to visitors account

Direct access to 3 attractions

without lanes

Restaurants

Waitperson greets visitors by name in the table of their

choice

“Eventually everything connects — people, ideas, objects. The quality of the connections is the key to quality”.

–Charles Eames

mydisneyexperience.commydisneyexperience.com

FastPass

Mickey greet visitors by name *

2nd time rides are slightly different *

* = not implemented yet

= software= hardware

= spaces

Seamless integration is the key to quality

Seamless integration is the key to quality

When Amazon fire TV is purchased online through amazon.com…

Seamless integration is the key to quality

…the device already knows the user name and personalized content is displayed (after password)Amazon Prime favorites, watchlist, etcv

Loyalty programs are added to Android Pay . . .

Seamless integration is the key to quality

Seamless integration is the key to quality

The rewards are automatically applied

to every in-store purchase . . .

Seamless integration is the key to quality

. . . and to every online purchase.

Seamless integration is the key to quality

users get notified ontheir watches

and the package gets home via Google Shopping Express

software (in the cloud, devices…)

design ecosystems integrate:

with their own connected-products

and/or branded spaces in the physical world

API

retail spaces hotels amusement parks airports

etc.

3

1

2

software (in the cloud, devices…)

with their own connected-products

and/or branded spaces in the physical world

API

1 Ui design

multi-device experiences

Do designers design ecosystems?

software (in the cloud, devices…)

connected-products

and/or branded spaces in the physical world

API

2consumer electronicsinter

net of

things

personal devices

UX design

Do designers design ecosystems?

software (in the cloud, devices…)

and/or branded spaces in the physical world

API

retail spaces hotels amusement parks airports

etc.

3

1

Do designers design ecosystems?

with their own connected-products omni-channel experiences

service design

–Angela Anrendts

“Digital people are incentivized to drive digital. And store managers are interested in the store. We blew that all up (…)

I hired a chief customer officer who came from Lloyds who built us a huge insights and analytics department. We put in traffic counters in all the stores, because I could get traffic online but I couldn’t get traffic offline and so I couldn’t get any crossover behaviors. (…)

Offline stores will be able to see all your behavior online. We are blurring the physical and digital, and it’s not just the retail experience. It is the service."

former Burberry CEO, now president retail at Apple

Wi-FiAll the world’s a networkAnd we all are mere hosts

Google Chromecast

Wi-FiFrom a design standpoint, think of Wi-Fi as network: personal devices and objects connected by radio

Interbrand coined this meaningless but catchy term in 1999 to refer to IEEE 802.11. Most people associate it with internet access. It is way much more.

These days, wireless modules provide both WLAN and bluetooth capabilities with minimal footprint (1 sq cm.) They are pretty cheap ($3)

Wireless module:AzureWave NH387

Please, don’t call this an access

point!

Apple Watch Bluetooth/Wi-Fi module = $3 | display = $20 | CPU = $10 | RAM = $7

802.11 acnext-gen Wi-Fi

802.11 ac 2013 433 Mbps

Three antennas transmit and receive up to three streams of data at the same time.

six times faster (namely 50 MBps, 25 MBps in reality )

867 Mbps 1.3 Gbps

2 antennas can support two streams at the same time

3 antennas can add up to 162 MB per second, 81 MBps in reality)

802.11 g 2003 54

802.11 ac uses the 5GHz band which is less crowded ( no interferences by cordless phones, Bluetooth devices, microwave ovens… )

3 x 31 x 1 2 x 2

802.11 n 2009 72

Google OnHub

Wouldn’t be much easier to say Wi-Fi 5.0?

802.11 ac will eventually support 8 simultaneous streams adding up 6.93Gbps = 850 MB per second (802.11 ac second wave)

802.11 a 1999 54802.11 b 1999 11

Mbps 150 Mbps 450 MbpsMbpsMbpsMbps

This is the access point!

All these devices keep a secretAmazon

AlexaModem Router

HP 8610 Printer

Philips Hue Bridge

Computer Microsoft Xbox

They all know the network password They don’t need your computer to communicate to each other

They all know the network password They don’t need your computer to communicate to each other

They speak the same protocol (TCP/IP) Sometimes they need a "translator"

This device (bridge, aka gateway) translates ZigBee to the router

TCP stands for Transmission Control Protocol. TCP guarantees that all data packets gets delivered. IP guarantees that packages will reach the right destination.

Alexa, turn on the lights

They share the same postal system (TCP/IP) They router has provided every device with an IP address

TCP stands for Transmission Control Protocol. TCP guarantees that all data packets gets delivered. IP guarantees that packages will reach the right destination.

192.168.0.56 192.168.0.30192.168.0.61

192.168.0.20 192.168.0.21

192.168.0.1 The router is the post office of the network. It gives itself the first IP address

They provide services to each other Thanks to Bonjour, uPNP, DLNA… no human intervention is required

TCP stands for Transmission Control Protocol. TCP guarantees that all data packets gets delivered. IP guarantees that packages will reach the right destination.

Is there anyone Who can print?

Bonjour printing services coming!

Nope but if you want PLEX movies just let me knoW

No, sorry.

No idea

They provide services to each other Project Brillo and Google Weave promise to extend their interoperability

This iOT OS feels like android intents on the physical world. It is supposed to be Nest compatible: https://goo.gl/mS6SZX

Is there anyone Who can cook this

recipe?

Turning on the oven! Setting the right temperature

flash forward

They maintain their own webpages

Amazon Echo: http://echo.amazon.com NETGEAR geni HP Embedded Web Server

192.168.0.1 192.168.0.30

…and they talk to the cloud

TCP stands for Transmission Control Protocol. TCP guarantees that all data packets gets delivered. IP guarantees that packages will reach the right destination.

I am running out of ink!

LAN

WAN

This is called the ACCESS POINT

(wide area network)

(local area network)

…and their cloud talks to other clouds

Google API explorer: https://developers.google.com/apis-explorer/#p/

Alexa, What’s on

my calendar?

12

4

Google APIsAmazon APIs3

8:3O American flight 1231

8:3O American flight 1231

APIs: The future is Now http://www.uie.com/articles/api_future/

Programmable Web : http://www.programmableweb.com/

Competitive advantage vs Collaborative advantage Choose your music for the ride

–Luis Villa

music-enabled uber car Streaming your spotify playlists using uber app

bluetoothMen are like bluetooth: connected when your

nearby, but search for other devices when you’re away

1 1 userdevice

TO

“PAIRED” NOMAD “CLOUD FREE”

“PROMISCUOUS”

device1 TO

usersMANY

SEDENTARY NEEDS THE CLOUD

1 1 userdevice

TO

“PAIRED”

“PROMISCUOUS”

device1 TO

usersMANY

Does my product interact only with

one user ?

Question #1

YesNo

NOMAD

SEDENTARY

Is my product most enjoyed

on the go?

Question #2

YesNo

NEEDS THE CLOUD

“CLOUD FREE”

Can my product be enjoyed without

Cloud access?

Question #3

YesNo

1 1 userdevice

TO

“PAIRED”

“PROMISCUOUS”

device1 TO

usersMANY

YesNo

YesNo

YesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

Does my product interact only with

one user ?

Question #1

“PROMISCUOUS”

device1 TO

usersMANY

YesNo

YesNo

YesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

Does my product interact only with

one user ?

Question #1

Is my product most enjoyed

on the go?

Question #2

YesNo

YesNo

YesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

NOMAD

SEDENTARY

Is my product most enjoyed

on the go?

Question #2

YesNo

No

YesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

SEDENTARY

Can my product be enjoyed without

Cloud access?

Question #3

YesNo

No

YesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

NEEDS THE CLOUD

“CLOUD FREE”

Can my product be enjoyed without

Cloud access?

Question #3

YesNo

No

No

1 TO 1? on the go?mostly

w/o cloud?enjoyed

NEEDS THE CLOUD

YesNo

YesNo

YesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

But what about the throughput? 2.1 Mbps ?

Airdrop

Bloothoth 1.1 BR = 1 Mbps | Bloothoth 2.0 EDR = namely 2-3 Mbps (2.1 Mbps in real conditions ) | Bloothoth 4.0 LE = 1 Mbps

YesNo

YesNo

YesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

Airdrop = + WiFi Direct

Airdrop

But what about the throughput? 2.1 Mbps ?

YesNo

YesNo

YesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

Airdrop = + WiFi DirectAndroid Beam = + WiFi Direct

NFC

Airdrop

But what about the throughput? 2.1 Mbps ?

NoYes Yes

NoYesNo

1 TO 1? on the go?mostly

w/o cloud?enjoyed

throughput?limited

NoNo

we need a more detail diagram to visualize the trade-offs and compromises

My Passport Wireless

Wi-Fi hotspot

USB USB charging

1 TO 1 on the gomostly

w/o cloudenjoyed

My Passport Wirelessthroughput

limited

1 TO ∞ sedentary w/o cloudenjoyed

throughputnon-limited"promiscuous"

"paired"

Wi-Fi

Wi-Fi hotspot Wi-Fi

USB 3

Wi-Fi

USBAccess is very limited

It works as a NAS device: anyone in the network can access

Only authenticated users can access

Three connection modes were created for the user to pick

Wi-Fi hotspot

The Passport Wireless creates its own Wi-Fi. Only the mobile devices / computers connected to its SSID can access the drive content.

FTP (File Transfer Protocol) enables the transfer of content with wireless cameras that support FTP

bluetooth LEultra-low power and

not-backwards compatibleversion of Bluetooth

Turns radio on as seldom as possible

Turns radio off as soon as possible

Low latencyFast connection

in 6 ms

Low memory footprint Low bandwidth

Ultra low powerbattery 1+year

TX (transmit) power level can be customized

Bluetooth is most effective at the 30 ft range, depending on the environment.

Bluetooth maximum range is 100 ft.

LEBluetooth LE range can extend beyond 100 ft.

https://goo.gl/wdoZvk

100ft / 30m

Bluetooth 2.0

Bluetooth LE

30ft / 9m

150ft / 45m

yesyes

voiceIP

yes

Bluetooth

Bluetooth LE

Wi-Fi

Wi-Fi Direct

ZigBee

voice data audio video state

no

no

yes

yes

yes

no

no

yes

yes

no

no

yes

no

no

no

no

no

no

no

yes

yesLow power, low bandwidth, low

latency data

Welcome to the Bloototh

Are Bluetooth 4.0, Bluetooth LE and Bluetooth Smart the same?

Question:

Bluetooth Smart

BRBasic Rate

1 Mbps1.1 (2002)

EDREnhanced Data Rate

2-3 Mbps2.0 (2004)

HSHigh Speed

3.0 (2009) Alternative MAC/PHY

LEEnhanced Data Rate

1 Mbps4.0 (2010)

Single-mode device with LE-only radio

Bluetooth Smart ReadyDual-mode device with BR/EDR and LE radio

3 Mbps nominal and 2.1 Mbps practical data transfer

Welcome to the Bluetooth ceremony of confusion!

Is Bluetooth usable?Question:

slavemaster

Once a device has been slaved, (paired) only the master can set it free. Users tend to

forget which device it was paired with.

The interaction with physical buttons when pairing devices can be frustrating. Users tend

to forget to open the bluetooth panel in their devices. Sometimes the order matters.

· Mac: Disconnect = disconnects but also forgets

· iOS: Forget affordance but no way to disconnect

· Android : Affordances for both disconnect and forget

Many Ui Inconsistencies across platforms makes bluetooth not easy to remember

Bluetooth tend to drain the device’s battery. User’s lack visibility and

control.

Once a device has been slaved, it doesn’t advertise itself. Much

frustration happens when users can’t even see their devices on the list

?

slavemaster

central peripheral

LE

As opposed to a broadcaster, this device is "connectable"scans and connects to devices

Connecting to a Bluetooth LE is easier than “Pairing devices” but users expect to “sync”. Lots of confusion when the name of the device is not even listed on the Bluetooth iOS/android settings panel.

slavemaster

central peripheral

broadcasterobserver

LE

Beacons transmit small packets of data to advertise their presence

The observer "wakes up" but can’t connect to the broadcaster

As opposed to a broadcaster, this device is "connectable"scans and connects to devices

Beacons can be intrusive in their attempt to anticipate users intentions. Commercial messages triggered by beacons can reach SPAM levels if unchecked. Google Here (maps + beacons recently shut down for this reason.

demo

NFC & RFIDSmall in Size Big in Opportunities

NFC stands for Near Field Communications. RFID is the read-only version of NFC

NFCThe NFC reader generates a magnetic field that induces a voltage across the coil of an NFC tag.

The tag is a miniature radio module. It comprises a small microchip and a copper coil.

When the microchip power up, it starts communicating its unique ID to the NFC reader.

An NFC tag costs 10 cents

https://goo.gl/pKJ7PC

Samsung Galaxy S4

Apple is using nfc only to enable Apple Pay. Developers don’t have access yet to this feature for their own apps.

Apple Watch

iOS & Android support

The Orbotix is working on an intelligent ramp that has its own leaderboard, tracking player points as Ollie hits the ramp

NFC tag & reader

RFID tagRFID reader

one more thing“systems” approach

device limitationssolve real user problems

cord cutter customer

Roamio TiVO mini

TiVO service

TiVO apps

router

TiVO

Living room experience

TV

phone

Multi-room experience

laptop

TiVO online

TiVO appstablettablet

tablet

"out-of-home" experience

second screens

primary screen

TiVO: experience map

tablet

Apply a “systems” approach to designJoin forces with the middleware / architecture team

Embrace device limitationsTake the most out of each member of the ecosystem

Boarding Pass

smartphone

smart Watch

locationuser

profile

hapticbuzzer

Solve real user problemsAlways evaluate “cool” technology from a UX lens

Thanks! pablo sanchez @ pabsanch

Icons made by Freepik from www.flaticon.com 

Let’s stay in touch