2020 UX
화두 및 통찰
2019
Billy(최병호)
고려대학교 Human-inspired AI & Computing 연구소
Assistant Professor
Facebook: ILOVEHCI, Kakaotalk: INNOUX
Research Data: http://www.slideshare.net/BillyChoi/
AI-Social Innovation-BM Trends: https://www.facebook.com/billynewtrends
BillyChoi@Gmail.com , ILOVEHCI@korea.ac.kr
© 2019 Billy All rights reserved.2020 UX 화두 및 통찰
Table of Contents
• 왜 2020년에도 UX 디자인은 필요한가?
• CASE STUDY & UX
#1-1. 지능형 시니어 맞춤 포탈 UX
• CHALLENGE & UX
#2-1. 지능형 노이즈 캔슬링 UX
#2-2. 지능형 패션 수요・판로 예측 UX
#2-3. AGI UX
1
2
왜 2020년에도 UX디자인은 필요한가?
© 2019 Billy All rights reserved.2020 UX 화두 및 통찰
왜 2020년에도 UX디자인은 필요한가? 정신병원 만들지 않기 위해서?!
“이제 네가 사는 세상으로 내가 들어온 거야!”
Source:
• 드라마 <나의 나라> 8회
• People Need Fewer Choices, Weinschenk, Susan, 2016, 100 MORE Things Every Designer Needs to Know About People, Pearson Education)
우리의 나라 → 나의 나라
DATA ⇒ AI ⇒ UX
ATTENTION ECONOMY →
PULL ECONOMY
ANTICIPATORY DESIGN
(About making and implementing
decisions for the user—automatically,
and without user input. The goal is not
to help the user make a decision, but to
anticipate what the user needs and just
do it.)
Source: 드라마 <우아한 가> 13부
“내가 빼 준다고 그랬지!”
SUSTAINABILITY
LOVE ≒
USE-VALUE +
SIGN-VALUE +
RELATION-VALUE
MOTIVATION
HABIT
© 2019 Billy All rights reserved.2020 UX 화두 및 통찰 6
SOURCE: https://www.springboard.com/blog/improve-ux-with-ai-machine-learning/
How AI Improves UX
AI and UX share the same end goal.
Both are designed to interpret human
behavior and anticipate what someone
will do next.
Predictive analytics is at the foundation
of both, and it’s this intersection that
creates an opportunity for both
companies and customers.
7
#1-1. 지능형 시니어 맞춤 포탈 UX
CASE STUDY & UX
Source: http://health.chosun.com/site/data/html_dir/2015/11/12/2015111201608.html
Source: 고려대학교 Human-inspired AI & Computing 연구소
스마트시니어 인지 반응 유형
스마트 시니어 플랫폼
Source: 고려대학교 Human-inspired AI & Computing 연구소
Source: 고려대학교 Human-inspired AI & Computing 연구소
시니어/주니어 인지능력 비교 분석
• 시니어/주니어인지능력비교분석(시니어56명,주니어32명대상)
- 에딘버러 검사, 동영상자막 확인 검사, Word span 검사, 색상어휘판단 과제, 언어중추확인 과제, Tower of London 과제,
글자크기만족도검사,N-back,UFOV과제,정서지각검사수행을통한시니어/주니어인지능력비교분석수행
[동영상자막확인검사 수행 결과] [word span 과제 수행 결과] [색상어휘판단과제 수행 결과] [언어중추확인과제 수행 결과]
[TOL 과제 수행 결과] [글자크기만족도검사 수행 결과] [n-back 과제 수행 결과] [색상어휘판단과제 수행 결과]
[UFOV 과제 수행 결과] [Tapping 과제 수행 결과] [정서지각 검사 수행 결과] [동영상자막확인 검사 수행 결과]
Source: 고려대학교 Human-inspired AI & Computing 연구소
Cognition + 28
Sensibility - 24
Culture + 0
Cognition + 21
Sensibility - 23
Culture + 06
감각 ・ 운동능력 측정
최소 평균 최대
시력 50 62 69
청력 45 65 71
운동 41 23 53
인지능력 측정
집행기능 -9 %
문제해결능력 10.2 %
작업기억 12 %
정서기능 15 %
스마트 시니어 인지 ・ 감각 ・ 운동능력 분석
Cognition
Sensibilit
y
스마트 시니어 프로파일
Cognition + 20
Sensibility - 25
Culture + 45
스마트 시니어
모델링
스마트시니어 인지반응 유형콘텐츠 서비스 시니어 모드
UX 가이드라인
Source: 고려대학교 Human-inspired AI & Computing 연구소
Source: 고려대학교 Human-inspired AI & Computing 연구소
Source: 고려대학교 Human-inspired AI & Computing 연구소
Source: 고려대학교 Human-inspired AI & Computing 연구소
Source: 고려대학교 Human-inspired AI & Computing 연구소
Source: 고려대학교 Human-inspired AI & Computing 연구소
Source: 고려대학교 Human-inspired AI & Computing 연구소
Source: 고려대학교 Human-inspired AI & Computing 연구소
뷰어 및 플레이어 기반 맞춤형 시니어 모드 적용 콘텐츠 변환 기술 개발
UX/UI가이드라인에맞추어설계된시니어프로파일정보를기반으로동작하는뉴스(텍스트),앨범(사진),동영상,전자책(e-Book),
오디오플레이어를개발함
뉴스
가이드라인을 적
용한 Web
Viewer 개발
가이드라인을 적
용한 Mobile
App Player개
발
앨범(사진)
가이드라인을 적
용한 Web
Viewer 개발
가이드라인을 적
용한 Mobile
App Player 개
발
동영상
가이드라인을 적
용한 Web
Viewer 개발
가이드라인을 적
용한 Mobile
App Player 개
발
음악
가이드라인을 적용
한 Web Viewer
개발
가이드라인을 적
용한 Mobile
App Player 개
발
전자책
가이드라인을 적용
한 Web Viewer
개발
가이드라인을 적
용한 Mobile
App Player 개
발
• 간소화 적용
• 설정 UI 통일
• 측정도구와 연계
• 모든 버전
동일 프로파일 적용
프로파일 적용
• 3가지(일반, 강한, 흑
백) 테마적용
• 시니어 3가지 모드
(A,B,C) 적용
• 페이징/스크롤 부드러
운 전환
• 개발된 프로파일에 맞
춘 스타일 속성 세분화
• 좌/우 반전 모드 적용
• Web/App 환경적용
• 반응형 웹 기술적용
주요개발 내용
21
#2-1. 지능형 노이즈 캔슬링 UX
CHALLENGE & UX
지능형 노이즈 완화 기술
반려동물의 짖음을 노이즈로 간주하고, 해당 노이즈를 완화시키는 기술
노이즈 수집
특정 공간 내의
노이즈 수집
ANNOTATION
기계가 식별할 수
있는 레이블 부여
노이즈 분류
레이블 부여한 노이즈를
클러스터링하고, 완화할 타깃
노이즈 클러스터 선정
노이즈 생성
완화할 타깃 노이즈 클러스터
대상으로, 새로운 노이즈(화이트
노이즈)를 자동으로 생성
노이즈 제거
화이트 노이즈를 제공하여
타깃 노이즈를 완화함
노이즈 예측
완화시켜야할 새로운 노이즈가 등장했을 경우,
자동으로 타깃 노이즈를 완화시킴
Source: 고려대학교 Human-inspired AI & Computing 연구소
지능형 주종 매핑 기술
반려견과 반려견의 주인을 지능적으로 매핑시키는 기술
GATHERING
특정 공간 내에서 사람의 안면 데이터와 반려견의 안면 데이터
그리고 반려견의 주인과 반려견의 관계를 규정할 수 있는 데이터
수집
ANNOTATION
수집한 안면 데이터 및 관계 관련 데이터에 기계가 식별할 수 있는
코드 부여
CLUSTERING
반려견의 주인과 반려견을 클러스터링할 수 있는 기준을 적용하여
자동으로 클러스터링 수행
PRECDICTION
특정 공간 내에서 새로운 반려견의 주인과 반려견이 등장할 경우,
자동으로 반려견의 주인과 반려견을 매핑시킴
Source: 고려대학교 Human-inspired AI & Computing 연구소
지능형 상해 예측 기술
반려견이 사람에게 상해를 입히지 못하도록 예방하는 기술
ANNOTATION
수집한 행동 데이터에 기계가 식별할 수 있는 코드 부여
CLUSTERING
코드를 부여한 행동 데이터를 클러스터링하고, 상해가 예측되는
클러스터 선정
GATHERING
특정 공간 내에서 매핑된 반려견의 주인과 반려견 외에 등장한
사람의 안면 데이터와 행동 데이터 수집
PRECDICTION
특정 공간 내에서 반려견의 주인이 아닌 사람이 반려견에게 접근하여
상해가 예측되는 행동을 하려고 했을 경우, ‘상해 리스크가 예측되는
상황’이라고 가이드 및 시스템에 통보
Source: 고려대학교 Human-inspired AI & Computing 연구소
지능형 배변 배설물 방치 예측 기술
배변 배설물의 방치로 인한 환경오염을 방지하는 기술
ANNOTATION
수집한 배변 행동 데이터와 배변 배설물을 치우는 행동 데이터에
기계가 식별할 수 있는 코드 부여
CLUSTERING
코드를 부여한 행동 데이터를 클러스터링하고, 배변 배설물 방치의
기준을 적용하여 자동으로 클러스터링 수행
GATHERING
특정 공간 내에서 반려견의 배변 행동 데이터와 반려견의 주인이
배변 배설물을 치우는 행동 데이터 수집
PRECDICTION
특정 공간 내에서 배변 배설물의 방치가 예측될 때, ‘배변 리스크가
예측되는 상황’이라고 가이드 및 시스템에 통보
Source: 고려대학교 Human-inspired AI & Computing 연구소
26
#2-2. 지능형 패션 수요・판로 예측 UX
CHALLENGE & UX
Source: 고려대학교 Human-inspired AI & Computing 연구소
VIRTUAL ASSISTANT WITH ANI & UX: CONTEXT BASED USER SCENARIOS DESIGN
28
#2-3. AGI UX
CHALLENGE & UX
Source: https://youtu.be/G_v5B_gYceM
VIRTUAL ASSISTANT WITH AGI & UX: CONTEXT BASED USER SCENARIOS DESIGN
© 2019 Billy All rights reserved.2020 UX 화두 및 통찰 30
경청해주셔서
고맙습니다!

2020 UX 화두 및 통찰

  • 1.
    2020 UX 화두 및통찰 2019 Billy(최병호) 고려대학교 Human-inspired AI & Computing 연구소 Assistant Professor Facebook: ILOVEHCI, Kakaotalk: INNOUX Research Data: http://www.slideshare.net/BillyChoi/ AI-Social Innovation-BM Trends: https://www.facebook.com/billynewtrends BillyChoi@Gmail.com , ILOVEHCI@korea.ac.kr
  • 2.
    © 2019 BillyAll rights reserved.2020 UX 화두 및 통찰 Table of Contents • 왜 2020년에도 UX 디자인은 필요한가? • CASE STUDY & UX #1-1. 지능형 시니어 맞춤 포탈 UX • CHALLENGE & UX #2-1. 지능형 노이즈 캔슬링 UX #2-2. 지능형 패션 수요・판로 예측 UX #2-3. AGI UX 1
  • 3.
  • 4.
    © 2019 BillyAll rights reserved.2020 UX 화두 및 통찰 왜 2020년에도 UX디자인은 필요한가? 정신병원 만들지 않기 위해서?!
  • 5.
    “이제 네가 사는세상으로 내가 들어온 거야!” Source: • 드라마 <나의 나라> 8회 • People Need Fewer Choices, Weinschenk, Susan, 2016, 100 MORE Things Every Designer Needs to Know About People, Pearson Education) 우리의 나라 → 나의 나라 DATA ⇒ AI ⇒ UX ATTENTION ECONOMY → PULL ECONOMY ANTICIPATORY DESIGN (About making and implementing decisions for the user—automatically, and without user input. The goal is not to help the user make a decision, but to anticipate what the user needs and just do it.)
  • 6.
    Source: 드라마 <우아한가> 13부 “내가 빼 준다고 그랬지!” SUSTAINABILITY LOVE ≒ USE-VALUE + SIGN-VALUE + RELATION-VALUE MOTIVATION HABIT
  • 7.
    © 2019 BillyAll rights reserved.2020 UX 화두 및 통찰 6 SOURCE: https://www.springboard.com/blog/improve-ux-with-ai-machine-learning/ How AI Improves UX AI and UX share the same end goal. Both are designed to interpret human behavior and anticipate what someone will do next. Predictive analytics is at the foundation of both, and it’s this intersection that creates an opportunity for both companies and customers.
  • 8.
    7 #1-1. 지능형 시니어맞춤 포탈 UX CASE STUDY & UX
  • 9.
  • 10.
    Source: 고려대학교 Human-inspiredAI & Computing 연구소 스마트시니어 인지 반응 유형 스마트 시니어 플랫폼
  • 11.
  • 12.
    Source: 고려대학교 Human-inspiredAI & Computing 연구소 시니어/주니어 인지능력 비교 분석 • 시니어/주니어인지능력비교분석(시니어56명,주니어32명대상) - 에딘버러 검사, 동영상자막 확인 검사, Word span 검사, 색상어휘판단 과제, 언어중추확인 과제, Tower of London 과제, 글자크기만족도검사,N-back,UFOV과제,정서지각검사수행을통한시니어/주니어인지능력비교분석수행 [동영상자막확인검사 수행 결과] [word span 과제 수행 결과] [색상어휘판단과제 수행 결과] [언어중추확인과제 수행 결과] [TOL 과제 수행 결과] [글자크기만족도검사 수행 결과] [n-back 과제 수행 결과] [색상어휘판단과제 수행 결과] [UFOV 과제 수행 결과] [Tapping 과제 수행 결과] [정서지각 검사 수행 결과] [동영상자막확인 검사 수행 결과]
  • 13.
    Source: 고려대학교 Human-inspiredAI & Computing 연구소 Cognition + 28 Sensibility - 24 Culture + 0 Cognition + 21 Sensibility - 23 Culture + 06 감각 ・ 운동능력 측정 최소 평균 최대 시력 50 62 69 청력 45 65 71 운동 41 23 53 인지능력 측정 집행기능 -9 % 문제해결능력 10.2 % 작업기억 12 % 정서기능 15 % 스마트 시니어 인지 ・ 감각 ・ 운동능력 분석 Cognition Sensibilit y 스마트 시니어 프로파일 Cognition + 20 Sensibility - 25 Culture + 45 스마트 시니어 모델링 스마트시니어 인지반응 유형콘텐츠 서비스 시니어 모드 UX 가이드라인
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
    Source: 고려대학교 Human-inspiredAI & Computing 연구소 뷰어 및 플레이어 기반 맞춤형 시니어 모드 적용 콘텐츠 변환 기술 개발 UX/UI가이드라인에맞추어설계된시니어프로파일정보를기반으로동작하는뉴스(텍스트),앨범(사진),동영상,전자책(e-Book), 오디오플레이어를개발함 뉴스 가이드라인을 적 용한 Web Viewer 개발 가이드라인을 적 용한 Mobile App Player개 발 앨범(사진) 가이드라인을 적 용한 Web Viewer 개발 가이드라인을 적 용한 Mobile App Player 개 발 동영상 가이드라인을 적 용한 Web Viewer 개발 가이드라인을 적 용한 Mobile App Player 개 발 음악 가이드라인을 적용 한 Web Viewer 개발 가이드라인을 적 용한 Mobile App Player 개 발 전자책 가이드라인을 적용 한 Web Viewer 개발 가이드라인을 적 용한 Mobile App Player 개 발 • 간소화 적용 • 설정 UI 통일 • 측정도구와 연계 • 모든 버전 동일 프로파일 적용 프로파일 적용 • 3가지(일반, 강한, 흑 백) 테마적용 • 시니어 3가지 모드 (A,B,C) 적용 • 페이징/스크롤 부드러 운 전환 • 개발된 프로파일에 맞 춘 스타일 속성 세분화 • 좌/우 반전 모드 적용 • Web/App 환경적용 • 반응형 웹 기술적용 주요개발 내용
  • 22.
    21 #2-1. 지능형 노이즈캔슬링 UX CHALLENGE & UX
  • 23.
    지능형 노이즈 완화기술 반려동물의 짖음을 노이즈로 간주하고, 해당 노이즈를 완화시키는 기술 노이즈 수집 특정 공간 내의 노이즈 수집 ANNOTATION 기계가 식별할 수 있는 레이블 부여 노이즈 분류 레이블 부여한 노이즈를 클러스터링하고, 완화할 타깃 노이즈 클러스터 선정 노이즈 생성 완화할 타깃 노이즈 클러스터 대상으로, 새로운 노이즈(화이트 노이즈)를 자동으로 생성 노이즈 제거 화이트 노이즈를 제공하여 타깃 노이즈를 완화함 노이즈 예측 완화시켜야할 새로운 노이즈가 등장했을 경우, 자동으로 타깃 노이즈를 완화시킴 Source: 고려대학교 Human-inspired AI & Computing 연구소
  • 24.
    지능형 주종 매핑기술 반려견과 반려견의 주인을 지능적으로 매핑시키는 기술 GATHERING 특정 공간 내에서 사람의 안면 데이터와 반려견의 안면 데이터 그리고 반려견의 주인과 반려견의 관계를 규정할 수 있는 데이터 수집 ANNOTATION 수집한 안면 데이터 및 관계 관련 데이터에 기계가 식별할 수 있는 코드 부여 CLUSTERING 반려견의 주인과 반려견을 클러스터링할 수 있는 기준을 적용하여 자동으로 클러스터링 수행 PRECDICTION 특정 공간 내에서 새로운 반려견의 주인과 반려견이 등장할 경우, 자동으로 반려견의 주인과 반려견을 매핑시킴 Source: 고려대학교 Human-inspired AI & Computing 연구소
  • 25.
    지능형 상해 예측기술 반려견이 사람에게 상해를 입히지 못하도록 예방하는 기술 ANNOTATION 수집한 행동 데이터에 기계가 식별할 수 있는 코드 부여 CLUSTERING 코드를 부여한 행동 데이터를 클러스터링하고, 상해가 예측되는 클러스터 선정 GATHERING 특정 공간 내에서 매핑된 반려견의 주인과 반려견 외에 등장한 사람의 안면 데이터와 행동 데이터 수집 PRECDICTION 특정 공간 내에서 반려견의 주인이 아닌 사람이 반려견에게 접근하여 상해가 예측되는 행동을 하려고 했을 경우, ‘상해 리스크가 예측되는 상황’이라고 가이드 및 시스템에 통보 Source: 고려대학교 Human-inspired AI & Computing 연구소
  • 26.
    지능형 배변 배설물방치 예측 기술 배변 배설물의 방치로 인한 환경오염을 방지하는 기술 ANNOTATION 수집한 배변 행동 데이터와 배변 배설물을 치우는 행동 데이터에 기계가 식별할 수 있는 코드 부여 CLUSTERING 코드를 부여한 행동 데이터를 클러스터링하고, 배변 배설물 방치의 기준을 적용하여 자동으로 클러스터링 수행 GATHERING 특정 공간 내에서 반려견의 배변 행동 데이터와 반려견의 주인이 배변 배설물을 치우는 행동 데이터 수집 PRECDICTION 특정 공간 내에서 배변 배설물의 방치가 예측될 때, ‘배변 리스크가 예측되는 상황’이라고 가이드 및 시스템에 통보 Source: 고려대학교 Human-inspired AI & Computing 연구소
  • 27.
    26 #2-2. 지능형 패션수요・판로 예측 UX CHALLENGE & UX
  • 28.
    Source: 고려대학교 Human-inspiredAI & Computing 연구소 VIRTUAL ASSISTANT WITH ANI & UX: CONTEXT BASED USER SCENARIOS DESIGN
  • 29.
  • 30.
    Source: https://youtu.be/G_v5B_gYceM VIRTUAL ASSISTANTWITH AGI & UX: CONTEXT BASED USER SCENARIOS DESIGN
  • 31.
    © 2019 BillyAll rights reserved.2020 UX 화두 및 통찰 30 경청해주셔서 고맙습니다!