Riding the new wave_Nuisol

NUISOL AGENTUR FÜR DIGITALE AHA-ERLEBNISSENUISOL AGENTUR FÜR DIGITALE AHA-ERLEBNISSE
YEAR OF THE GOAT - FFM, NOVEMBER 19, 2015
RIDING THE NEXT WAVE
UX-DESIGN
FOR SMARTWATCHES

© NUISOL AGENTUR FÜR DIGITALE AHA-ERLEBNISSE
• Christian.kuhn@nuisol.com
• UX Designer
• nuisol.com
• @nuisol
Unit Testing Mistakes and How to Avoid Them
UX Design for
Tablets
Christian Kuhn
A Guide to User Experience, Design and
Web Development

NUISOL AGENTUR FÜR DIGITALE AHA-ERLEBNISSE
AGENDA
INTRODUCTION
CASE: WETWARE APP
WITH BEHAVIOURAL ECONOMICS
HANDS ON
PITCH

SMARTWATCH ANDROID SMARTWATCH IOS FEATURE WATCH NIXON
> Launched automatically: Wearable
apps are aware of the user’s context -
time, location, physical activity, and
so on.
SMARTWATCHES AND FEATURE WATCHES
> Glanceable: The less time it takes to
use your software, the more time the
user can be present in whatever they
are doing. Android wear is fast and
immediate.
> Contextual Notifications: Getting
contextual triggering right is one of
the most impactful things you can do
to craft a great user experience.
> Hardware special: built-in GPS
connectivity. Wifi, NFC
> Need an Android or  
iOS Smartphone
> Syncing with smartphone via
Bluetooth delivers the most accurate
and up-to-date surf conditions
directly to wrist. This is real time with
10 live data points including creating
custom surf alerts for preferred spots
and conditions.
https://developer.android.com/design/wear/index.html
https://www.google.com/design/spec/material-design/introduction.html# https://dribbble.com/shots/2082863-Material-design-on-Apple-Watchhttp://www.macworld.co.uk/review/ios-accessories/apple-watch-vs-sony-smartwatch-3-comparison-review-3616180/
http://www.apple.com/de/watch/design/ http://www.nixon.com/us/en/happenings/introducing-the-ultratide-by-nixon-the-worlds-smartest-surf-watch-9970.htmlhttp://www.nixon.com/us/en/tide
> Launched automatically: Wearable
apps are aware of the user’s context -
time, location, physical activity, and
so on.
> Glanceable: The less time it takes to
use your software, the more time the
user can be present in whatever they
are doing. Apps are fast if installed
ON the watch. Slow if loaded from
the iPhone
> Contextual Notifications: Getting
contextual triggering right is one of
the most impactful things you can do
to craft a great user experience.
> Hardware special: Wifi, more Sensors
on the Users Skin to track body
parameters
> Need and works only with iPhones

ELDERS REACT TO APPLE WATCH
https://www.youtube.com/watch?v=pSM08bzrxTg&feature=youtu.be

MOTO 360 (2015) VS APPLE WATCH!
Watch: https://www.youtube.com/watch?v=EXGANDAVF-w

https://developer.apple.com/watch/human-interface-guidelines/app-components/
COMPARISON OF STYLE PRINCIPLES BETWEEN ANDROID AND APPLE WATCHES
Mostly the style principles for Android and Apple watches differ as good as not.
The biggest difference is probably how to navigate through apps. In the case of Android watches, this happens
by swiping horizontal or vertical (Card-based) while on the apple watch hierarchical navigation are also possible
which makes it easier to extend the app later.
In addition, the colours are different. Because the background on the Apple Watch is always Black, not all
colours are well suited.
https://developer.apple.com/watch/human-interface-guidelines/speciﬁcations/
SMARTWATCH ANDROID
> Notifications: Can be pushed to wearable from
connected device or can be contextual (genereated
locally on the device).
> Layout: Largely the same like on the Apple watch but
with one important thing that should be noted.
Some Android devices have round screens while
Apple watches always have a circle screen.
SMARTWATCH APPLE
> Notifications: “Short looks” tell the user about what
the notification is and which app has sent it. “Long
looks” appear after that and give more options and
also Interaction possibilities.
> Layout: there are 6 basic rules.
1. Avoid displaying too much information in one
screen.
2. Create visual groupings to help people find the
information they want.
3. Use the full width of the screen.
4. Use a menu to replace buttons when appropriate.
5. Limit the number of side-by-side controls in your
interface.
6. Left align elements.
https://developer.android.com/design/wear/structure.html
http://www.smartwatch.me/t/tutorial-how-to-develop-android-wear-apps-for-beginners-part-4-design-for-different-form-factors/699

UI BEHAVIOUR CHANGES
A good example of changes to the UI causing problems is the latest Android update.
The user now has to swipe to the right to display the menu, before that he just had to tap once.
Such changes may cause problems for some users.
Before update After update

https://www.youtube.com/watch?v=D4IrLj-ApDs http://www.areamobile.de/specials/32401-apple-watch-und-android-wear-im-vergleich-das-koennen-die-smartwatch-systeme http://www.mobiﬂip.de/android-wear-gestensteuerung-durch-aria/
SMARTWATCH ANDROID SMARTWATCH APPLE
> Language Assistant can be used with the command
"Ok, Google".
COMPARISON OF INPUT OPTIONS BETWEEN ANDROID AND APPLE WATCHES
> Language Assistant can be used with the command
"Hey, Siri".
> Standard gestures (swiping up or down, touching.) > Standard gestures (swiping up or down, touching.)
POSSIBLE GESTURES POSSIBLE GESTURES
> motion gestures (lifting the arm, moving the wrist fast
or slow and so on..). Android Watches support a
greater range of motion gestures
> motion gestures (lifting the arm, moving the wrist fast
or slow and so on..)
> Supports less motion gestures than Android Watches
but has additional, more specific control elements
like the digital crown and a simple button next to it.
> Also supports “Force Touch”, which means that the
strength of the touch makes a difference and gives
the user several options. It is merely a distinction
between light and strong.
> Some alternative control options are already in
development. One of these is "Aria", but watch it by
yourself:

APPLE WATCH: WATCHOS 2 HANDS-ON!
https://www.youtube.com/watch?v=l1nzyYLGEmc

> For now, most of the devices need to connect with a smartphone or  
tablet for most of their functionality.
> Wearables also suffer from a perception problem. Consumers still don't  
understand how a wearable might really benefit them.
> Barriers still persist, and these will inhibit consumer wearables adoption
and usage. Smartwatches in particular must become standalone
computing devices with more robust functionality for the devices to
become mainstream. Other barriers include small screen size, clunky
style, limited battery life, and lack of a "killer app" that can drive adoption.
HOW’S USER BEHAVIOUR AND ACCEPTANCE?
WEARABLES IN EVERYDAY LIFE - TODAY
http://uk.businessinsider.com/the-wearable-computing-market-report-2014-10?r=US&IR=T

>
>
>
FIRST ANDROID SMARTWATCHES WITH LTE
http://www.lgnewsroom.com/2015/10/ﬁrst-cellular-android-wear-smartwatch-previewed-at-lg-event/

WEBSERVER ON THE SMARTWATCH

CONTEXT

> Half past seven we wake up, is
anyone interested that we did 2
steps?
CONTEXT IS KING
ERFAHRUNGEN
XXX

> Weather for 3 locations, on several times a day. Interested?
CONTEXT IS KING
ERFAHRUNGEN
XXX

> Traffic information/notifications
CONTEXT IS KING

> Short information
> Only information, which the user concerns directly and interests now
> To group information visual, if they belong together
> A button or picture on a 1,3 Zoll display is usually enough
IN GENERAL BEST PRACTICE BUT ALSO LIMITS
XXX
XXX

EXAMPLE: AUDI CONNECT
HTTPS://ITUNES.APPLE.COM/DE/APP/MMI-CONNECT/ID570608111?L=EN&MT=8

CASE: WETWARE

A better hydration of office worker due to the use of
Beacons and SmartWatches
- Aim of the platform: Android 
 
Why Android?
> Because there are no limits while using Bluetooth and  
thus Beacons
> Because standalone apps of iOS are not available  
at the moment
CASE: SMARTWATCH APP PROJEKT: “WETWEAR”
https://uxmag.com/articles/the-game-changing-nature-of-beacons http://www.stuffandymakes.com/blog/2013/12/16/maker-review-bluetooth-smart-beacons-apple-ibeacons
The aim

Beacons - What are they? Beacons are wireless devices utilising Bluetooth 4.0 (BLE- Bluetooth Low
Energy) protocol to broadcast tiny radio signals around them, allowing Bluetooth 4.0 enabled
devices to “talk” to them within proximity of three inches (7,5 cm) to 150 feet (45 meter). There is no
doubt that Bluetooth Low Energy enabled sensors will open up millions of possibilities for
developers and designers to create truly innovate experiences and services.
WHAT ELSE TO EXPECT
So why not also use beacons to check up on drinking behaviour when
close to drinks?

> Beacons are not precise as it is desirable
> Battery life
higher scan-rate = battery run-time
lower scan-rate = badly usability
CHALLENGES
Scan-Rate
Usability
Run-time

Beacons were hung at several places inside our agency building
> people reacted very sceptical
> they thought it might be a hidden camera
> they played with “the camera” and counted how often they gave it the finger :-)
REACTIONS TO BEACONS

BEHAVIOURAL ECONOMICS

BEHAVIOURAL ECONOMICS
Image: https://www.pinterest.com/pin/189714203022884868/
Thaler, R. H., & Sunstein, C. (2008). Nudge: Improving decisions about
health, wealth, and happiness. New Haven, CT: Yale University Press.

Behavioural economics appears in three levels:
1. the app itself aims to influence people’s water drinking behaviour for their own good
2. notifications are included that use specific wording working with behavioural insights
3. within a notification, information is being provided of how people can nudge themselves to drink
more water
HOW BEHAVIOURAL ECONOMICS WAS BEING INTEGRATED
Thaler, R. H., & Sunstein, C. (2008). Nudge: Improving decisions about health, wealth, and happiness. New Haven, CT: Yale University Press.
3
2
1
Info to nudge yourself
Notifications as nudges
App: influencing people’s care to hydrate via app
Wansink, B. (2010). Mindless Eating - Why we eat more than we think. London: Hay House.

“You sweat in the heat:  
you lose water”
Go get a drink and use
a short, wide glass!
3
2
1
Info to nudge yourself
Notifications as nudges
App: influencing people’s care to hydrate via app

Which line is longer?

Which line is longer?
They are exactly the same length, but virtually
everyone thinks the vertical line is longer…

APP DEVELOPMENT IN PROGRESS…

The user gets a coffee and will get a message from the app if he wants to drink something.
The user enters the room. He goes to the coffee maker and
want to make coffee.
The SmartWatch recognizes the
beacon and the user receives a
notification if he would like to
drink something
TESTING THE APP - CASE 1
1 2 3

The user will choose that he wants to drink something and what (Coffee).
4 5
The user chooses that he do wants to drink… … and what. In this case it’s coffee.

The user is absorbed in his work and has for some time not drunk
anything. Now he gets a notification that he'd better drink again.
1 2 3

The user will choose like in case 1 that he wants to drink something.
4 5
The user chooses that he do wants to drink… … and what. In this case it’s water.

FUTURE STUDIES: MAKING USE OF TECHNOLOGY AND BEHAVIOURAL ECONOMICS
hydration level
mental performance, cognitive
functions, fatigue,
mood, well being
work quantity/quality
Main research question (first degree): Is the app useful to get employees to watch out for their hydration levels?
Future future study (second degree):
Does the app actually have an effect on work quantity/quality?
Based on past research it can be assumed that drinking enough water is essential for cognitive functioning, which
in turn is relevant for knowledge workers (quantity/quality).
Questions that generally interest us:
• Is there a difference between smartwatch owners and non smartwatch owners reacting to the app?
• Is there a difference in using beacons or not?
• How is acceptance of (different kinds of) notifications? i.e. educational vs. entertaining

HANDS ON

NUISOL AGENTUR FÜR DIGITALE AHA-ERLEBNISSENUISOL AGENTUR FÜR DIGITALE AHA-ERLEBNISSE
CREATE A SERVICE APP IDEA 
FOR SMARTWATCHES
CHALLENGE: 
REDUCE YOUR CARBON  
FOOTPRINT

THANK YOU
AND STAY
HYDRATED!

KNOW-
HOW
Christian Kuhn Birte Weber
Founder, CEO,
UXQB® Professional
Client Service Director,
Consultant
christian.kuhn@nuisol,com
Tel. +49 69 94 35 98-66
Tel. +49 15115776699
birte.weber@nuisol,com
Tel. +49 69 94 35 98-66
Tel. +49 15115776699
KONTAKT

SOME CREDENTIALS

Riding the new wave_Nuisol

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Riding the new wave_Nuisol

Similar to Riding the new wave_Nuisol (20)

More from Year of the X

More from Year of the X (20)

Recently uploaded

Recently uploaded (20)

Riding the new wave_Nuisol