How do we approach new devices, create effective interactions and to make sure that the design solves real human problems while it's super simple to use? Recently I presented and shared my ideas at the #ISA15 - Interaction South America.
2. About me
An 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
Designing for future devices @nurdeniz
3. 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
Designing for future devices @nurdeniz
4. 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,000
Connected Devices
Cisco estimates 20 billion by 2020
5. Future Devices will be part of our environment due to
the uprising of the Internet of Things
and new technologies.
Designing for future devices @nurdeniz
11. What problem can they solve?
Designing for future devices @nurdeniz
12. “Design is directed toward human beings. To design is to
solve human problems by identifying them and executing
the best solution.”
Ivan Chermayeff
Designing for future devices @nurdeniz
13.
14. “ This is where Haptics really come into its own – I can be
directed 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
Designing for future devices @nurdeniz
15. • 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
Designing for future devices @nurdeniz
17. • 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
Designing for future devices @nurdeniz
Contextual Design
18. Designing for future devices @nurdeniz
User Centred Design
Empathise
Define
Prototype
Ideate &
Hypothesis
Prototype
Test
Learn about your users,
tasks and their world
21. Designing for future devices @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
23. • 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
Designing for future devices @nurdeniz
Modern interaction Design
26. • The Story
• Features and interactions
• Challenges
Case Study
Design of an Apple Watch app
before device release
27. Designing for future devices @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
28. Designing for future devices @nurdeniz
What we knew about the device
• Apple WatchKit
• Rumours
A BANK APP FOR ANTS?
29. Designing for future devices @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
30. Designing for future devices @nurdeniz
Multiple devices - One service
PreferencesComplex
Interaction
Conditional
Display
Contextual
Actions
Simple
Interaction
Watch Extension Existing Mobile App
Existing Services
31. Designing for future devices @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
35. Daily Activities
Notifications
My Stocks
My FX
Glance
All settings of Akbank Today
Card & Account
Traveller
Help &
FAQ
Activity
Feed
ON
Notifies 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 Card
See Glance settings for more details
Set limit to monitor your spendings
The Watch App Settings
Your Credit Card
Remove credit card
36. 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
37. Akbank Today Akbank Today
NEO
3
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
38. • 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
39. How could we design an easy way to login?
Designing for future devices @nurdeniz
40. Keyboard options
1. Select numbers
2. Swipe to select
3. Swipe and tab
4. Scroll to see more
5. Magnifying buttons
1
345641
A X OK
43. • 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
44. • 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
45. 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.
Designing for future devices @nurdeniz
2015 Midas Award for Innovation in banking
"It’s a very thorough design and looks awesome.”
APPLE
46. No dejes de completar nuestra encuentra online
isa.ixda.org/2015/encuesta
¡Muchas gracias!
Designing for future devices
Nurgul Karadeniz
nurdeniz
Hinweis der Redaktion
ux
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Early test
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Early test
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
“Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice it. Think of it like a room’s air conditioning. We only notice it when it’s too hot, too cold, making too much noise, or the unit is dripping on us. Yet, if the air conditioning is perfect, nobody say anything and we focus, instead, on the task at hand.” - Jared Spool 3.
“Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice it. Think of it like a room’s air conditioning. We only notice it when it’s too hot, too cold, making too much noise, or the unit is dripping on us. Yet, if the air conditioning is perfect, nobody say anything and we focus, instead, on the task at hand.” - Jared Spool 3.
“Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice it. Think of it like a room’s air conditioning. We only notice it when it’s too hot, too cold, making too much noise, or the unit is dripping on us. Yet, if the air conditioning is perfect, nobody say anything and we focus, instead, on the task at hand.” - Jared Spool 3.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Just shortly after the Apple Watch was announced, Akbank gave us a challenging brief.
- Be the first bank to launch an app for Apples first wearable device.
A brief introduction and what I am going to talk about
We created different states of login due to complexity of logging in on the apple watch. We designed features such as traveler and stocks prices to help users accessing daily information they need from their bank.
This was the most challenging issue we needed to resolve. After a bit of research we found that most third party apps are designed to login once on iPhone and doesn't require logging in the watch. The Apple’s recommendation was app should not force users to login since it is a personal device. But as for banking this was not an option. After various iteration and solutions we decided to design a custom build keyboard on the watch app
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.
Withdraw money without using your bank card Use iBeacon - Use SMS where iBeacon is not available
An important use for the Apple Watch that we designed for was after research was withdrawing money from an ATM using iBeacon technology. With this technology we can identify users, and allow them to request cash even whilst still in the queue.
This innovation means that by the time you stand next to the ATM, the money comes straight out meaning less time wasted, less frustration, and more time to live your life!
The app designed smarter that if there is an iBeacon installed ATM nearby, it then enables iBeacon feature. It directs users to the cash machine and if there is a problem with the iBeacon connection it switches to SMS code withdrawal which again does not require users card being present.
Issues with the new technologies.
What is the problem: what can we do to help people
Everyday we have new devices flooding the market which reach million of users. They provide a potential mountain of new creative, technological solutions; or sometimes they represent a technological flop. The way we design these new products is essential to insure success and crucially: also making it a relevant and a long-lasting solution to a customer problem.