SlideShare a Scribd company logo
THE FUTURE
OF UX
Simon Metcalfe!
UX Designer
THE FUTURE OF UX
THEMES
‣ Micro interactions!
‣ Continuity, hand-off and sequential usage!
‣ Contextual awareness and proximity!
‣ Bridging Digital and Physical experiences
WEARABLES
https://blog.grandcentrix.net/ux-design-for-smartwatches/
SMART WATCHES
‣ UK researchers found that smartphone users
estimate spending around 3 hours per day
performing 200 tasks using their device!
‣ Smart watches should save you from having
to get your phone out, and should not be
another distraction themselves!
SMART WATCHES
MICRO INTERACTIONS
‣ Keep interactions short and simple!
‣ Google recommends keeping smartwatch
tasks to no more than 5 seconds!
‣ 2 hands are required to operate a smart
watch!
‣ Gestures are more important because of
limited space for UI elements
https://developer.apple.com/watch/human-interface-guidelines/
SMART WATCHES
TINY TARGETS
‣ It is recommended to keep targets no
smaller than 10mm!
‣ Deleting apps on the Apple Watch requires
tapping the 'x' icons that are about 2mm in
diameter!
‣ Consider fat fingers!!
‣ Gestures are more important because of
limited space for UI elements
http://www.nngroup.com/articles/smartwatch/
SMART WATCHES
CONTENT
‣ Independent content should be created
where possible, instead of truncating
existing content!
‣ Content should be minimalistic - short
phrases or single words!
‣ Don't use a long word if a short one will do
http://www.nngroup.com/articles/smartwatch/
SMART WATCHES
NAVIGATION
‣ Page based navigation, or "Deck of cards" -
essentially a full page version of a carousel!
‣ More than 10 pages may be confusing!
‣ Horizontal swipe gesture
http://www.nngroup.com/articles/smartwatch/
SMART WATCHES
NAVIGATION
‣ Hierarchical or list-based navigation !
‣ Pogo-sticking can be a problem
http://www.nngroup.com/articles/smartwatch/
SMART WATCHES
NAVIGATION
‣ Force touch (touch and hold) menu!
‣ Not context sensitive, the app cannot
determine where the finger is on the screen
http://www.nngroup.com/articles/smartwatch/
SMART WATCHES
NAVIGATION
‣ Modal-sheets (dialog boxes) !
‣ "Close" button can be renamed!
‣ Should not be used as page titles or to
suggest a hierarchal navigation
https://developer.apple.com/watch/human-interface-guidelines/
SMART WATCHES
PREDICTIVE INTELLIGENCE
‣ Smart replies, or contextual responses are
based on the content of the message or
alert!
‣ Helps to ensure the wearer only needs to
make micro interactions with the watch
http://thinkapps.com/blog/design/apple-watch-apps-important-design-principles/
SMART WATCHES
CONTINUITY
‣ Handoff - Apple's term for allowing the user to
continue a task on another device!
‣ Some apps may handoff data but not the
activity (Google Docs)!
‣ Google refers to handoff as "Sequential
usage" in their multi-screen world study.
http://www.nngroup.com/articles/smartwatch/

https://www.thinkwithgoogle.com/research-studies/the-new-multi-screen-world-study.html
SMART WATCHES
CONTINUITY
‣ Apple have implemented this for phone
calls and texts as well, as part of their
"Continuity" system!
!
‣ Android does not yet have its own
implementation, but there are third party
apps
https://www.apple.com/au/ios/whats-new/continuity/
SMART WATCHES
GLANCEABILITY
‣ Glanceability - ensure information is
digestible with just a glance !
‣ Proximity awareness!
‣ Be aware of context - presenting information
at a useful time!
‣ Apple has a specific IU pattern / feature
called "Glances" - collections of timely and
contextually relevant moments provided by
the wearers favourite apps
https://www.apple.com/au/ios/whats-new/continuity/
DIGITAL AND PHYSICAL EXPERIENCES
HEADS-UP DISPLAYS (HUDS)
‣ Google Glass was not well accepted!
‣ Social awkwardness and privacy concerns!
‣ Currently better suited to specific
applications, such as on the road!
‣ Augmented reality contact lenses being
developed by Innovega offer a full-screen
HUD experience
www.lifehacker.com.au/2015/01/why-google-glass-failed-but-might-still-succeed/

http://www.cnet.com/au/news/augmented-reality-contact-lenses-to-be-human-ready-at-ces/
DIGITAL AND PHYSICAL EXPERIENCES
HEADS-UP DISPLAYS (HUDS)
‣ Skully P1 combines a rear-view camera,
GPS and hands-free phone with voice
commands!
!
‣ Forcite ski helmet includes front-facing
camera and facilitates live communication
(UNSW project, in development)
http://www.cnet.com/au/news/skully-demonstrates-gps-rear-view-camera-in-motorcycle-helmet/

https://www.be.unsw.edu.au/content/aussie-student-re-invents-police-motorcycle-helmet-adds-robocop-features
DIGITAL AND PHYSICAL EXPERIENCES
INTERNET OF THINGS (IOT)
‣ Consider interusability; the experience
across all touchpoints (devices)!
‣ Internet/connectivity can be intermittent
and products must be designed to cope!
‣ Users may not tolerate internet-associated
glitches from real world devices!
‣ Cross-device user flows should be
considered
https://www.safaribooksonline.com/library/view/designing-connected-products/9781449372682/ch01.html
DIGITAL AND PHYSICAL EXPERIENCES
BEACONS
‣ Micro-location triggers to deliver new and
more meaningful interactions!
‣ Contextually rich experiences !
‣ Further bridging of the gap between digital
and physical!
‣ Bluetooth 4.0 Low Energy (BLE)!
‣ iBeacon protocol standardised by Apple,
but supports Android and Windows
https://uxmag.com/articles/the-game-changing-nature-of-beacons

https://en.wikipedia.org/wiki/IBeacon
THANK YOU

More Related Content

What's hot

Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSpark
Antony Ribot
 
Smartphones are simply too small to pack in much optical zoom, and the digita...
Smartphones are simply too small to pack in much optical zoom, and the digita...Smartphones are simply too small to pack in much optical zoom, and the digita...
Smartphones are simply too small to pack in much optical zoom, and the digita...
Adam Michael Smith
 
Arvidson final Presenation
Arvidson final PresenationArvidson final Presenation
Arvidson final Presenation
susiearvidson
 
Can everyone use your app?
Can everyone use your app?Can everyone use your app?
Can everyone use your app?
Tom Widerøe
 
Google Glass
Google GlassGoogle Glass
Google Glass
Teja Ponnada
 
Good design is a myth - by Zoltan Kollin | UXRiga 2017
Good design is a myth  - by Zoltan Kollin | UXRiga 2017Good design is a myth  - by Zoltan Kollin | UXRiga 2017
Good design is a myth - by Zoltan Kollin | UXRiga 2017
UX Riga
 
Google glass ppt
Google glass pptGoogle glass ppt
Google glass ppt
erbipulkumar
 
Google glass - New marketing trends
Google glass - New marketing trendsGoogle glass - New marketing trends
Google glass - New marketing trends
Lindsey Julienne
 
Googleglass by saeed
Googleglass by saeedGoogleglass by saeed
Googleglass by saeed
Muhammad Saeed Khan
 
Mobile Functional Beauty - Trebbble
Mobile Functional Beauty - TrebbbleMobile Functional Beauty - Trebbble
Mobile Functional Beauty - Trebbble
Trebbble
 
Alicea torres dariana mobilepresentation
Alicea torres dariana mobilepresentationAlicea torres dariana mobilepresentation
Alicea torres dariana mobilepresentation
TerryWeber
 
Naralo Mobile Strategy
Naralo Mobile StrategyNaralo Mobile Strategy
Naralo Mobile Strategy
Glenn McKnight
 
Google Glasses
Google GlassesGoogle Glasses
Google Glasses
Rishabh Gupta
 
Mobile Learning with Mobler Cards and the PfP LMS
Mobile Learning with Mobler Cards and the PfP LMSMobile Learning with Mobler Cards and the PfP LMS
Mobile Learning with Mobler Cards and the PfP LMS
Christian Glahn
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobile
Maya Irving-Regev
 
Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010
Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010
Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010
David Sigal
 
FabriQate - Mobile Thinking - Apps and Marketing
FabriQate - Mobile Thinking - Apps and MarketingFabriQate - Mobile Thinking - Apps and Marketing
FabriQate - Mobile Thinking - Apps and Marketing
Aneesh Varma
 
Daiwana crumedy
Daiwana crumedyDaiwana crumedy
Daiwana crumedy
Daiwana Crumedy
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
Paperlit
 
Travel app development
Travel app developmentTravel app development
Travel app development
Codiant
 

What's hot (20)

Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSpark
 
Smartphones are simply too small to pack in much optical zoom, and the digita...
Smartphones are simply too small to pack in much optical zoom, and the digita...Smartphones are simply too small to pack in much optical zoom, and the digita...
Smartphones are simply too small to pack in much optical zoom, and the digita...
 
Arvidson final Presenation
Arvidson final PresenationArvidson final Presenation
Arvidson final Presenation
 
Can everyone use your app?
Can everyone use your app?Can everyone use your app?
Can everyone use your app?
 
Google Glass
Google GlassGoogle Glass
Google Glass
 
Good design is a myth - by Zoltan Kollin | UXRiga 2017
Good design is a myth  - by Zoltan Kollin | UXRiga 2017Good design is a myth  - by Zoltan Kollin | UXRiga 2017
Good design is a myth - by Zoltan Kollin | UXRiga 2017
 
Google glass ppt
Google glass pptGoogle glass ppt
Google glass ppt
 
Google glass - New marketing trends
Google glass - New marketing trendsGoogle glass - New marketing trends
Google glass - New marketing trends
 
Googleglass by saeed
Googleglass by saeedGoogleglass by saeed
Googleglass by saeed
 
Mobile Functional Beauty - Trebbble
Mobile Functional Beauty - TrebbbleMobile Functional Beauty - Trebbble
Mobile Functional Beauty - Trebbble
 
Alicea torres dariana mobilepresentation
Alicea torres dariana mobilepresentationAlicea torres dariana mobilepresentation
Alicea torres dariana mobilepresentation
 
Naralo Mobile Strategy
Naralo Mobile StrategyNaralo Mobile Strategy
Naralo Mobile Strategy
 
Google Glasses
Google GlassesGoogle Glasses
Google Glasses
 
Mobile Learning with Mobler Cards and the PfP LMS
Mobile Learning with Mobler Cards and the PfP LMSMobile Learning with Mobler Cards and the PfP LMS
Mobile Learning with Mobler Cards and the PfP LMS
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobile
 
Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010
Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010
Mobile migration talk by appSTUDIO at WordCamp Jerusalem 2010
 
FabriQate - Mobile Thinking - Apps and Marketing
FabriQate - Mobile Thinking - Apps and MarketingFabriQate - Mobile Thinking - Apps and Marketing
FabriQate - Mobile Thinking - Apps and Marketing
 
Daiwana crumedy
Daiwana crumedyDaiwana crumedy
Daiwana crumedy
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
 
Travel app development
Travel app developmentTravel app development
Travel app development
 

Similar to Future of UX Mini-presentation

Google Glass
Google GlassGoogle Glass
Google Glass
Vamshi Rakela
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
Donna Lichaw
 
Flexible display ux
Flexible display uxFlexible display ux
Flexible display ux
Billy Choi
 
Flexible display ux의 방향성 검토
Flexible display ux의 방향성 검토Flexible display ux의 방향성 검토
Flexible display ux의 방향성 검토
Billy Choi
 
Google glass
Google glassGoogle glass
Google glass
Tushar Sachdeva
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525
jinwook shin
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile Prototyping
Donna Lichaw
 
Google Glass Seminar (1).pptx
Google Glass Seminar (1).pptxGoogle Glass Seminar (1).pptx
Google Glass Seminar (1).pptx
SomaniRaghav
 
powerpoint presentation on Google glass
powerpoint presentation on Google glasspowerpoint presentation on Google glass
powerpoint presentation on Google glass
Jawhar Ali
 
Google glass
Google glassGoogle glass
Google glass
Mohd Abdullah Khan
 
Google glass
Google glassGoogle glass
Google glass
Mohd Abdullah Khan
 
Google Glass Complete
Google Glass CompleteGoogle Glass Complete
Google Glass Complete
ArJuN Vas
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
Precedent
 
Google glass
Google glass Google glass
Google glass
Avinash Kharche
 
google glass,latest technology,btech seminar topic
google glass,latest technology,btech seminar topicgoogle glass,latest technology,btech seminar topic
google glass,latest technology,btech seminar topic
Shubham Gupta
 
Google Glass
Google GlassGoogle Glass
Google Glass
Kamakshya Tripathy
 
Wearables Discussion
Wearables DiscussionWearables Discussion
Wearables Discussion
Jeffrey Paul
 
Seminar on Google Glass
Seminar on Google GlassSeminar on Google Glass
Seminar on Google Glass
Ramdev Darak
 
Google Glass
Google GlassGoogle Glass
Google Glass
Manasa Chowdary
 
Google glass
Google glassGoogle glass

Similar to Future of UX Mini-presentation (20)

Google Glass
Google GlassGoogle Glass
Google Glass
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
Flexible display ux
Flexible display uxFlexible display ux
Flexible display ux
 
Flexible display ux의 방향성 검토
Flexible display ux의 방향성 검토Flexible display ux의 방향성 검토
Flexible display ux의 방향성 검토
 
Google glass
Google glassGoogle glass
Google glass
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile Prototyping
 
Google Glass Seminar (1).pptx
Google Glass Seminar (1).pptxGoogle Glass Seminar (1).pptx
Google Glass Seminar (1).pptx
 
powerpoint presentation on Google glass
powerpoint presentation on Google glasspowerpoint presentation on Google glass
powerpoint presentation on Google glass
 
Google glass
Google glassGoogle glass
Google glass
 
Google glass
Google glassGoogle glass
Google glass
 
Google Glass Complete
Google Glass CompleteGoogle Glass Complete
Google Glass Complete
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
 
Google glass
Google glass Google glass
Google glass
 
google glass,latest technology,btech seminar topic
google glass,latest technology,btech seminar topicgoogle glass,latest technology,btech seminar topic
google glass,latest technology,btech seminar topic
 
Google Glass
Google GlassGoogle Glass
Google Glass
 
Wearables Discussion
Wearables DiscussionWearables Discussion
Wearables Discussion
 
Seminar on Google Glass
Seminar on Google GlassSeminar on Google Glass
Seminar on Google Glass
 
Google Glass
Google GlassGoogle Glass
Google Glass
 
Google glass
Google glassGoogle glass
Google glass
 

Recently uploaded

一比一原版(Coventry毕业证)英国考文垂大学毕业证如何办理
一比一原版(Coventry毕业证)英国考文垂大学毕业证如何办理一比一原版(Coventry毕业证)英国考文垂大学毕业证如何办理
一比一原版(Coventry毕业证)英国考文垂大学毕业证如何办理
tobbk6s8
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
GregMichaelTapawan
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
67n7f53
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
etls06p8
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
wkip62b
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
stgq9v39
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
k4krdgxx
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
aonx8o5f
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
qa8dk1wm
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
xnhwr8v
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
340qn0m1
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 

Recently uploaded (20)

一比一原版(Coventry毕业证)英国考文垂大学毕业证如何办理
一比一原版(Coventry毕业证)英国考文垂大学毕业证如何办理一比一原版(Coventry毕业证)英国考文垂大学毕业证如何办理
一比一原版(Coventry毕业证)英国考文垂大学毕业证如何办理
 
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdfADESGN3S_Case-Study-Municipal-Health-Center.pdf
ADESGN3S_Case-Study-Municipal-Health-Center.pdf
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
一比一原版(UWE毕业证书)西英格兰大学毕业证如何办理
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
一比一原版(UC毕业证书)堪培拉大学毕业证如何办理
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
 
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
一比一原版澳洲查理斯特大学毕业证(CSU学位证)如何办理
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理一比一原版美国旧金山大学毕业证(USF学位证)如何办理
一比一原版美国旧金山大学毕业证(USF学位证)如何办理
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 

Future of UX Mini-presentation

  • 1. THE FUTURE OF UX Simon Metcalfe! UX Designer
  • 2. THE FUTURE OF UX THEMES ‣ Micro interactions! ‣ Continuity, hand-off and sequential usage! ‣ Contextual awareness and proximity! ‣ Bridging Digital and Physical experiences
  • 3. WEARABLES https://blog.grandcentrix.net/ux-design-for-smartwatches/ SMART WATCHES ‣ UK researchers found that smartphone users estimate spending around 3 hours per day performing 200 tasks using their device! ‣ Smart watches should save you from having to get your phone out, and should not be another distraction themselves!
  • 4. SMART WATCHES MICRO INTERACTIONS ‣ Keep interactions short and simple! ‣ Google recommends keeping smartwatch tasks to no more than 5 seconds! ‣ 2 hands are required to operate a smart watch! ‣ Gestures are more important because of limited space for UI elements https://developer.apple.com/watch/human-interface-guidelines/
  • 5. SMART WATCHES TINY TARGETS ‣ It is recommended to keep targets no smaller than 10mm! ‣ Deleting apps on the Apple Watch requires tapping the 'x' icons that are about 2mm in diameter! ‣ Consider fat fingers!! ‣ Gestures are more important because of limited space for UI elements http://www.nngroup.com/articles/smartwatch/
  • 6. SMART WATCHES CONTENT ‣ Independent content should be created where possible, instead of truncating existing content! ‣ Content should be minimalistic - short phrases or single words! ‣ Don't use a long word if a short one will do http://www.nngroup.com/articles/smartwatch/
  • 7. SMART WATCHES NAVIGATION ‣ Page based navigation, or "Deck of cards" - essentially a full page version of a carousel! ‣ More than 10 pages may be confusing! ‣ Horizontal swipe gesture http://www.nngroup.com/articles/smartwatch/
  • 8. SMART WATCHES NAVIGATION ‣ Hierarchical or list-based navigation ! ‣ Pogo-sticking can be a problem http://www.nngroup.com/articles/smartwatch/
  • 9. SMART WATCHES NAVIGATION ‣ Force touch (touch and hold) menu! ‣ Not context sensitive, the app cannot determine where the finger is on the screen http://www.nngroup.com/articles/smartwatch/
  • 10. SMART WATCHES NAVIGATION ‣ Modal-sheets (dialog boxes) ! ‣ "Close" button can be renamed! ‣ Should not be used as page titles or to suggest a hierarchal navigation https://developer.apple.com/watch/human-interface-guidelines/
  • 11. SMART WATCHES PREDICTIVE INTELLIGENCE ‣ Smart replies, or contextual responses are based on the content of the message or alert! ‣ Helps to ensure the wearer only needs to make micro interactions with the watch http://thinkapps.com/blog/design/apple-watch-apps-important-design-principles/
  • 12. SMART WATCHES CONTINUITY ‣ Handoff - Apple's term for allowing the user to continue a task on another device! ‣ Some apps may handoff data but not the activity (Google Docs)! ‣ Google refers to handoff as "Sequential usage" in their multi-screen world study. http://www.nngroup.com/articles/smartwatch/
 https://www.thinkwithgoogle.com/research-studies/the-new-multi-screen-world-study.html
  • 13. SMART WATCHES CONTINUITY ‣ Apple have implemented this for phone calls and texts as well, as part of their "Continuity" system! ! ‣ Android does not yet have its own implementation, but there are third party apps https://www.apple.com/au/ios/whats-new/continuity/
  • 14. SMART WATCHES GLANCEABILITY ‣ Glanceability - ensure information is digestible with just a glance ! ‣ Proximity awareness! ‣ Be aware of context - presenting information at a useful time! ‣ Apple has a specific IU pattern / feature called "Glances" - collections of timely and contextually relevant moments provided by the wearers favourite apps https://www.apple.com/au/ios/whats-new/continuity/
  • 15. DIGITAL AND PHYSICAL EXPERIENCES HEADS-UP DISPLAYS (HUDS) ‣ Google Glass was not well accepted! ‣ Social awkwardness and privacy concerns! ‣ Currently better suited to specific applications, such as on the road! ‣ Augmented reality contact lenses being developed by Innovega offer a full-screen HUD experience www.lifehacker.com.au/2015/01/why-google-glass-failed-but-might-still-succeed/
 http://www.cnet.com/au/news/augmented-reality-contact-lenses-to-be-human-ready-at-ces/
  • 16. DIGITAL AND PHYSICAL EXPERIENCES HEADS-UP DISPLAYS (HUDS) ‣ Skully P1 combines a rear-view camera, GPS and hands-free phone with voice commands! ! ‣ Forcite ski helmet includes front-facing camera and facilitates live communication (UNSW project, in development) http://www.cnet.com/au/news/skully-demonstrates-gps-rear-view-camera-in-motorcycle-helmet/
 https://www.be.unsw.edu.au/content/aussie-student-re-invents-police-motorcycle-helmet-adds-robocop-features
  • 17. DIGITAL AND PHYSICAL EXPERIENCES INTERNET OF THINGS (IOT) ‣ Consider interusability; the experience across all touchpoints (devices)! ‣ Internet/connectivity can be intermittent and products must be designed to cope! ‣ Users may not tolerate internet-associated glitches from real world devices! ‣ Cross-device user flows should be considered https://www.safaribooksonline.com/library/view/designing-connected-products/9781449372682/ch01.html
  • 18. DIGITAL AND PHYSICAL EXPERIENCES BEACONS ‣ Micro-location triggers to deliver new and more meaningful interactions! ‣ Contextually rich experiences ! ‣ Further bridging of the gap between digital and physical! ‣ Bluetooth 4.0 Low Energy (BLE)! ‣ iBeacon protocol standardised by Apple, but supports Android and Windows https://uxmag.com/articles/the-game-changing-nature-of-beacons
 https://en.wikipedia.org/wiki/IBeacon