Zero Effort & Connected UI/UX strategy

Download Zero Effort & Connected UI/UX strategy

Post on 18-Dec-2014

1.707 views

Category:

Design

7 download

Embed Size (px)

DESCRIPTION

ZEC UI/UX Strategy (*ZEC=Zero Effort & Connected(IoT/IoE)) - IoT / WoT (Internet of Thing / Web of Thing) - IoE (Internet of Everything) - Load - Law of conservation of complexity - Quality in Use - F-shaped pattern Based Satisficing - Connected Shortcuts - Connected FFA (Feedback, Feedforward and perceived Affordances) - DAG (The Dopamine seeking system, unconscious selective Attention, Goal-gradient effect) - Ferdinand de Saussures Syntagm & Paradigm - Jean Baudrillards Simulation & Hyperreal - Quantified Self & Change life

TRANSCRIPT

<ul><li> 1. (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) 2014.7 InnoUX CEO/ ICT InnoUX@InnoUX.com, @ILOVEHCI http://Slideshare.net/BillyChoi </li> <li> 2. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) Table of Contents Zero Effort UI/UX ZEC(Zero Effort &amp; Connected) UI/UX 1 </li> <li> 3. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) 1. Zero Effort UI/UX , ? 2. IoT/IoE ZEC(Zero Effort &amp; Connected) UI/UX , ? 3. ? 3 </li> <li> 4. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI/UX Strategic Framework 1.0a by Billy Choi Zero Effort UI/UX Strategy ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) Load Law of conservation of complexity Quality in Use F-shaped pattern based Satisficing UI UX Zero Effort UI/UX Strategy Connected Shortcuts &amp; Defaults Connected FFA** DAG*** ZEC UI Strategy Ferdinand de Saussures Syntagm &amp; Paradigm Jean Baudrillards Simulation &amp; Hyperreal Quantified Self &amp; Change Life **FFA=Feedback, Feedforward and perceived Affordances ***DAG=The Dopamine seeking system, unconscious selective Attention, Goal-gradient effect 4 </li> <li> 5. : (2011) </li> <li> 6. : (2011) </li> <li> 7. : (2011) </li> <li> 8. : (2011) </li> <li> 9. : (2011) </li> <li> 10. : (2011) </li> <li> 11. : (2011) </li> <li> 12. : (2011) </li> <li> 13. : (2011) </li> <li> 14. : (2011) </li> <li> 15. : (2011) </li> <li> 16. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) Zero Effort UI/UX Strategic Framework by Billy Choi Zero Effort UI/UX Strategy Load Law of conservation of complexity Quality in Use F-shaped pattern based Satisficing // , F , by Billy Choi (@ILOVEHCI) C+V+M=0 (Cognitive), (Visual), (Motor) I.C=0%, S.C=100% (Interface Complexity), (System Complexity) I=100%, L=0%, Ef= M=0%, Er=0% S=100% Intuitive design, ease of Learning, Efficiency of use, Memorability, Error frequency and severity, subjective Satisfaction Interface=F F 17 </li> <li> 17. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) Zero Effort UI/UX Strategic Framework(continue) Zero Effort UI/UX Strategy Load C+V+M=0 (Cognitive), (Visual), (Motor) 18 // , F , by Billy Choi (@ILOVEHCI) </li> <li> 18. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) Zero Effort UI/UX Strategic Framework(continue) Zero Effort UI/UX Strategy Law of conservation of complexity I.C=0%, S.C=100% (Interface Complexity), (System Complexity) CLI GUI NUI NEST-like UI Interface Complexity System Complexity 0% 0%100% http://youtu.be/L8TkhHgkBsg 19 // , F , by Billy Choi (@ILOVEHCI) </li> <li> 19. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) Zero Effort UI/UX Strategic Framework(continue) Zero Effort UI/UX Strategy Quality in Use I=100%, L=0%, Ef= M=0%, Er=0% S=100% Intuitive design, ease of Learning, Efficiency of use, Memorability, Error frequency and severity, subjective Satisfaction Intuitive design: a nearly effortless understanding of the architecture and navigation of the site Ease of learning: how fast a user who has never seen the user interface before can accomplish basic tasks Efficiency of use: How fast an experienced user can accomplish tasks Memorability: after visiting the site, if a user can remember enough to use it effectively in future visits Error frequency and severity: how often users make errors while using the system, how serious the errors are, and how users recover from the errors Subjective satisfaction: If the user likes using the system http://www.designresourcebox.com/why-usability-is-the-most-important-aspect-of-designing-a-site/ 20 // , F , by Billy Choi (@ILOVEHCI) </li> <li> 20. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) Zero Effort UI/UX Strategic Framework(continue) Zero Effort UI/UX Strategy F-shaped pattern based Satisficing Interface=F F HCI Quick Guide (Emanuel Fernandes, May 2010) 21 // , F , by Billy Choi (@ILOVEHCI) </li> <li> 21. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI/UX Strategic Framework 1.0a by Billy Choi ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) UI UX Zero Effort UI/UX Strategy Connected Shortcuts &amp; Defaults Connected FFA** DAG*** ZEC UI Strategy Ferdinand de Saussures Syntagm &amp; Paradigm Jean Baudrillards Simulation &amp; Hyperreal Quantified Self &amp; Change Life **FFA=Feedback, Feedforward and perceived Affordances ***DAG=The Dopamine seeking system, unconscious selective Attention, Goal-gradient effect 23 by Billy Choi (@ILOVEHCI) </li> <li> 22. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI Strategic Framework by Billy Choi ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) UI Zero Effort UI/UX Strategy Connected Shortcuts &amp; Defaults Connected FFA DAG F Thing to Service Feedback Feedforward perceived Affordances the Dopamine seeking system unconscious selective Attention Goal-gradient effect 24 by Billy Choi (@ILOVEHCI) </li> <li> 23. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) UI Connected Shortcuts &amp; Defaults Thing to Service Internet Internet Things Things Services Services Shortcuts Defaults Connecting Physical Shortcuts Invisible Shortcuts Amazon Dash iBeacon http://youtu.be/JLOzF0Y4Mqw Internet Things Services Logical Shortcuts Nymi Things http://youtu.be/c3h0eKGfUfI http://youtu.be/jUO7Qnmc8vE Smart Glasses , , , , 25 http://youtu.be/xnIoGzur0h4 by Billy Choi (@ILOVEHCI) </li> <li> 24. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) UI Connected FFA Feedback Feedforward perceived Affordances HCI Quick Guide (Emanuel Fernandes, May 2010) 26 by Billy Choi (@ILOVEHCI) </li> <li> 25. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) UI Connected FFA DAG Feedback Feedforward perceived Affordances (the Dopamine seeking system) (unconscious selective Attention) (Goal- gradient effect) , , , // , , 100 Things Every Designer Needs to Know About People, (Susan M. Weinschenk, 2011) 27 by Billy Choi (@ILOVEHCI) </li> <li> 26. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI/UX Strategic Framework by Billy Choi ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) UX ZEC UI Strategy Ferdinand de Saussures Syntagm &amp; Paradigm Jean Baudrillards Simulation &amp; Hyperreal Quantified Self &amp; Change Life F Connected Shortcuts &amp; Defaults Feedback Feedforward perceived Affordances the Dopamine seeking system unconscious selective Attention Goal-gradient effect S+P=CE 2 (Syntagm) (Paradigm) Culture Ecosystem Six phase MSSUBC Self C2S, S2C, C2C 28 by Billy Choi (@ILOVEHCI) </li> <li> 27. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI/UX Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) UX Ferdinand de Saussures Syntagm &amp; Paradigm S+P=CE 2 (Syntagm) (Paradigm) Culture Ecosystem 29 FualBand SE Mobile Web SNS Self-efficacy Nike+ Kinect Training Web App PC(iTunes) Sportwatch GPS Chip+Shoes Web Mobile App Open data Avatar Things Manage Services Change Syntagm/ Synchrony (/) Paradigm/ Diachrony() by Billy Choi (@ILOVEHCI) [Nike Culture Ecosystem ] . .(/,2012) (/ ) . . </li> <li> 28. (self-efficacy) </li> <li> 29. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) ZEC UI/UX Strategic Framework(continue) ZEC* UI/UX Strategy (*ZEC=Zero Effort &amp; Connected(IoT/IoE)) UX Jean Baudrillards Simulation &amp; Hyperreal 31 RRADA http://youtu.be/3pXNYciHCLc MemoMi http://youtu.be/kvJbu1rvd_w UNIQLO http://youtu.be/oUD57MpHAE8 ALKE http://youtu.be/qqFcaewtBJA http://youtu.be/rhH1ZNmCEdghttp://youtu.be/1qkf3kjurZw Dunk Tank Play by Billy Choi (@ILOVEHCI) The postmodern media no longer provide secondary representations of reality; they affect and produce the reality that they mediate(John Fiske,1994), Smart Mirror Smart Bathroom Smart Signage Smart Shop </li> <li> 30. 2014 ICT /InnoUX CEO All rights reserved. ZEC UI/UX Strategy by Billy Choi(@ILOVEHCI) 32 REAL HYPERREAL*** O X X O O X O X O O O X * , ( ). . , . () , . (Cultural theory and popular culture/John Storey, 2009) ** Baudrillard argues that the very distinction between original and copy has itself now been destroyed. He calls this process simulation. Baudrillard (1983) calls simulation the generation by models of a real without origins or reality: a hyperreal. ( ) *** In the realm of the hyperreal, the distinction between simulation and the real implodes; the real and the imaginary continually collapse into each other. The result is that reality and simulation are experienced as without difference operating along a roller-coaster continuum. ( ) O X O O X O * ** </li> <li> 31. (James Law Cybertecture International) / http://youtu.be/h_Sj-brC3-w </li> <li> 32. Magic Mirror http://youtu.be/HlsSLRMq8X0 Mirrors installed in the Delano Hotel in Miami on every guest floor </li> <li> 33. http://youtu.be/x5Lr6yW9QbQ Magic Mirror </li> <li> 34. http://youtu.be/oLBPhh01yiY Future department stores (Digital Mirror) </li> <li> 35. RRADA retail experience http://youtu.be/3pXNYciHCLc </li> <li> 36. Magic Mirror brings magical shopping experience into your shop. http://www.slideshare.net/metatechnology/magic-mirror-bring-soci...</li></ul>