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

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. wtf will designers be
doing in 5 years?

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

9. 📰 🖥 📱 🔮% % % ?

10. 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

11. 🤖 BOT DESIGN 🤖

12. Image: Bjork (All is Full of Love)

13. Source: TechCrunch (Cleo App)

14. AutoDesk/Soul Machines

16. Natural Language Processing (NLP)
Order
Purchase
Buy
me a
beanie
hat
toque

17. Twitch: @seebotschat

18. there's an app for that
there's a bot for that

19. Source: MIT Technology Review

20. 🤖 👚
❤
🎉
🤖📊
/
💵
enthusiastic
energetic
youthful
reaffirming
direct
wise

21. 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?

22. Image Source: Mariya Yao, TOPBOTS

23. 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

24. 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

25. 💬 VOICE DESIGN 💬

29. Amazon Echo Look Promotional Video

30. “burger sandwich debate”
“Alexa, is a burger a sandwich?”

31. “I'll take two, to go”

32. 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”

35. 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/

36. 🧠 MACHINE LEARNING DESIGN 🧠

37. 🤖 1
"this is food"
"k."
🍕 🍫🍿
🤖 1
"what's this?"
"I think that's food"
🌭
"good robot"

38. 🤖
"I know what food is"
6
"tf if I care, so do I"
1
"I can make this technology
useful somehow"
UserAI Designer

39. 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.

40. 7 🤖
"Disney!" "Three circles"

41. 🥤
🥡
🥟
🍔
🍟
🍵
🌮
🥗
🍹
🥩
🥖
🍷

42. 🥤
🥡
🥟 🍔
🍟
🍵
🌮 🥗
🍹 🥩
🌭🍕

43. 🥤
🥡
🥟
🍔
🍟 🍵
🌮
🥗
🍹 🥩
🍷
🥒
🍕

45. 🥡 🥟
🍔
🍟
🌮
🥗
🥩
🥖 👠
🥔 🍿
90% confidence
(true positive)
5% confidence
(true negative)
60% confidence
(false positive)
40% confidence
(false negative)
🤖
if confidence > 50%,
present as option

46. https://affinelayer.com/pixsrv/ - Image to Image Demo by Christopher Hesse

47. https://affinelayer.com/pixsrv/ - Image to Image Demo by Christopher Hesse

49. bad data input + bad design = bad outcomes

50. 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"

51. 🚆 VR/AR DESIGN 🚆

53. Facebook AR Studio

54. Source: TechCrunch

55. Keiichi Matsuda

56. Ogilvy Brazil and Lobo

57. Photo: Maurizio Pesce

58. Source: Samadrita Das (Medium)

60. Source: Gearbrain

61. 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"

62. ⌚ WEARABLE DESIGN ⌚

64. DuoSkin by MIT Media Lab

66. Blinklifier by Dr. Patricia Flanagan

68. MIT FingerReader

69. Credits neededPeripherii’s “hearables”

73. [stitchkit]

74. 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

75. 📰 🖥 📱
🤖
% % %
💬⌚
🧠
🚆
G

76. 🧠
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
🍕

77. BEYOND SCREENS
The Future of Design Careers
Twitter: @chelscore Instagram: @chelscore or @lumencouture facebook.com/chelseaklukas chelsea.klukas@gmail.com
www.chelscore.com