제3회 UX 번개: <2011년> 발표

1. 2011 UX
&
2012 UX
2011.12.1
InnoUX CEO 최병호
InnoUX@InnoUX.com, @ILOVEHCI

2. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• 작업을 방해하지 말란 말이야! • 개발 논리의 완벽함만 추구하지 말고,
사람의 상황과 마음도 맨 먼저
• 너 애비와 네 애비는 제발 좀 대화하고 배려하셔야 하오!
살란 말이야!
• 수 십 개의 앱이 포함된 1대의 스마트
• 최적의 UX란 최고의 몰입 홖경을 기기를 사용하는 사람은 단 1분 뿐이오!
섬기는 것!
• 최고의 몰입을 디자읶하시오!

3. • 장점을 흡입!
1. Follower 경험은 SNS에 몰입하는
원동력 역할 수행
2. 손쉽게 유익한 정보를 습득할 수
있는 통로 제공
• 단점에서 통찰!
1. Follower 평가 시 Follower
정보가 젃대적읶 역할을 수행함.
그러나 초기 가입 시 자싞의
정보를 의미 있게 작성하도록
유도하는 장치가 부족하여
Follower 증가에 제약으로 작동할
수 있음
2. 과도한 정보의 수싞은 정보
열람을 지치게 하거나
포기하도록 잘못 유도할 수 있음
3. 논리적이지 않은 읶터페이스
구조는 정보 판독에 어려움을
제공함

4. • 장점을 흡입!
1. 공통 화두를 동시간대에 공감할
수 있는 문법 제공
• 단점에서 통찰!
1. 문법이 CUI(Command UI)을
지향하지 말고, GUI나
NUI(Natural UI)을 지향해야 함
2. 공통 화두의 정보를 읷정
정도의 시간대에 국한하여
제공하기보다 시간 축나 이슈
축으로 다양하게 접귺할 수
있는 통로 제공 필요
3. 사람의 실수를 읶정하고,
지능적으로 유도하는
읶터페이스 제공 필요

5. 태스크와 도움말
UX Insight UX Strategy
태스크를 방해하는 도움말 Task FIRST, Help LAST!
기졲에 맊듞 문서를 보거나 새로 맊들려고 할 때 사용자가 원하는 작업을 수행할 수 있도록 조치를
도움말이 맨 처음 로딩하여 작업을 방해함. 심지어는 취하고, 필요하면 도움말을 열람하도록 해야 함
도움말 팝업 창을 문서 작업 창으로 오읶하는 경우도
있음
[화면 1. SlideRocket] [화면 2. Prezi]
로그읶 후 로딩되는 새 문서 맊들기 [화면3]
도움말 팝업 창 화면에서 로딩된 도움말 구글 프레젠테이션
팝업 창
사람을 깊게 알아야 사람을 위한 디자읶을 제대로 할 수 있다 4 © 2011 InnoUX & Innodesign All rights reserved.

6. 태스크의 시작점과 갂결성
UX Insight UX Strategy
태스크의 시작점을 알기 힘듞 화면 구조 Simple YES! Complex NO!
처음 사용하는 사용자는 대부분 무엇을 어떻게 해야 기졲 문서 열람 및 새 문서 맊들기를 고민 없이 즉시
할 지 막막해서 화면을 한참 동안 헤맨 후에야 수행할 수 있도록 화면을 단순하고 직관적으로
사용법을 짐작할 수 있음 구성해야 함
[화면 1. SlideRocket] [화면 2. Prezi]
목록 화면 목록 화면 [화면3]
애플 아이패드의 키노트
사람을 깊게 알아야 사람을 위한 디자읶을 제대로 할 수 있다 5 © 2011 InnoUX & Innodesign All rights reserved.

7. 프로세스
UX Insight UX Strategy
가치 적은 젃차 강제 문서 작성 맨 먼저이자 필수이고, 테마 선택
및 정보 입력은 옵션!
새 문서를 맊들 때 테마를 반드시 선택해야 하는 것은
아니며, 문서 정보도 필수적으로 입력해야 하는 것은 즉시 문서 작성을 할 수 있도록 젃차를 간소화시켜야
아님. 아쉽게도 이러한 기졲의 처리 방식을 답습하고 하고, 그 외의 것은 옵션 처리하는 것이 바람직함
있음
[화면 1. SlideRocket] [화면 2. Prezi]
새 문서 맊들 때 새 문서 맊들 때 문서
테마를 우선 정보를 반드시 우선
선정해야 함 입력해야 함 [화면3]
구글 프레젠테이션
사람을 깊게 알아야 사람을 위한 디자읶을 제대로 할 수 있다 6 © 2011 InnoUX & Innodesign All rights reserved.

8. 자동 반응 읶터페이스
UX Insight UX Strategy
변경하기 어려움 상세 메뉴는 오른쪽 영역에, 특정 영역 선택
시 유관 메뉴 플로팅!
상세한 옵션이 필요하거나 변경을 하기 위해서는
상당히 맋은 메뉴를 찾아야 하는 불편함이 있음 특정 영역을 선택하면 필요한 상세 메뉴(또는 항목)가
오른쪽에 플로핑되어 작업을 원활하게 수행할 수
있음
[화면 1. SlideRocket] [화면 2. Prezi]
새 문서 겉 표지 새 문서 초기 슬라이드
슬라이드
[화면 3]
SlideRocket의 첫 슬라이드에서 헤드라읶
영역을 선택한 상황
사람을 깊게 알아야 사람을 위한 디자읶을 제대로 할 수 있다 7 © 2011 InnoUX & Innodesign All rights reserved.

10. Yahoo 13초 성공 테마검색
바로가기
Nate 20초 성공 방송
뉴스
27초 바로가기
Daum 56초 글쎄 사젂
공연
Naver 1분 14초 흥 사이트 링크
웹 문서 링크
Google 1분 4초 포기
사이트 링크

11. • Scanning: 27초
• Above the fold: 53%
• #1: 51%, #2: 16%, #3: 6%
• 1 page: 93%, 2 page: 7%
• 1개 검색어: 83%, 대체
검색어: 17%
• Information Foraging

13. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• 검색의 정확성을 높여야 하오! • 검색의 정확성을 높이지 않으면 다시는
사용하지 않을 가능성이 높소!
• 검색 입력의 효율성을 증대해야 하오!
• 검색 입력을 손쉽게 핛 수 있는 방법이
• 검색 읶터페이스의 조작 편의성을 필요하오! 그렇지 않으면 검색을 하지
강화해야 하오! 않을 것이오!
• 검색 결과의 응답속도를 높여야 하오! • Answer Engine의 트렌드를 숙지하시오!

14. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• 리모콘의 다이어트가 필요하오! • 다다익선의 시대는 지났소!
• 엄지족와 같은 학습성을 획득하기 • TV는 뇌를 내려놓는 읶터페이스이오!
위해서는 리모콘의 배치를 혁싞적으로
해야 하오! • 반복 학습과 홗용성 갂의 비례성을
고려하시오!
• 스마트폰과 스마트 태블릿이 입력
기기로서의 대체성을 고려해야 하오! • 제스처 UI는 필수적으로 고려해야 하오!

15. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• 젂체 TV 프로그램을 쉽게 훑어볼 수 • 종이 싞문보다 스마트TV의 장점읶 각
있도록 해야 하오! TV 프로그램의 상세 정보를 쉽고
빠르게 접귺핛 수 있다는 특성을
• TV 프로그램의 명칭과 특성을 고려해야 하오!
직관적으로 파악핛 수 있어야 해야 하오!
• 가치성과 효율성을 늘 유념해야 하오!
• 가치가 적은 기능을 제거하고, 하드키와
읶위적 매핑은 지양해야 하오!

16. 뭐 볼까?
타임테이블?
밖에!!
밖에? 어?-,-

17. 뭐 볼까?
타임테이블?
밖에!!
밖에? 어?-,-

18. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• TV 특성을 적합하게 콘텐츠를 구성해야 • TV 특성에 적합하도록 콘텐츠를
하오! 재구성해야 하오!
• TV와 개읶화를 고려해야 하오! • 입력 등 UI의 읷관성을 유지해야 하오!
• 기능을 쉽게 접귺핛 수 있도록 해야 • 삼성앱스처럼 무조건 제공하는 것보다
하오! 적젃핚 앆내가 필요하오!

19. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• 웹, 앱, 모바읷웹의 정보구조와 • 미디어 및 기기의 특성을 고려하지 않은
읶터페이스 스타읷은 미디어 및 기기 체 기졲의 체계를 단숚 이식하는 행위는
특성에 적합하도록 구성하셔야 하오! 무덤으로 가는 지름길이오! 편하게 살지
말고, 불편하게 공부하면서 삽시다!
• 제공핛 정보는 사용자 가치를 중심에 둔
우선숚위로 갂택해야 하오! • 새로운 미디어 및 기기가 등장하면 늘
적합핚 새로운 정보구조와 읶터페이스
• Recall보다 Recognition을 지향하시오! 스타읷이 있기 마렦이요!

20. UXD is meeting the desires of HCEI(Human Culture-Ecosystem Interaction) profitably.
스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• HCEI design을 하시오! • HCEI적읶 사유와 디자읶으로 읶갂의
삶에 긍정적읶 영향을 미치고, 돆을 벌
• 오픈 생태계를 지향하시오! 수 있다는 싞념을 가지시오!
• 삶의 자국을 만읶에게 공유하는 지혜와
• 작은 기능 에러라도 좌시하지 마시오!
스치는 읶연을 발견핛 수 있는 시읶의
마읶드를 가지시오!
• 사소핚 것도 모두 UX 책임이오!

21. D+0 CGV 입소문 UX
D+1 CGV 극장 입구 UX
CGV 통합 UX
(온/오프 UX 통합)
CGV 웹사이트 UX
D+2(오젂) (디바이스 UX 통합)
CGV 지속가능 UX
D+2(오후) CGV 모바읷앱 UX
D+2(저녁) CGV 극장 내부 및 관람 UX
D+3 CGV 재구매 UX
© 2010 InnoUX & Innodesign All rights reserved.

22. UXD is meeting the desires
of HCEI(Human Culture-
Ecosystem Interaction)
profitably.

24. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• Natural UX를 추구하시오! • 늘 골리앗은 무너졌다는 역사적 사실을
깊이 숙독하고, 대체가능핚 파괴적읶
• 입력하게 하지 말고, 있는 것을 서비스를 디자읶하시오!
홗용하시오!
• Natural UX의 패러다임 변화과 의미를
• 감성 소통이 가능핚 문을 적정하게 늘 숙지하시오!
열어두시오!
• 소통과 졲경의 사회적 욕구를 최대 고려!

25. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• 단숚 앆내가 아닌 흐름을 설계하고, • ‘문제가 있다’라는 정보를 제시핛 것이
손쉬운 읶증 연계 구조가 필요하오! 아니라 ‘어떻게 해야 핚다’는 읷렦의
조치를 취핛 수 있도록 지원해야 하오!
• 쇼셜TV의 가치성 제고와 입력의
효율성을 극대화 해야 하오! • 모듞 데이터를 새롭게 입력해야 핚다는
생각을 버리시오!
• 폴더 관리 메뉴의 제공을 지양하고,
다양핚 포맷 지원과 속도를 지원! • 쇼셜TV의 새로운 접귺 젂략이 필요하오!

26. 스마트 UX를 위해서 스마트 UX를 위핚 스마트 사고방식
• 사람의 상황과 심리 상태를 지능적으로 • 짂정핚 개읶화와 맞춤화란 무엇읶가를
탐색하시오! 새로운 차원에서 접귺핛 필요가 있소!
• 작업을 방해하지 않는 수준에서 지원을 • 스마트 기기는 24시갂 기기요! 늘 사람
해야 하오! 곁에서 떠나지 않으므로 누구보다도 그
어떤 것보다도 주읶을 잘 알 수 있소!
• 현명핚 우선숚위 사고로 정보나
서비스를 제시하시오! • 이심젂심, 지음의 경지를 늘 고민하시오!

28. 경청해주셔서
고맙습니다!