Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Ecosystem Design

12,984 views

Published on

The ultimate challenge for the current generation of interaction designers is to create a cohesive ecosystem of devices, web-connected objects and cloud services. Designing products in isolation is not the right approach. New paradigms are emerging. It is a great time to be a designer. These are the slides I used in my three-hour workshop at UXPA China. Hope you like it!

Published in: Design
  • This already saved me $120 on a car battery! When my car battery died, I decided to try out the EZ Battery Reconditioning method instead of buying a new (expensive) battery. And in just 25 minutes, I reconditioned the battery and it works fantastic again! This already saved me $120 on a car battery! I can�t wait to try this on other batteries now.  http://t.cn/AiFAb0DL
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ❶❶❶ http://bit.ly/2F90ZZC ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ♥♥♥ http://bit.ly/2F90ZZC ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Fantastic presentation Pablo. Thank you so much for putting it together.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Thanks! There is certainly both pain and pleasure in our job. Great experiences don't come easily. They do require blood, sweet and tears! :-D
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Ecosystem Design

  1. 1. PabloSanchez EcosystemDesign Wuxy,China• Nov15th2014 @pabsanch User Friendly 2 0 1 4 EcosystemDesign PabloSanchez Wuxy,China• Nov15th2014
  2. 2. Director of User Experience Design with extensive hands-on and management background gained in fast-paced internet companies and large corporations in Europe, USA and Asia. PabloSanchez Team Leader: Builder of several UX teams –comprising interaction designers, researchers, visual designers, content strategists and front-end developers– for companies like HP, Yahoo!, Western Digital, Santander, monster.com. MADRID, SPAIN PRAGUE, CZECH REPUBLIC BOSTON, MA SINGAPORE CALIFORNIA, USA …and yes, I love coffee!
  3. 3. Anew interaction paradigm isemerging
  4. 4. These days We tend to use minimal interfaces...
  5. 5. ...or no interfaces at all
  6. 6. It seems like the cloud and the proliferation of mobile devices have profoundly changed consumer habits and expectations
  7. 7. Source: statista Mobile internet access continues to become more and more common across the globe. Ericsson predicts that the number of mobile internet subscriptions via smartphone, tablet or any other device with a cellular connection will grow to 6.4 billion by 2019. We demand access to everything, everywhere, anytime. Mobile internet subscriptions will reach 6.4billion in 2019 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 0.4 0.8 0.15 2.6 5.6 0.50 2b 4b 6b 8b Smartphones Mobile PCs, tablets and mobile routers Numberofmobileinternetsubscriptionsworldwide(inbillions)
  8. 8. In many categories, digital content is consumed almost exclusively on mobile devices now. According to comScore, the majority of mobile media usage is happening in apps, which for the first time accounted for more than 50% of time spent with digital media Primarily, We consume content on the go... Source: statista + comScore 60% 70% 80% 90% 100% Radio Photo Maps Instant Messangers Games Telecommunications Downloads Entertainment / Music Social Networking Directories / Resources Mobile Desktop ShareoftimespentwithselectedcontentcategoriesintheU.S.inMay2014 Mobile is taking over digitalmedia usage
  9. 9. Of Facebook's 1.07 billion mobile users, 399 million access Facebook exclusively on mobile devices, representing an increase of more than 80% over last year's second quarter and of almost 20% compared to the March quarter of 2014. 30% of facebook users are mobile only Smartphones play a key role in our (fragmented) digital lives 800 700 600 500 400 300 200 100 0 Q1 Q3 Q1 Q3 Q1Q2 Q2 Q2Q4 Q4 2012 2013 2014 Mobile-only Mobile & DesktopDesktop-only 671m 399m 247m Facebook’smonthlyactiveusers,brokendownbytypeofaccess(inmillions) Source: statista + Facebook
  10. 10. People spend more time looking at screens than ever mobile web + apps Internet video Time-shifted TV Game console Internet via PC Mobile Video DVD or Blu-Ray Player Live TV 07:04 03:47 02:09 01:46 01:43 00:26 -00:11 -00:34 Source: statista + Nielsen ChangeinmonthlytimeAmericansspentwithscreenmediaQ12014vs.Q12013(hh:mm) Smartphone usage has seen the biggest increase since last year's first quarter, with people now spending 7 hours more per month using apps or browsing on their mobile phones. On average, Americans still spent 160 hours a month watching traditional TV. Total screen time: 270 hours 14 minutes We live surrounded by devices that constantly demand our attention…
  11. 11. Deviceshifting is essential to our multi-task habits. Shopping online doesn’t mean “seated in front of a computer” anymore We constantly sWitch between devices in our daily tasks ... 87% Browsing the Internet Popular cross device activities: 67% Shopping Online 46% Managing Finances 43% Planning a Trip of people use multiple screens sequentially90% Source: Google / Ipsos / Sterling, 2012 a
  12. 12. 67% Shopping Online … and that’s the genesis of the ecosystem of devices around each one of us Not surprisingly, We expect our devices to be in sync With us ...
  13. 13. Interfaces must be dead simple so users can switch and multi-task E.g. the iOS inspired redesign of Messages on OS XYosemite let users work seamlessly across phones and computers
  14. 14. …so we can get things done independently of our preferred platform (iOS, android, PC, Mac) We also expect our devices to share information between them ...
  15. 15. So we never experience the heartbreaking loss of personal data We expect to migrate and backup our data effortlessly ... or the frustration of being locked into a platform
  16. 16. We expect our content to be protected across devices ... because privacy and security always come first
  17. 17. … and propagate our custom settings across all our devices We expect to personalize and save our preferences easily ...
  18. 18. and multi·play and collaborate like if we were in the same room
  19. 19. Last but not least... v
  20. 20. We expect this digital ecosystem to be so intuitive ... ...that you can’t do anything Wrong
  21. 21. The more complex the system the greater the need for simplicity
  22. 22. Let’s do a quick reality check ... B
  23. 23. Samsung Galaxy S4 Google Play Edition Nexus 7
  24. 24. Looks like Apple competitors are not doing much better ... R
  25. 25. A Better Ecosystem The fact that the iPhone is tied to iTunes — both the software and the store — has been a key part of its success. iCloud, along with its seamless backing up of photos and other content, has taken it a step further. Samsung's ecosystem is comparatively weak. The company has a jumble of multiple digital storefronts (called "hubs"), its horribly named "AllShare" cloud- storage system, plus some partnerships with third parties including Dropbox and SugarSync. Compared to Apple's single-storefront, set-up-once system, Samsung's is a mess. Samsung would do itself a world a good if, with the Galaxy S IV, it would finally offer a clear ecosystem. It should either cut away the partnerships and go all-in on its own system, or just use Google's, which isn't perfect either but at least Google Play is relatively consistent. 5 Ways the Samsung Galaxy Can Beat the iPhone Pete Pachal Pete Pachal is Mashable’s Tech Editor and has been at the company since 2011. In this position, he covers the technology industry, from self-driving cars to self-destructing smartphones.http://mashable.com/2013/02/26/samsung-galaxy-s4-vs-iphone/ ARTICLE EXCERPT
  26. 26. User-centered Ecosystems designing
  27. 27. The ultimate challenge for the neW generation of user experience designers is not designing isolated products... North Star •
  28. 28. Our goal is to design a user-centered ecosystem of
  29. 29. Our goal is to design a user-centered ecosystem of devices,
  30. 30. Our goal is to design a user-centered ecosystem of devices, objects
  31. 31. Our goal is to design a user-centered ecosystem of devices, objects and services,
  32. 32. Our goal is to design a user-centered ecosystem of devices, objects and services, across platforms
  33. 33. Our goal is to design a user-centered ecosystem of devices, objects and services, across platforms in a simple, delightful, and cohesive Way
  34. 34. The problem is that... this noble pursuit typically impacts entire organizationsmarketing software engineering design product strategy business units internationalization & legal departments hardware engineering HP purchased WEB OS in 2010 to unify its myriad of devices. The plan never got implemented. The sheer size of the company (324,000 employees) added huge coordination costs.
  35. 35. Thegrowing painsof corporations understanding
  36. 36. We could tell what people were doing by simple observation John F. Kennedy Presidential Library & Museum http://goo.gl/WldIRz Communication “Happiness is not in money but in shopping” - Marilyn http://goo.gl/Ssj63T Shopping Beforethedigitalrevolution Hemingway © Getty Images http://goo.gl/0LKptZ Content Creation Clark Gable © Getty Images http://goo.gl/dn5s5q Media Consumption
  37. 37. …we can’t tell anymore what people are doing Content Creation? Jimmy Wales | CC by Renato Targa | http://goo.gl/RnK0xb Communication? Media Consumption? Today Shopping?
  38. 38. …we knew what products to expect from a company Beforethedigitalrevolution
  39. 39. Beforethedigitalrevolution Content Creation Media RetailerCommunication
  40. 40. Content Creation Media RetailerCommunicationContent Creation? Today
  41. 41. Today Content Creation? Media RetailerCommunication?
  42. 42. Today Content Creation? Media? RetailerCommunication?
  43. 43. Today Content Creation? Media? Retailer?Communication?
  44. 44. AT&TEcosystem DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames consumer electronics 4
  45. 45. content creation | storage | distribution DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames consumer electronics AmazonEcosystem
  46. 46. content creation | storage | distribution DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames consumer electronics Google Ecosystem
  47. 47. content creation | storage | distribution DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames consumer electronics AppleEcosystem B
  48. 48. SOFTWARE ITUNES STORE Buy • Find media • Buy media • Buy games • Subscribe to podcasts SOFTWARE Manage ITUNES • Browse audio • Play audio • Rate audio • Add audio • Delete audio • Make playlist • Stream radio • Burn CDs Play IPOD HARDWARE • Browse audio • Play audio • Rate audio • Add audio • Delete audio • Make playlist • Stream radio • Burn CDs ThedigitalecosystemBIGBANG Diagram extracted from the book Subject to Change by Peter Merholz, Todd Wilkens & Brandon Schauer
  49. 49. “TheiPodisreallyjustsoftware.It’s softwareintheiPoditself,it’s softwareonthePCortheMac,and it’ssoftwareinthecloudforthestore. Andit’sinabeautifulbox,butit’s software. AlanKayhadagreatquotebackin the’70s.Hesaid:peoplethatlove softwarewanttobuildtheirown hardware.” –SteveJobs 5
  50. 50. expanding Case study: brand experiences in the universe of中国 workshop conducted with design students in Wuxy, China in Nov 2o14
  51. 51. LEGOEcosystem content creation | storage | distribution DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames physical products
  52. 52. Core Business LegoToday Lego produces roughly 36 billion plastic elements annually. New products launches account for approximately 60% of the LEGO’s sales to consumers: • LEGO Star Wars™ • LEGO Marvel Super Heroes • LEGO Legends of Chima • LEGO The Simpsons, etc. Videogames LegolandStoresMovies
  53. 53. Videogames LegolandStoresMovies Consoles OS apps iPhone apps http://tinyurl.com/ky3m345 Core Business iPad apps Android apps
  54. 54. Videogames LegolandStoresMovies Consoles OS apps iPhone apps Core Business iPad apps Android apps
  55. 55. Videogames LegolandStoresMovies Consoles iPhone apps Core Business iPad apps Android apps OS apps
  56. 56. Videogames LegolandStoresMovies Consoles iPhone apps Core Business iPad apps Android apps OS apps
  57. 57. Videogames LegolandStoresMovies Consoles iPhone apps Core Business iPad apps Web apps OS apps 6
  58. 58. LegolandStoresMoviesCore Business MiniSeries Videogames TV Shows Movies 7
  59. 59. LegolandStoresMoviesCore Business Videogames
  60. 60. LegolandStoresMoviesCore Business Videogames The Lego website had an average of 11-million individual visitors a month, with an average dwell time of approx. 22 minutes.
  61. 61. LegolandStoresMoviesCore Business Videogames
  62. 62. Userexperiencearisesfrom thesumtotalofinteractions withaorganization’sproductsandservices PeterMerholz-UXWeek2012 Thatincludesbusinessdevelopment, marketing,engineering, customerservice,retail aswellasproductandservicedesign.
  63. 63. thesumtotalof interactions withaorganization’sproductsandservices PeterMerholz-UXWeek2012 Thatincludesbusinessdevelopment, marketing,engineering, customerservice,retail aswellasproductandservicedesign. A great seamless Userexperiencearisesfrom
  64. 64. A great seamless interactions Userexperiencearisesfrom
  65. 65. May I earn VIP points with my purchases across LEGO®? 100 Points = $5 Reward
  66. 66. May I earn VIP points with my purchases across LEGO®? 100 Points = $5 Reward LEGO.com
  67. 67. May I earn VIP points with my purchases across LEGO®? 100 Points = $5 Reward LEGO.comStores
  68. 68. LEGO.comStores Legoland
  69. 69. Advice for experience designers: be Careful with these boundaries
  70. 70. Why?
  71. 71. every successful experience creates an expectation VIP points successfully added to user’s account! Physical Store
  72. 72. next time . . . Physical Store VIP points successfully added to user’s account!
  73. 73. Physical Store Amusement Park VIP points successfully added to user’s account! VIP points could not be added to user’s account. User gets totally disappointed
  74. 74. Physical Store Amusement Park every unsuccessful experience kills an expectation VIP points successfully added to user’s account VIP points could not be added to user’s account. User gets totally disappointed
  75. 75. Physical Store Amusement Park VIP points successfully added to user’s account Online Store User forgets about his/her loyalty program VIP points could not be added to user’s account. User gets totally disappointed
  76. 76. Physical Store Amusement Park VIP points successfully added to user’s account Online Store and most importantly… LEGO’s brand suffers. VIP points could not be added to user’s account. User gets totally disappointed
  77. 77. A great seamless Userexperience interactions arisesfrom With the BRAND
  78. 78. Users don’t know the intricacies of product design I guess this app works differently because it was designed with Android SDK version v3.6.1 No Way! This toy feels differently because it was requested by a fan community, designed by a subsidiary and manufactured by an OEM in Malaysia DesigningwithintheBrand
  79. 79. As designers our goal is to promote a consistent brand experience across all touchpoints it’s not consistency for consistency sake DesigningwithintheBrand
  80. 80. DesigningwithintheBrand As designers we can’t help asking ourselves HoW COOL this interaction would be ? Scanning a LEGO model into an iPad app and playing with it in 3D? COOL! designer
  81. 81. What this interaction would say about the brand ? but the question that should follow is: real customer I got this for my 4 year old son (…) I feel cheated. WoW! that’s pretty bad http://www.amazon.com/LEGO-Fusion-21205-Battle-Towers/dp/B00MGSJABY DesigningwithintheBrand
  82. 82. The more complex the ecosystem becomes the more careful We should manage any Brand expectations DesigningwithintheBrand http://www.lego.com/en-us/fusion/parents z OFFICIAL COMMUNICATION
  83. 83. LEGO lives by a set of corporate ‘promises’ including the ‘Play Promise’ that measures its success in creating a positive customer experience for the children that play with its toys… and a promise to the parents of those children that it will be a safe and educational experience. to company’s shareholders to society to customers to employees DesigningwithintheBrand
  84. 84. LEGO lives by a set of corporate ‘promises’ including the ‘Play Promise’ that measures its success in creating a positive customer experience for the children that play with its toys… and a promise to the parents of those children that it will be a safe and educational experience. to company’s shareholders to society to customers to employees Is this product stretching the brand beyond its limits? DesigningwithintheBrand
  85. 85. this successful experience created an expectation immediately enjoyable creative beyond limits engaging (family inclusive) DesigningwithintheBrand
  86. 86. this successful experience created an expectation immediately enjoyable creative beyond limits engaging (family inclusive) highly complex creatively restrictive family non-inclusive DesigningwithintheBrand
  87. 87. When brands groW unchecked redefining its brand architecture and its design language may reduce the growing pains a DesigningwithintheBrand
  88. 88. BrandArchitecture
  89. 89. BrandArchitecture
  90. 90. BrandArchitecture Disney Logo always displayed in the upper right corner TV channels display the distinctive WATCH mark Only videogames display this kind of eye-catching illustrations
  91. 91. 11 DesignLanguage
  92. 92. DesignLanguage
  93. 93. DesignLanguage
  94. 94. Non-linear Interactions designing
  95. 95. Linear Interactions Cecelia Weckstrom, head of the Lego Learning Institute developed an initiative to map customer experiences into a Customer Journey map. This example identifies opportunities for enhancing the customer experience of a flight from London to New York City. Source: Customer Experience Matters
  96. 96. Non-linear Interactions Most common interactions involve multiple touchpoints including online & mobile channel + physical experiences Source: Fitch.com
  97. 97. Non-linear Interactions Source: Fitch.com retailnext.net incontextsolutions.com shoppertrak.com getnomi.com How much do we really know about our customers? Research firms are stepping up
  98. 98. Most of definitions of Service Design and Interaction Design are interchangeable “ServiceDesignisallaboutmaking theserviceyoudeliveruseful,usable, efficientanddesirable” UKDesignCouncil
  99. 99. Most of definitions of Service Design and Interaction Design are interchangeable “ServiceDesignisallaboutmaking theserviceyoudeliveruseful,usable, efficientanddesirable” UKDesignCouncil InteractionDesign
  100. 100. tangible intangible >
  101. 101. tangible intangible > product design service design
  102. 102. tangible intangible > product design service design UI design visual design Industrial design . . . design of systems & processes Cross-disciplinary practice (including design, marketing, process engineering, etc) that results in the design of systems and processes aimed at providing a holistic service to the user – Copenhagen Institute of Interaction Design 2008
  103. 103. tangible intangible > product design service design design of systems & processes ? UI design visual design Industrial design . . .
  104. 104. product design tangible interaction design intangible > service design design of systems & processesUI design visual design Industrial design . . .Bill Moggridge
  105. 105. . . .Bill Moggridge Defining Interaction Design is not necessary Oh, no!
  106. 106. interaction design . . .Bill Moggridge Dan Saffer Defining Interaction Design is not necessary
  107. 107. interaction design . . .Bill Moggridge Dan Saffer Defining Interaction Design is not necessary Robert Fabricant - frog design
  108. 108. product design tangible interaction designUI design visual design Industrial design . . . intangible > service design design of systems & processes
  109. 109. product design tangible interaction designUI design visual design Industrial design . . . intangible > service design design of systems & processes
  110. 110. “Experiencedesignisthedesignofanything UX Week 2009 independentofmedium,oracrossmedia(…) Withhumanengagementasanexplicitgoal.” -JesseJamesGarrett https://vimeo.com/6952223
  111. 111. product design interaction designUI design visual design Industrial design . . . service design design of systems & processes USER EXPERIENCE A
  112. 112. ConceptMapping
  113. 113. ConceptMapping what’s important is the relationship between the two actors
  114. 114. Customer Journey There are many variants of this tool. Learn the basics and then adapt to each case and client a
  115. 115. Customer Journey think of each column as a phase or stage of the journey MANAGE ITUNES STORE • Find media • Buy media • Buy games • Subscribe to podcasts ITUNES • Browse audio • Play audio • Rate audio • Add audio • Delete audio • Make playlist • Stream radio • Burn CDs IPOD • Browse audio • Play audio • Rate audio • Add audio • Delete audio • Make playlist • Stream radio • Burn CDs PLAY BUY
  116. 116. Customer Journey think of each column as a layer of information that can be stacked vertically
  117. 117. Marc Stickdorn: Service Design Thinking CustomerJourney 10 m
  118. 118. CloudInteractions designing
  119. 119. SOFTWARE Let’s put together all the pieces of the interaction puzzle
  120. 120. SOFTWARE HARDWARE
  121. 121. SOFTWARE HARDWARE
  122. 122. PHYSICALSPACESSOFTWARE HARDWARE
  123. 123. SOFTWARE PHYSICALSPACES HARDWARE UserProfile
  124. 124. SOFTWARE PHYSICALSPACES HARDWARE UserProfile Rewards RecommendationsFavorites Preferences
  125. 125. UserProfile Favorites Amazon fire TV arrives home “pre-loaded” With user’s movies, music and Watchlist v
  126. 126. UserProfile Favorites Amazon fire TV arrives home “pre-loaded” With user’s movies, music and Watchlist v
  127. 127. Pablo heads off to Recommendations 中国 UserProfile
  128. 128. UserProfile Google NoW anticipates his needs With an info card informing him about his trip Recommendations
  129. 129. Hong Kong Recommendations UserProfile
  130. 130. Rewards UserProfile xbox SmartGlass is by far the best second- screen app available in all app stores ! See which friends are online and what they’re playing. See who’s on top in the leaderboard. Send and receive messages to brag about your score or challenge a friend.
  131. 131. Rewards UserProfile In conjunction With Kinect the users can noW control their video games and TV without a remote or controller!
  132. 132. Rewards UserProfile The app can keep users in the loop with notifications… The next gen version will provide Home automation (IOT)
  133. 133. Once loyalty programs are introduced in Google Wallet ...
  134. 134. Preferences UserProfile ...thereWards are automatically applied to every in-store purchase ...
  135. 135. Preferences UserProfile ...andtoevery online purchase.
  136. 136. Preferences UserProfile And users get notified on their Watches.
  137. 137. By the Way: You got a package!
  138. 138. Google Shopping Express Cloud-based interactions unify the user experience with common services and up-to-date data ...
  139. 139. Google Shopping Express Wireless interactions enable fast exchange of relevant info bits NFC 5
  140. 140. Which are provided by its public or private... API is an abbreviation of application program interface. It defines a set of functionalities in a very modular and reusable way. Each block of code performs one and only one function (such as register a new Loyalty program or delete an existing program) APIs
  141. 141. API is an abbreviation of application program interface. It defines a set of functionalities in a very modular and reusable way. Each block of code performs one and only one function (such as register a new Loyalty program or delete an existing program) APIs Loyalty cards in the cloud The Wallet Objects API allows Google Wallet users to access loyalty programs from any device with access to the cloud. Specifically, the Loyalty API allows Google Wallet users to add a loyalty program to their digital wallet, use Ioyalty information while making a purchase, and track and redeem awards. HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/
  142. 142. API is an abbreviation of application program interface. It defines a set of functionalities in a very modular and reusable way. Each block of code performs one and only one function (such as register a new Loyalty program or delete an existing program) APIs Loyalty cards in the cloud The Wallet Objects API allows Google Wallet users to access loyalty programs from any device with access to the cloud. Specifically, the Loyalty API allows Google Wallet users to add a loyalty program to their digital wallet, use Ioyalty information while making a purchase, and track and redeem awards. HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/ Remember me? I want to add my LEGO VIP card to Google wallet
  143. 143. function AddUserToLoyaltyProgram() User links to existing loyalty program from within Google Wallet app: a. Wallet app posts JSON signup information to your specified web service URL specified in your Discoverable (A feature of certain Wallet Object types, such as loyalty). There is a shared secret password in this request's header. b. If approved, you respond with JSON response containing the Loyalty Object representing user's specific representation of Loyalty Class. If rejected, you respond with JSON response containing rejection message. function SavetoGoogleWallet() Well, this is what LEGO developers should implement HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/
  144. 144. APIs are the most effective way to create viral ecosystems that connect with millions of users around the globe. Making things easy for any developer (inside and outside your organization) to create engaging services and scalable products is the first step to achieve sustainable growth. 8
  145. 145. http://goo.gl/HtlkHE Welcome to the future Web Components usher in a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself. Built atop these new standards, Polymer makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond. 9
  146. 146. Google APIs Google API Explorer https://developers.google.com/apis- explorer/#p/ z z z
  147. 147. There’s Good News for Designers APIs give designers a much richer toolbox than they’ve ever had before. We can now take advantage of capabilities on our devices, the wealth of knowledge stored in databases, and pull together resources to provide a richer experience for our users (…) Designers will need to make API education a regular part of their work activities. Experimentation opportunities, like internal one-day hackathons or “20%-time” side projects, give the designers and developers a way to try out and play with APIs to extend interesting experience ideas (…) APIs Are Designs Too To make APIs work, they need a design. The method of designing an API isn’t that different from any other user interface project, except the users are fellow developers and designers. We’re seeing a branch of UX design emerging that deals with creating easy to use and maintain APIs. They provide documentation, sandbox tools for testing functions, example code, and simple maintenance models for getting the API integrated and running quickly and effectively. It won’t be too long before our own organizations need to ask what could we build as an API for our own stuff? As designers, we can play a role in helping make our core competencies a integral part of other applications. APIs: The Future Is Now Jared M. Spool Jared M. Spool (1960-) is the founder of User Interface Engineering and a leading expert on user experience (UX) design. Originally published: Apr 04, 2013 http://www.uie.com/articles/api_future/ ARTICLE EXCERPT
  148. 148. SOFTWARE PHYSICALSPACES HARDWARE UserProfile PaymentsServerAuthServer GameServer
  149. 149. Share SyncBackup Collaborate one user one-to-many one user across multiple devices many-to-many across multiple devices unidirectional unidirectional across multiple devices bidirectional across multiple devices bidirectional x multiple users x devices peace of mind socialization device shifting collaboration users interaction unique perceived benefit there’s always a duplicate ‘unsharing' should be as easy as sharing My files are always up-to-date in every device (no duplicates) Mess can be reverted (accidental deletes, concurrent iterations..) users expectations
  150. 150. W “The prevalence of sequential usage makes it imperative that businesses enable customers to save their progress between devices. Saved shopping carts, signed-in experiences or the ability to email progress to oneself helps keep consumers engaged, regardless of device they used” Source: Think With Google
  151. 151. Wireless Interactions designing
  152. 152. Disney Band has a RFID chip that let users swipe their bands to pay at any register in Disney World, access express lines and unlock their hotel room. Sensors hidden in the Be My Guest restaurant can detect customer presence from up to 40 feet away. RFID
  153. 153. Bluetooth
  154. 154. Beacons
  155. 155. SweetHomeLAN
  156. 156. HPweb-connectedecosystem HP Photosmart Premium with TouchSmart Web 12
  157. 157. HPinstantink
  158. 158. HPinstantink 14+15
  159. 159. WDMyCloud
  160. 160. http://www.wdmyclouddemo.com/
  161. 161. DLNA 16
  162. 162. PhilipsHueLux 18
  163. 163. PhilipsHueLux 18
  164. 164. BelkinWeMo D-Link’s new Wi-Fi Smart Plug (DSP-W215) now lets you monitor and control your home’s electronic devices from anywhere using Dlink’s free app for iOS and Android smartphones or tablets. The device offers a convenient way to automate home and control devices from the user’s smartphones and tablets. The Wi-Fi Smart Plug comes with a built-in thermal sensor that will automatically shut off connected devices if they overheat. The mydlink Wi-Fi Smart Plug features a simple one-button installation – users press the WPS button on their existing router and on the Smart Plug, and then download the mydlink Smart Plug mobile app to start setup.
  165. 165. AppleHomeKit 19
  166. 166. 中国 User Friendly 2014 Thanks foryour attention @pabsanch

×