Designing for Future Devices

Designing for future devices

Nurgul Karadeniznurdeniz

About meAn independent UX Architect specialised in IA, Interaction Design and User Research. I worked with multinational teams and created award-winning products and services in the fields including interactive TV, health, finance, education, wearables and e-commerce. Currently working with Microsoft Studios to design supporting platforms for an upcoming XBOX game.

Worked with companies:The Guardian, The BBC, Ustwo, R/GA, HSBC

Interested in:Designing for Semantic Web, Contextual Design, Designing Educational Products


@nurdeniz

Designing for Future Devices

• Future Devices and us• The UX Process• Contextual Design • UX Process for new interactions• Case study - Apple watch app – personal banking


@nurdeniz

Designing for Future Devices

• Future Devices• Designing interface for a new device• UX Methodologies • Modern Interaction Design• Case study - Apple watch app

10,000,000,000Connected Devices

Cisco estimates 20 billion by 2020

Future Devices will be part of our environment due to the uprising of the Internet of Things

and new technologies.


@nurdeniz


@nurdeniz

More devices in personal space

More Devices in Personal Space

New ways of doing things


@nurdeniz

Challenges


@nurdeniz

What problem can they solve?


@nurdeniz

“Design is directed toward human beings. To design is to solve human problems by identifying them and executing

the best solution.”

Ivan Chermayeff


@nurdeniz

“ This is where Haptics really come into its own – I can bedirected without hearing or sight, but by a series of taps via

the watch onto my wrist for example 3 pairs of 2 taps means turn left, usher syndrome accessible!”

Molly


@nurdeniz

• Is not the device but the context of use

• Optimising design seamlessly for that purpose

• Understand needs before they needed

• Enabling technology to adapt to those needs

What makes them useful


@nurdeniz

Contextual Design


@nurdeniz

• Structured user-centred design process

• Provides methods to collect data about users in the field

• Interpret and consolidate the data in a structured way

• Use the data to create and prototype products and services

• Iteratively test and refine concepts with users


@nurdeniz

Contextual Design


@nurdeniz

User Centred Design

Empathise

DefinePrototype

Ideate &Hypothesis

Prototype

Test

Learn about your users, tasks and their world


@nurdeniz

Contextual Design

Learn from Users


@nurdeniz

Contextual Design


@nurdeniz

• Understanding business needs and vision

• Understanding users and their environment

• Mastering the device capabilities

• Making the design contextually relevant and focusing on user tasks

• Creating your own interaction guidelines

• Prototype the device (even with cardboard/paper)

• Validating solutions with target groups

Designing for a new device

Solves a problem

Familiarity

Dexterity

Assurance

Accessibility

Device interaction

Aesthetics

Identify strength and weakness of your design solution


@nurdeniz

• Focus on user tasks at hand, keep the nature of interaction the same

• Make the technology and design invisible

• Empowers users with less read more action

• Introduce simple and powerful ways of doing things


@nurdeniz

Modern interaction Design


@nurdeniz

Existing user tasks – new user tasks

Case StudyDesign of an Apple Watch app before device release

• The Story • Features and interactions • Challenges

Case StudyDesign of an Apple Watch app before device release


@nurdeniz

The Project

• Design and build a personal banking app for the Apple Watch

• Agency: R/GA UK, Client: Akbank (Turkish Bank)

• Directed the project, designing interactions and app features

• Launched the app when the device released to the market


@nurdeniz

What we knew about the device

• Apple WatchKit

• Rumours

A BANK APP FOR ANTS?


@nurdeniz

Our Thoughts

Everyday Device -> Everyday Tasks

Personal Device -> Personal Tasks

The client’s thoughts

Design extension to the online banking

Include most personal banking features

Use the bank’s security measures

Design other cool features


@nurdeniz

Multiple devices - One service

PreferencesComplex Interaction

Conditional Display

Contextual Actions

Simple Interaction

Watch Extension Existing Mobile App

Existing Services


@nurdeniz

Are we designing it right?

• The Apple WatchKit guide • RG/A Tech Lead / the Apple support• Akbank’s tech team support• Potential Users and the device• Hypothesis / test / failure / iterations

The App Features

User interactions

Account Meters

Notifications

Contact & Directions

The App Features

Money Withdrawal

Traveller

Stock Prices

The App Features

Daily Activities

Notifications

My Stocks

My FX

Glance

All settings of Akbank Today

Card & Account

Traveller

Help & FAQActivity Feed

ONNotifies number of daily transactions

Balance Meter

Selection copied

Card & Account

Your Credit Card Change

Your Account

Use this account for ATM cash

Change

Please note your primary Glance is set to Credit CardSee Glance settings for more details

Set limit to monitor your spendings

The Watch App Settings

Your Credit Card

Remove credit card

Traveller • Glance automatically set itself to selected currency conversion and

detects the local currency when you are abroad,

• User can select another amount to convert with a single tab

• The results shows the actual cost: conversion + the banks charges

Akbank Today Akbank Today

NEO3

520TL

Available

3

Akbank Today

NEO

80%Available

My Stock My FX

My Balance ATM CashContactTraveller

My Stock My FX

Account ATM Cash

My Stock My FX

Account ATM Cash

Not Logged in Semi Logged in Fully Logged in

Login States

• The device did not fully support our login requirements

• The Apple recommended designing the login via iPhone but this raised security concerns for personal banking space

• Many potential login ideas including fingerprint on iPhone were proposed but each were not aligned with the bank’s security measures

• Designing a custom keyboard was the only option for login.

Login Challenges

How could we design an easy way to login?


@nurdeniz

Keyboard options

1. Select numbers2. Swipe to select3. Swipe and tab4. Scroll to see more5. Magnifying buttons

1

345641

A X OK

Card-less Money Withdrawal with iBeacon

Money withdrawal with iBeacon

• Are we designing right?

• Device Knowledge

• Limitations using the device features for the third party apps

• Scree size and Watch interface - Displaying the right information at the right time

Interaction Challenges

• http://www.demoapplewatch.com

• Guerrilla testing using paper prototypes

• Interactive prototype on a phone screen

• Use of similar devices for specific test tasks

Testing Methods

http://www.demoapplewatch.com/

Every design has challenges, designing a watch app before the device release was challenging but an excellent journey for myself

and my team. The design received great feedback.


@nurdeniz

2015 Midas Award for Innovation in banking

"It’s a very thorough design and looks awesome.”APPLE

No dejes de completar nuestra encuentra online

isa.ixda.org/2015/encuesta¡Muchas gracias!

Designing for future devicesNurgul Karadeniz

nurdeniz

Technology

Designing for Future Devices