Designing for Future Devices
-
Upload
nurgul-karadeniz -
Category
Technology
-
view
739 -
download
1
Transcript of Designing for Future Devices
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
Designing for future devices
@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
Designing for future devices
@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.
Designing for future devices
@nurdeniz
“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
“ 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
Designing for future devices
@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
Designing for future devices
@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
Designing for future devices
@nurdeniz
Contextual Design
Designing for future devices
@nurdeniz
User Centred Design
Empathise
DefinePrototype
Ideate &Hypothesis
Prototype
Test
Learn about your users, tasks and their world
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
Solves a problem
Familiarity
Dexterity
Assurance
Accessibility
Device interaction
Aesthetics
Identify strength and weakness of your design solution
Designing for future devices
@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
Designing for future devices
@nurdeniz
Modern interaction Design
• The Story • Features and interactions • Challenges
Case StudyDesign of an Apple Watch app before device release
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
Designing for future devices
@nurdeniz
What we knew about the device
• Apple WatchKit
• Rumours
A BANK APP FOR ANTS?
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
Designing for future devices
@nurdeniz
Multiple devices - One service
PreferencesComplex Interaction
Conditional Display
Contextual Actions
Simple Interaction
Watch Extension Existing Mobile App
Existing Services
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
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
Keyboard options
1. Select numbers2. Swipe to select3. Swipe and tab4. Scroll to see more5. Magnifying buttons
1
345641
A X OK
• 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
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