2017 TRENDS

인공지능으로 본 2017년 UX/인터랙션 디자인 트렌드 및 인사이트

카카오 UX팀 인터랙션디자인파트 강운봉
WEBWORLD TREND CONFERENCE 2017
인터랙션 디자이너 강운봉

카카오 UX팀 최고의 UX를 위해 인터랙션을 구현하고 있습니다.

• 카카오톡, 다음, 파란

• 푸딩얼굴인식, 아임인, 올레맵 지하철 노선도, 현대 CI NET

• 카카오톡 인터랙션 가이드, Smart Watch, Gesture, Voice, Chatbot 연구
2017 상반기 IT 업계 컨퍼런스

F8, CES, MWC, WWDC, SXSW, Google I/O
Most Important Online Trends Affecting User Experience

based on a survey of 2,238 professionals across a range of industries.

“What do you think will be the most important online trends affecting user experience in the next 5 years?”

Artificial Intelligence

Multi-Device Interaction

Internet of Things

Voice Interaction

Virtual Reality / Augmented Reality

Omnichannel Experiences

Global UX Design

Wearable Tech

Touch Interfaces

Gesture-Based Interaction

Other
http://www.marketingcharts.com/
AI / BOT / VOICE

인공지능의 가속화 그리고, 대화형 UX
AI SPEAKER

CHATBOT

AR / VR

VOICE INTERACTION

CONVERSATIONAL UX
TREND KEYPOINT

현실세계와 디지털의 융합을 통한 깊이있는 사용자 경험.
ARTIFICIAL INTELLIGENCE
당신이 기대하고 있는 인공지능은?
SINGULARITY TIMELINE

Rise in human intellect could be driven by integrating with machines in the future
이케아의 SPACE10(미래의 생활 연구소) - do you speak human?”
http://doyouspeakhuman.com/
http://doyouspeakhuman.com/
MEET THE AI OF THE MANY PEOPLE
인공지능에게 바라는 유저들의 기대

인간다운, (73%)

종교적이지는 않으며, (74%), 

가치관과 세계관이 있는, (68% )

감정을 감지하고 반응했으면, (87%)

순종적이면서, (45%)

실수를 하지 않았으며 좋겠다. (74%)
Consumer Views Regarding AI and Customer Service

based on a survey of 6,000 adults in North America, EMEA, and APAC

Q1. The Present

How much do you agree that AI can provide the same, if not better, levels of customer service than a human can today?

Q2. The Future

How much do you agree that AI has the potential to improve customer service?
http://www.marketingcharts.com/
Machine Learning & UX
AI 인공지능

Machine Learning 기계학습

Deep Learning 알고리즘
google trends 2012.07 - 2017.07 / Worldwide

- 97 Machine Learning

- 86 Big Data 

- 55 Data Science

- 48 Artificial Intelligence

- 38 Deep Learning
Google.ai

Bringing the benefits of AI to everyone

https://ai.google/
Cloud TPUs

Google’s second-generation Tensor Processing Unit is coming to Cloud

Google’s new Cloud TPUs deliver up to 180 teraflops of machine learning acceleration

※ 1테라플롭스 1초에 1조번의 연산
https://ai.google/
Sundar Pichai CEO, Google Inc.

“Machine learning and artificial intelligence are unlocking capabilities that were unthinkable only a few years ago.”
https://aiexperiments.withgoogle.com/google.ai

a.i experiments
https://www.youtube.com/watch?v=oOwfiYnRi5c
A.I. Experiments: Making it easier for anyone to explore A.I.
https://www.youtube.com/watch?v=OFC3HAw-NFY
AI じゃんけん

라쿠텐의 라쿠텐기술연구소(楽天技術研究所)에서 AI를 이용한 승률 99.9%의 가위바위보 게임. 약 10 만 건의 사람 손 움직임을 학습해 카메라로 상대의 움직을 바로 읽는 방식.
http://www.sciencealert.com/watch-tesla-s-autopilot-predicts-a-crash-freakishly-early
Tesla's Autopilot Predicts a Crash Freakishly Early

twitter @HansNoordsij

Tesla's CEO Elon Musk explained that the company's new autopilot service is constantly learning and improving thanks to machine learning algorithms, the car's wireless connection, and detailed mapping and sensor data that Tesla collects.
kakao. 카카오 AI
http://kakaocorp.com
바라보는 세상

당신에게 꼭 필요한 인공지능

카카오톡, 카카오택시와 같이 전국민이 언제 어디서나 쉽고 편리하게 사용할 수 있는 인공지능을 준비합니다.
http://kakaocorp.com
kakao ai

structure & ecosystem
AI Secretary
google - google assistant / amazon - alexa / apple - siri / microsoft - cortana / kt - giga genie / skt - nugu / samsung - bixby / naver - clova
- the alexa ecosystem

- alexa skills kit

- alexa voice service
https://clova.aiNAVER - Clova
AI Speaker
https://www.apple.com/homepod/apple - HomePod
apple - HomePod
https://www.apple.com/homepod/
Senses the room and tunes the music. All by itself.

https://www.apple.com/homepod/
https://www.youtube.com/watch?v=Ya-FLuAx26Q
Home on iOS 10 (Apple HomeKit) feature video
google home
https://madeby.google.com/intl/en_us/home/
google assistant.

meet your google assistant.

ask it questions. tell it do things. it’s your own personal google, always ready to help.
https://madeby.google.com/intl/en_us/home/
google home - control your smart home.
https://madeby.google.com/intl/en_us/home/
amazon / amazon echo / amazon echo - dot / amazon echo - tap
amazon echo - show / amazon echo - look
https://www.youtube.com/watch?v=WQqxCeHhmeU
amazon echo - show
https://www.youtube.com/watch?v=9X_fP4pPWPw&t=1s
amazon echo - look
clover - wave
http://store.clova.ai/ko/
https://www.youtube.com/watch?v=WYy2oJe9QTI
clover - wave
smart speaker champ / clove inside
smart speaker champ / clove inside
gatebox / clova
https://www.youtube.com/watch?v=nkcKaNqfykg
gatebox / clova
https://kakao.ai
KAKAO MINI

카카오의 스마트 스피커가 곧 깨어납니다.
CONVERSATIONAL UX
http://www.marketingcharts.com/
Top Use Cases for Smart Speakers

among households owning the device, based on a comScore Custom Survey of US households conducted in Q1 2017

General questions

Weather

Stream music

Timers / Alarms

Reminders / To do

Calendar

Home automation

Stream news

Find local businesses

Playing games

Bluetooth audio

Audiobooks

Order products

Order food / Services

Podcasts
Voice-First Device Footprint
대화형 음성 인터페이스를 설계할 때 중요한 UX 요소

1. 편안함을 느끼는 말투와 목소리.

2. 길지 않고 정확한 응답 설정.

3. 유저가 필요한 의도의 정의.

4. 스킬의 다양화와 확장성

5. 과하지 않은 컨펌 플로우

6. 개인화된 콘텐츠 알고리즘
https://aiyprojects.withgoogle.com/voice kit - aiy projects
https://aiyprojects.withgoogle.com/voice kit - aiy projects
https://www.youtube.com/watch?v=upwcDQnQhIs
https://aiyprojects.withgoogle.com/voice kit - aiy projects
ㅅ
https://dribbble.com/shots/3392150-Smarthome-app-Voice-Control https://dribbble.com/shots/3580268-Chat-bot-and-Voice-command https://dribbble.com/shots/3613801-Tap-to-speakhttps://dribbble.com/shots/2667312-Hello-Dribbble
https://blackfin360.com/2017/06/01/5-midyear-trends-to-watch-in-2017/
Bot Builder
https://brunch.co.kr/@pilsogood/3
by KAKAO UX팀 인터랙션디자인파트챗봇 개발 구조

챗봇 UI/UX를 확인하기 위해서 메신저 플랫폼과 챗봇 빌더 위주로 분석

Messenger platform 챗봇이 실행되는 환경

Chatbot builder 챗봇을 제작하기 위한 도구

Development 개발자가 직접 제작 

NLP Engine 자연어를 처리할 수 있는 엔진
Google - api.ai https://api.ai/
Facebook - wit.ai https://wit.ai/
Chatfuel https://chatfuel.com/
IBM - Watson https://www.ibm.com/watson/developercloud/conversation.html
api.ai
아이유 노래 틀어줘
아이유 노래 틀어줘
아이유 노래 틀어줘

개체 / 사용자 의도
아이유 노래 틀어줘

Entity / Entity / Intent
아이유 노래 틀어줘

Entity / Entity / Intent

Artist / Song Title / Play Song
자이언티 노래 틀어줘
자이언티 노래 틀어줘

Entity / Entity / Intent

Artist / Song Title / Play Song
CHATBOT UX
https://www.youtube.com/watch?v=gJwE9I2QnC8
Facebook M Assistant in Messenger
- Facebook Added Three More Suggestions From M to Messenger and Launched the Feature in Spain

- Save content, send birthday wishes, make calls
http://www.adweek.com/digital/facebook-three-more-suggestions-from-m-messenger/
- Facebook Added Three More Suggestions From M to Messenger and Launched the Feature in Spain

- Save content, send birthday wishes, make calls
http://www.adweek.com/digital/facebook-three-more-suggestions-from-m-messenger/
- Facebook Added Three More Suggestions From M to Messenger and Launched the Feature in Spain

- Save content, send birthday wishes, make calls
http://www.marketingcharts.com/Millennials’ Interest in Branded Chatbots

based on a survey of 500 US adults aged 18-34

Q1. Are you interested in chatbots from major brands?

Q2. Likelihood of purchasing items and services from brands via chatbots
STRUCTURE
by KAKAO UX팀 인터랙션디자인파트TYPE 1. 하나의 봇과의 대화 (단일 도메인)

1:1 대화방 / 단체 톡방
by KAKAO UX팀 인터랙션디자인파트
TYPE 1. 하나의 봇과의 대화 (단일 도메인)

line kakaotalk messanger skype kik viber telegram
by KAKAO UX팀 인터랙션디자인파트TYPE 2. 중개 봇과의 대화 (다수의 전문 봇과의 연결)

중개봇 food weather news
by KAKAO UX팀 인터랙션디자인파트TYPE 2. 중개 봇과의 대화 (다수의 전문 봇과의 연결)

luka
by KAKAO UX팀 인터랙션디자인파트TYPE 3. 전지전능한 봇과의 대화 (멀티 도메인)

1:1 대화방 / 단체 톡방
by KAKAO UX팀 인터랙션디자인파트TYPE 3. 전지전능한 봇과의 대화 (멀티 도메인)

Google Allo google assistant
FLOW
by KAKAO UX팀 인터랙션디자인파트TYPE 1. 키워드형 (정해진 테스크가 없이 키워드에만 반응)
by KAKAO UX팀 인터랙션디자인파트TYPE 2. ARS형 (정해진 테스크에 따라 키워드에만 반응)
by KAKAO UX팀 인터랙션디자인파트TYPE 3. 인공지능형 (사용자 의도를 파악하여 테스크를 수행)
NLP Natural Language Processing
컴퓨터를 이용하여 사람 언어의 이해, 생성 및 분석을 다루는 인공 지능 기술
1. ENGLISH VS 한국어

2. Can I help you? 무엇을 도와 드릴까요?

3. 조사/부사 처리 : 형태소 분석.

4. 반말/존댓말

5. 외래어/사투리/줄임말
인간에게 쉬운 일이 컴퓨터에겐 어렵고, 인간에게 어려운 일이 컴퓨터에겐 쉽다.

모라벡의 역설 (Moravec‘s paradox)
이메일 : hello@lain.kr
웹사이트 : http://lain.kr
페이스북 : https://www.facebook.com/unbong.kang
브런치 : https://brunch.co.kr/@lain

인공지능으로 본 2017년 UX/인터랙션 디자인 트렌드 및 인사이트