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.

Beyond Screens: Design Careers of the Future

109 views

Published on

Chelsea Klukas
Facebook
Overview
Over the past few decades, the definition of a designer has rapidly evolved alongside technology. From print, to web, to mobile, the roles of professional designers have shifted, as have the tools, skills, and challenges they face every day. As interfaces continue to expand beyond handheld devices, what will the role of designers be in 5 or 10 years from now? This presentation will explore design specializations that are already emerging and will become increasingly relevant in the future including voice, biometric design, and machine learning design. It will highlight the challenges these designers face, the tools and skills that are needed, and what you can do now to get up to speed with these developing fields.

Objective
Surface design roles that will be increasingly relevant over the next 5-10 years and and the tools, skills, and challenges associated with them.

Target Audience
Design, product management, and creative roles.

Five Things Audience Members Will Learn
An overview of:

Voice design
AI design
VR/AR design
Wearable design
Machine learning design

Published in: Design
  • Be the first to comment

Beyond Screens: Design Careers of the Future

  1. 1. BEYOND SCREENS The Future of Design Careers Twitter: @chelscore Instagram: @chelscore or @lumencouture facebook.com/chelseaklukas chelsea.klukas@gmail.com www.chelscore.com
  2. 2. wtf will designers be doing in 5 years?
  3. 3. Chelsea Klukas: @chelscore facebook.com/chelseaklukas BeauCoo Social Shopping App Creative Director MakeFashion Fashion + Technology Co-Founder Amazon (Spark) Shoppable Feed UX Design Manager Amazon (Echo Look) Voice-Enabled AI Assistant UX Design Manager Facebook Product Design Manager
  4. 4. 📰 🖥 📱 🔮% % % ?
  5. 5. what is it? why is it relevant? what are the unique challenges? how do I learn more? 🤖 BOT DESIGN 💬 VOICE DESIGN 🧠 MACHINE LEARNING DESIGN 🚆 VR/AR DESIGN ⌚ WEARABLE DESIGN
  6. 6. 🤖 BOT DESIGN 🤖
  7. 7. Image: Bjork (All is Full of Love)
  8. 8. Source: TechCrunch (Cleo App)
  9. 9. AutoDesk/Soul Machines
  10. 10. Natural Language Processing (NLP) Order Purchase Buy me a beanie hat toque
  11. 11. Twitch: @seebotschat
  12. 12. there's an app for that there's a bot for that
  13. 13. Source: MIT Technology Review
  14. 14. 🤖 👚 ❤ 🎉 🤖📊 / 💵 enthusiastic energetic youthful reaffirming direct wise
  15. 15. intro hi there, how are you?
 I'm shoebot, here's what you can ask me: [browse shoes, sales, track order] track order your order of [order items] is out for shipping with a delivery date of [delivery date] would you like more details or to cancel your order? more details the FedEx tracking link is [FedEx Tracking URL], is there anything else I can help you with? thanks thank you, have a great day! order not found we don't have any open orders on file for you, would you like to speak with a customer service agent? order delayed I'm sorry, but your order of [order items[ has been delayed. Your new delivery date is [delivery date]. Is there anything else I can help you with? cancel order please confirm cancellation of your order of [order items] confirm cancel your order [order number] has been canceled.Is there anything else I can help you with?
  16. 16. Image Source: Mariya Yao, TOPBOTS
  17. 17. 69% prefer chatbots over apps 43% would prefer to interact with a human 2018 research conducted by Salesforce of 1000 USA residents aged 18-64
  18. 18. Book: Designing Bots: Creating Conversational Experiences (O’Reilly) http://www.amazon.com/Designing-Bots-Creating-Conversational-Experiences/dp/1491974826/r WHERE TO START: BOT DESIGN Blog: Chatbots Magazine http://chatbotsmagazine.com Design/Prototyping Tool: BotSociety https://botsociety.io I'll share these links on twitter @chelscore and my Facebook Page "Chelsea Klukas" Messenger Bot Tool: ChatFuel http://chatfuel.com
  19. 19. 💬 VOICE DESIGN 💬
  20. 20. Amazon Echo Look Promotional Video
  21. 21. “burger sandwich debate” “Alexa, is a burger a sandwich?”
  22. 22. “I'll take two, to go”
  23. 23. Homescreen > Uber Eats > Sort by Cuisines: American > Joe’s Restaurant > 1 burger > Confirm Address > Payment type > Checkout > Confirm Order “Order me a burger from Joe’s”
  24. 24. Book: Designing Voice User Interfaces: Principles of Conversational Experiences (O’Reilly) https://www.amazon.com/Designing-Voice-User-Interfaces-Conversational/dp/1491955414/ WHERE TO START: VOICE DESIGN Amazon: Alexa Voice Design Guide https://developer.amazon.com/designing-for-voice/ I'll share these links on twitter @chelscore and my Facebook Page "Chelsea Klukas" Prototyping Tool: Sayspring https://www.sayspring.com/
  25. 25. 🧠 MACHINE LEARNING DESIGN 🧠
  26. 26. 🤖 1 "this is food" "k." 🍕 🍫🍿 🤖 1 "what's this?" "I think that's food" 🌭 "good robot"
  27. 27. 🤖 "I know what food is" 6 "tf if I care, so do I" 1 "I can make this technology useful somehow" UserAI Designer
  28. 28. If I just ordered a $300 mixer, I probably don't want to see another $300 mixer. ...but I might want the accessories to go with it.
  29. 29. 7 🤖 "Disney!" "Three circles"
  30. 30. 🥤 🥡 🥟  🍔 🍟 🍵 🌮 🥗  🍹 🥩 🥖  🍷 
  31. 31. 🥤 🥡 🥟 🍔 🍟 🍵 🌮 🥗  🍹 🥩 🌭🍕 
  32. 32. 🥤 🥡 🥟  🍔 🍟 🍵 🌮 🥗  🍹 🥩 🍷  🥒  🍕 
  33. 33. 🥡 🥟  🍔 🍟 🌮 🥗  🥩 🥖  👠  🥔  🍿  90% confidence (true positive) 5% confidence (true negative) 60% confidence (false positive) 40% confidence (false negative) 🤖 if confidence > 50%, present as option
  34. 34. https://affinelayer.com/pixsrv/ - Image to Image Demo by Christopher Hesse
  35. 35. https://affinelayer.com/pixsrv/ - Image to Image Demo by Christopher Hesse
  36. 36. bad data input + bad design = bad outcomes
  37. 37. Book: Machine Learning for Designers (O’Reilly) http://www.oreilly.com/design/free/machine-learning-for-designers.csp WHERE TO START: MACHINE LEARNING DESIGN Google Tool: Teachable Machine http://teachablemachine.withgoogle.com Tool: Wekinator http://www.wekinator.org I'll share these links on twitter @chelscore and my Facebook Page "Chelsea Klukas"
  38. 38. 🚆 VR/AR DESIGN 🚆
  39. 39. Facebook AR Studio
  40. 40. Source: TechCrunch
  41. 41. Keiichi Matsuda
  42. 42. Ogilvy Brazil and Lobo
  43. 43. Photo: Maurizio Pesce
  44. 44. Source: Samadrita Das (Medium)
  45. 45. Source: Gearbrain
  46. 46. Facebook: Camera Effects Platform https://www.facebook.com/fbcameraeffects/home/ WHERE TO START: VR/AR DESIGN Facebook: AR Studios Creators Group https://www.facebook.com/groups/289750598103656/about/ Google: AR and VR Blog https://blog.google/products/google-vr/ I'll share these links on twitter @chelscore and my Facebook Page "Chelsea Klukas"
  47. 47. ⌚ WEARABLE DESIGN ⌚
  48. 48. DuoSkin by MIT Media Lab
  49. 49. Blinklifier by Dr. Patricia Flanagan
  50. 50. MIT FingerReader
  51. 51. Credits neededPeripherii’s “hearables”
  52. 52. [stitchkit]
  53. 53. MakeFashion http://makefashion.org WHERE TO START: WEARABLE DESIGN Wearable Tutorials https://wearabletutorials.com Blog: FashNerd http://fashnerd.com I'll share these links on twitter @chelscore and my Facebook Page "Chelsea Klukas" Blog: Wareable http://www.wareable.com
  54. 54. 📰 🖥 📱 🤖 % % % 💬⌚ 🧠 🚆 G
  55. 55. 🧠 machine learning to determine best pizza for your current mood 🖲pizzamator 2023 ⌚ fashionable pizza-shaped earrings that sense brainwaves when you think of pizza 💬 conversational interface to confirm delivery address. 🚆 AR visualization of the pizza before ordering 🍕
  56. 56. BEYOND SCREENS The Future of Design Careers Twitter: @chelscore Instagram: @chelscore or @lumencouture facebook.com/chelseaklukas chelsea.klukas@gmail.com www.chelscore.com

×