7월28일. 네번째 디자인다이브 ‘안구마우스 eyeCan’에 대한 설명을 듣고 각각 인문/마케팅/디자인/의료보건/공학/조력/기록자의 역할로 구성된 팀이 만들어졌다. UI/UX 1팀의 발표자료로 안구마우스의 현재의 사용과 앞으로의 개선점 등을 서비스디자인 접근법으로 해석, 솔루션을 제공한 자료이다.
서로 다른 기업에 속해있는 사람들이 한마음 한뜻으로 모여 프로젝트를 진행했고 서비스디자인기업 바이널C의 임진혁책임이 팀장으로 참여했다.
자료제공: 디자인다이브
7. 소통 오락
근거리 동영상
-비상호출 영화
-가족과의 대화 가족 이벤트
-방문자 (친구)와의 대화 명상에 도움되는
자연경관 영상 감상
원거리
게임
-외출한 가족 호출(비상)
-먼 곳의 지인들과 대화 앵그리버드,
- SNS 지뢰찾기 등
간단한 게임
간접여행
길찾기 메뉴 활용
채팅 지원
8. 마우스가 제가 바라보는 아이콘과 초점이 안 맞는 느낌이에요.
다른걸 자꾸 가르켜요.
1차 사용자 경험 결과
마우스 콘트롤: 원하는 방향으로 움직이지 못함
의도한 클릭수: 0
눈이 시려요. 클릭이 안되요!
그만하고 싶어요. 못하겠어요. ㅠ_ㅠ
10. 창이 안 움직여 여기에 세이브
요 버튼 있어요~
여기 나오는 작은 화
면은 뭔가요?
무서워요~ 이 막대는 먹 왜 전부 영어로
는 건가요? 되어 있어요?
무엇부터 해야 할지
모르겠어요.
어려울 것 같아서
긴장 돼요!
창은 어떻게 닫아
요?
아이콘이 쥐구멍 같
이 생겼어요~
누가 매뉴얼 좀
봐바!
18. eyeCAN Service Design Goal Discover
서비스디자인 방법론을 통한 아이캔 UI UX 디자인 개발 목표
WHAT 초보자도 사용하기 쉬운 eyeCAN UI UX”
현재의 UX는 안구마우스 사용 초보자들이 사용하기 어려운 편
1)불친절하다.
WHY =UX 직관성이 낮은편이며, 단계별메뉴별 설명도 충분하지 않
다.
2)눈의 움직임과 실제 커서위치의 gap이 크다
3)자유로운 pc사용을 위해 긴 훈련 시간(3개월)을 필요로 한다.
1)초보자와, 운동능력이 저하된 사용자 등 좀 더 넓은 범위의 사용
자에게universal한 환경을 제공할 수 있는 UX 디자인.
2)연속적인 눈의 움직임에서 오는 피로를 최소화할 수 있는 UX 디
HOW 자인.
3)클릭수 최소화.(=Depth의 최 간소화)
4)안구 움직임의 정확도가 떨어지더라도 사용에는 큰 무리가 없는
UX환경을 제공.
19. eyeCAN Service Safari Discover
안구마우스 제작부터 체험까지 여러 방법론을 통한 Research
제작 FGI Being a User
Affinity Desk Clustering
Diagram Research
20. 1.제품 디자인 4.매뉴얼 디자인 5.UI/UX 사용자 6.교육 컨텐츠/서
경험 디자인 비스 디자인
내가 제대 설정에 대
로 맞게 하 한 설명이
고 있는건 없다
가?
터치 포인트에서 누군가 이것을 보 결국 사용자의 마우스가 클릭 한번 사용자는 오랜
가장 중요한 것 고 시작하지 않으 주된 경험은 어 마음대로 하기 너무 기간 훈련을 거
은 뭐? 면, 시작되지 않 떤 경로로 만들 쳐야 한다 즐겁
는다 어 지는가?
움직이고 힘들다 게 훈련한다면…
안경을 착 용어가 너 고정이 안
된다 사용자가
용하면 무 무 어렵다
2. Calibration
꼭 필요로
거워 흘러 1. 홍채 설정 3. 사용
카메라의 실제 화면 하는 컨텐
내린다
위치는 어 과 서로 비 츠숙해 지
익
느정도가 교하면 좋 기 전까지
Framewor
맞는가.. 하나하나
다 흥미를 느
k 설치 '알 따라만 하 끼는 컨텐
림'이 없다 면 되나… 컨텐츠 제공 무얼
츠는
화면을 보면서 무 제대로 하고 있는 마우스 이동조차 까
2.패키지 디자인 3.서비스 전달
엇을 해야 하는지 건지 모르겠다 사용자 마음대로 의사소통 기능의
체계 디자인
난감 되지 않는다 온라인 제공과 접
점수로 나오는데 근성
설정창이 움직이지 테스트 같아 기분 커서가 계속 움직
않는다(최소화도 나쁘다 여 화면 밖으로 나
안되고 닫힘 버튼 간다
최초의 경험 영 지속 가능한 서 없음 점수가 낮으나 어
원히 각인될 이 비스가 설계되지 디가 잘못 된 건지 클릭 한번 하기 힘
미지 않으면 모두가 기능에 대한 설명 모른다 들다
허사이다 이 없음
보호자가 교육 내용 다음 단계 설명없 컨트롤 박스로 이 손쉽고 지속가능한
관리하기 이 쉬웠으 영어라 어려움 다 동도 못해봤다 컨텐츠 이용
쉬웠으면 면 좋겠다
침대 주위
좋겠다 나이가 들
에 호흡기 어 컴퓨터
및 다른 선 도 잘 모르
들이 많지 내가 컴퓨
는데.. 안구마우스 제작부터 사용까지…
만 가까운 터를 만지
데 두고 싶 면 망가진
23. Persona 1 Discover
Discover
루게릭 여성 사용자의 보호자(배우자)에 대한 이해
현재상태와 의사소통 방법
상지, 하지 사용이 안되며언어사용 불가능한 예비 사용자와 생활.
의사소통은 배우자 입모양을 보고 판단하며, 생활에 필요한 상황을 적어
놓아 눈깜박임으로 소통하는 사용자와 생활 중
NEEDS
•환자의 상태가 너무 않 좋아서 최소한의 의사소통이 꼭 필요한 상황 입니
임00,45세
다. 아이캔을 이용한 의사소통이 꼭 필요합니다.
•어디가 불편하고 어디가 아픈지 말도 못하는 아내를 보면 눈물이 납니다.
8살 딸아이도 엄마의 아픈 모습을 보며 너무나도 깊은 상처를 받고 있습니
다. 아이캔을 이용하여 의사소통을 하게 되면 아내를 좀 더 잘 보살필 수
있을 것 같습니다.
GOAL
“아내와 최소한의 •환자의 상태파악 지원
•가족간의 대화 지원
의사소통이라도
•간병의 어려움 일부 해소
원활하다면 좋겠
•환자의 삶의 질 향상을 지원
습니다.”
24. Persona 2 Discover
Discover
근육병 남성 사용자에 대한 이해
현재상태와 의사소통 방법
신체기능의 퇴화로 침상생활을 합니다.
사용 가능한 신체 능력은 목소리와 시력, 청각입니다.
NEEDS
아이캔이 학업에의 장시간열중을 용이하게 도와주어 입시공부에 도움이 되
어주었으면 합니다. 또한, 다독을 하는제게 더할 나위 없는 기쁨이 되어줄
것이라 생각합니다.
박00, 19세 아이캔이 입시공부의 성공적인 완주를 돕고, 특정분야의 프로페셔널로 이
끌어 주길 기대합니다.
GOAL
•입시 공부의 지원
•가족간의 대화 지원
•간병의 어려움 일부 경감
“대학 입학 후 프 •사용자의 삶의 질 향상
로페셔널이 되고
싶습니다.”
25. Persona 3 Discover
Discover
경추 4,5번 지체 1급 장애를 가진 사용자에 대한 이해
현재상태와 의사소통 방법
경추 4.5번(사지마비)지체1급 장애인으로 현재 운동기능 상지 5번 정도 나
옵니다
인지100%가능 대화 가능합니다
이00,27세
NEEDS
•eyeCAN 을 활용하여 ‘사회복지’ 공부도 하고,건축 설계(도면)작성, 한글 사
용및 못다한 공부를 하고 싶습니다.
•온라인 으로나마 세상과 마음껏 소통하며 공유하고 싶습니다.
GOAL
•타이핑, 도면 작성 등 안구마우스를 이용한 컴퓨터 고급사용 기능 지원
“못다한 공부를
하고, 세상과 마
음껏 소통하고
싶습니다.”
26. Possession Persona Discover
서로 역할을 바꿔가며 2차 Deep Dive 경험후 얻어진 인사이트들을 정리함
선택과 집중
화면에 대한
UI/UX의 개선
AM Cam 및 Calibration과 마우스 이
홍채 인식 설정 동/클릭/컨텐츠
사용자/보호자/관찰자로서의 2차 Deep Dive를 경험한
후, 인사이트를 정리함
27. Journey Map Discover
아이캔 착용 후 화면에서의 UI UX 경험 여정 맵 H/W 설치 S/W 설치 착용 AM CAM EYE Can 보관
화면 전환
설정기능 포함 마우스 이동,클릭 컨텐츠 사용(소통,게임 등)
Activity 홍채인식 Home Calibration 사용 보정 고급사용
Delight
자세한 설명
주저주저 설명이 부
이 없어 긴장 화면에서 벗어
Satisfactory 된다 하는 모습 점수 때문에 족해 보인
짜증 난다 다 나면 보정이
이 안타까 보정하면 잠 포기하고 싶
내 마음대로 이 어려움
움 깐은 잘 이동 다
동이 안 된다 감으면 박스가
Neutral 하는거 같다
(멈춰있지 않음) 뜨는지 모름 이동과 클릭이
클릭이 안 된다 잘 안되서 익숙
Bad 답답하다 해 지려면 오래
걸릴꺼 같다
홈 버튼이
단계를 몰라 잘 점수 때문에 다
다음단계
Terrible 시 하는데 잘
하고 있는지 모 인지 모른
르겠다 매뉴얼 봐야 하는데 못된걸 모르겠 사용을 잘 못해
다 눈을 뜨라고 설 너무 오래 걸린
설정 창이 안 닫힌 다 대신 해주고 싶 다
마우스 커서가 화면에서 명 마우스가 내가보는 곳이 • 글씨를 쓰고 싶은데 자판
• 점수로 평가 되서 긴장된 •다 • 해야 한다
다
다 자꾸 벗어남 랑 자꾸 멀어진다 간격이 너무 좁다
• 잘 되야 하는데 긴장된다 • 과연 잘 잘 움직일 수 있 • 자꾸 90점을 못 넘어서 • 화면의 원하는 곳이 아닌 • 보정을 자꾸 해야 하는 • 커서 이동이 너무 빠르다
사용자 을까 걱정 된다 사용 못하는 건가 더 멀리 봐야 함 것인가 생각된다 • 눈을 감았다 뜨면 다른데
• 96점이 나와 이제 잘 사 • 자꾸 커서가 움직임 • 눈감았다 언제 떠야 하나 가 있다
용 가능한가 기대됨 • 깜빡이면 휙 사라짐 모르겠다 • 포기하고 싶다
• 눈이 시리고 아프다 • 보정해도 잠깐뿐이다
• 몇 번을 해도 어렵다 • 홍채 인식한 다음에 무얼 • 너무 빠른건 아닌가걱정 • 클릭을 못하고 자꾸 움직 • 사용자가 눈을 감아 보정 • 글씨 쓰는데 시간이 너무
• 눈 범위의 적절한 크기 조 해야 하는지 혼동됨 도 되고 잘 나올까 조바 이기만 한다 할 때마다 걱정된다 오래 걸린다
절을 모르겠다 • 다음 단계에 대한 안내가 심이 든다 • 왜 제대로 사용 못하는지 • 빨간 큰 박스가 생기면 • 전에 쓰던 방식대로 하는
• 창을 최소화 하거나 닫기 없어 헤맴 • 흰색>빨강>녹색으로 변 궁금하다 눈을 뜨라고 알려준다 것이 빠른 것 같다
보호자 버튼이 없다(이동 어려움) • 매뉴얼을 보고 싶으나 설 하는 이유를 모르겠다 • 문제 해결해 주고 싶은데 • 보정을 해도 달라진 점이 • 텍스트 창이 위가 편한지
• 여러번 반복해서 미안하 정 창에 가려져 보기가 • 사용자가 잘 응시하고 있 어떻게 해야 할지 모르겠 없어 보인다 아래가 편한지 몰라 자꾸
다 힘듦 는 건지 궁금하다 다 이동한다
• 세이브 버튼이 작다 • 좀 더 편하게 위치를 바 • 내가 움직이고 깜빡임으
꿔주고 싶다 로 클릭해 주고 싶다
• 설정 창에 설명이 없는데 • 다음 단계에 어떤걸 해야 • 사용자가 시선을 잘 따라 • 원하는 곳에 마우스가 가 • 너무 자주 보정을 하는 • 사용자가 잘 사용하지 못
잘 사용 가능할까걱정 됨 할지 몰라 헤맴 가나 주시한다 지 않는 것 같다 건 아닌가 생각된다 해 보호자가 도와주고 싶
• 홍채 설정 원을 선택하기 • 다음단계에 대한 설명이 • 클릭하면 시작하는 것을 • 클릭을 못한다 • 화면 밖으로 나간 상태에 어 한다
관찰자 가 어려워 보인다 없어 어려워 보임 잘 인지하지 못한다 • 보호자가 안절 부절한다 서 보정이 잘 안된다 • 한 문장 완성조차 어려워
• 사용자가 무얼하고 싶은 • 눈을 감으면 큰 빨간 박 보인다
지 알 수 없다 스가 생겼는지 모름 • 사용 못할꺼 같다
28. Define Define
Discover 단계의 아이디어를 토대로 UX에 집중적으로 반영시킬 아이디어 정리
Idea Sketch Co-Creation Brainstorming
Idea Clustering & Voting
29. Develop Develop
UX 맥락과 특성에 따라 5가지 방향의 서비스 개선안 도출
Activity 홍채인식 Home Calibration 사용 보정 고급사용
Delight
자세한 설명
주저주저 설명이 부
이 없어 긴장 화면에서 벗어
Satisfactory 된다 하는 모습 점수 때문에 족해 보인
짜증 난다 다 나면 보정이 보정하면 잠
이 안타까 포기하고 싶
내 마음대로 이 어려움 깐은 잘 이동
움 다
동이 안 된다 감으면 박스가 하는거 같다
Neutral
(멈춰있지 않음) 뜨는지 모름 이동과 클릭이
클릭이 안 된다 잘 안되서 익숙
Bad 답답하다 해 지려면 오래
걸릴꺼 같다
홈 버튼이
단계를 몰라 잘 점수 때문에 다
다음단계
Terrible 시 하는데 잘
하고 있는지 모 인지 모른 사용을 잘 못해
매뉴얼 봐야 하는데 못된걸 모르겠 눈을 뜨라고 설 너무 오래 걸린
르겠다
설정 창이 안 닫힌 다 다 대신 해주고 싶
명 해야 한다 다
1 2다 3
• 점수로 평가 되서 긴장된
다
다 4 5
• 마우스 커서가 화면에서 • 마우스가 내가보는 곳이 • 글씨를 쓰고 싶은데 자판
자꾸 벗어남 랑 자꾸 멀어진다 간격이 너무 좁다
• 잘 되야 하는데 긴장된다 • 과연 잘 잘 움직일 수 있 • 자꾸 90점을 못 넘어서 • 화면의 원하는 곳이 아닌 • 보정을 자꾸 해야 하는 • 커서 이동이 너무 빠르다
사용자 을까 걱정 된다 사용 못하는 건가 더 멀리 봐야 함 것인가 생각된다 • 눈을 감았다 뜨면 다른데
홍채인식 캘리브레이션 Snap & Grid
• 96점이 나와 이제 잘 사
용 가능한가 기대됨
오프라인 경험
• 자꾸 커서가 움직임
• 깜빡이면 휙 사라짐
깊이가 최소화 된
• 눈감았다 언제 떠야 하나
모르겠다
가 있다
• 포기하고 싶다
설정창의 UI와 UI 개선 및 사 방식의 마우스 의 온라인 적용
• 눈이 시리고 아프다 • 보정해도 잠깐뿐이다
메뉴 사용방식
• 몇 번을 해도 어렵다 • 홍채 인식한 다음에 무얼 • 너무 빠른건 아닌가걱정 • 클릭을 못하고 자꾸 움직 • 사용자가 눈을 감아 보정 • 글씨 쓰는데 시간이 너무
진행 단계• 눈 범위의 적절한 크기 조 해야 하는지한글
UI 용 용어의 혼동됨 이동과 화면분 한다
도 되고 잘 나올까 조바 이기만 할 때마다 걱정된다 제공으로 오래 걸린다
절을 모르겠다 • 다음 단계에 대한 안내가 심이 든다 • 왜 제대로 사용 못하는지 • 빨간 큰 박스가 생기면 • 전에 쓰던 방식대로 하는
직관성 개선 없다(이동 어려움) • 없어 헤맴보고 싶으나 설
화 매뉴얼을
• 창을 최소화 하거나 닫기 할이유를 모르겠다 • 궁금하다 주고 싶은데 • 눈을 뜨라고 알려준다 사용자를위가 편한지
• 흰색>빨강>녹색으로 변 격려
것이 빠른 것 같다
보호자버튼이 하는 문제 해결해 보정을 해도 달라진 점이 • 텍스트 창이
• 여러번 반복해서 미안하 정 창에 가려져 보기가 • 사용자가 잘 응시하고 있 어떻게 해야 할지 모르겠 없어 보인다 아래가 편한지 몰라 자꾸
다 힘듦 는 건지 궁금하다 다 이동한다
• 세이브 버튼이 작다 • 좀 더 편하게 위치를 바 • 내가 움직이고 깜빡임으
꿔주고 싶다 로 클릭해 주고 싶다
• 설정 창에 설명이 없는데 • 다음 단계에 어떤걸 해야 • 사용자가 시선을 잘 따라 • 원하는 곳에 마우스가 가 • 너무 자주 보정을 하는 • 사용자가 잘 사용하지 못
잘 사용 가능할까걱정 됨 할지 몰라 헤맴 가나 주시한다 지 않는 것 같다 건 아닌가 생각된다 해 보호자가 도와주고 싶
• 홍채 설정 원을 선택하기 • 다음단계에 대한 설명이 • 클릭하면 시작하는 것을 • 클릭을 못한다 • 화면 밖으로 나간 상태에 어 한다
관찰자 가 어려워 보인다 없어 어려워 보임 잘 인지하지 못한다 • 보호자가 안절 부절한다 서 보정이 잘 안된다 • 한 문장 완성조차 어려워
• 사용자가 무얼하고 싶은 • 눈을 감으면 큰 빨간 박 보인다
지 알 수 없다 스가 생겼는지 모름 • 사용 못할꺼 같다
32. Develop-Prototype 3 Develop
Snap & Grid 형태의 화면과 마우스 이동 방식으로 사용 난이도를 낮춘 UI UX
As-is To-be
홍채의 상,하,좌,우
만을 인식하여 이동
안구의 수평이동이 사람의 눈은 시선을
수직이동 보다 속도, 고정하고 대상을 응
움직임의 최소화, 피 시하는 동안에도 떨
로도 측면에서 뛰어 림, 미끄러짐, 미세도 꼭 필요한 기본적 마우스 컨트롤,
나다 약 운동이 발생한다. 의사소통 바로가기, 설정
출처: 텍스트 제시 방법과 화면이동 방향에 따른 전자책의 가
Snapping 이동과 화면 분할 적
독석에 대한 연구 2011. 이춘길 외 용
33. Develop-Prototype 4 Develop
오프라인 경험의 온라인 적용
As-is To-be
꼭 필요한 기본적
의사전달을 사운드
의사소통을 빠르
로 각기 설치된 방,
게
거실, 화장실 등에
보호자에게 전달 서 출력 가능
할 수 있게 해줌
참고: 루게릭병을 이기는 사람들_한양대학교 루개릭병클리닉
34. Develop-Prototype 5 Develop
깊이 (Depth)를 최소화시킨 UI로 좀 더 쉽고 빠른 사용자 이용 환경 구현
As-is To-be
사용하기 너무 어려워요.
언제나 글쓰기
가능하며, 이모티
콘으로 감정 전달
그리드 형태로 인터
넷 사용이 용이한 모
바일Web 제공