2012 UX 트렌드

1. 2012
UX TREND
(한화S&C 임직원 UX 교육)
2012.6.20
InnoUX CEO 최병호
InnoUX@InnoUX.com, @ILOVEHCI

2. Table of Contents
• UX, 정체가 뭐냐?
• 여전히 사용하지 못하는 웹(Info. Web UX 사례 연구)
• 사람의 이해가 부족한 웹(Social Web UX 사례 연구)
• UX, 사람과 사회를 알자!
2012 UX TREND 1 © 2012 InnoUX & Innodesign All rights reserved.

3. UX,
정체가 뭐냐?

10. 무엇이
느껴지십니까?

15. 무엇이
느껴지십니까?

16. UX란 Logic이 아니라 사람!
UX란 Product나 Computing이 아니라
Social Product, Social Computing!

17. http://old.sigchi.org/cdg/cdg2.html

18. Source: Richard Monson-Haefel/NUI

19. Source: Richard Monson-Haefel/NUI

20. Source: Richard Monson-Haefel/NUI

22. HCI, UI, GUI, PUI, AUI, ID, IA, NUI…
UX?
Service Design… UX?
http://old.sigchi.org/cdg/cdg2.html

35. 자기효능감
(self-efficacy)

45. 자기효능감
(self-efficacy)

46. Human

47. Culture-
Ecosystem

48. Interaction

49. Desires
자기효능감
(self-efficacy)
친구(Social)
오픈(Open-eco)

50. Profitably

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

52. HCI, UI, GUI, PUI, AUI, ID, IA, NUI…
UX?
HCI, UI, GUI, PUI, AUI, ID, IA, NUI
+ Culture Ecosystem ≒ UX
http://old.sigchi.org/cdg/cdg2.html

56. 최첨단 유비쿼터스 기술을 아파트
현관 거울에 적용, 편리핚
주거생활이 가능하도록 하는 국내
최초의 최첨단 거울인
„트랜스폼(TRANSFORM) 매직
거울‟도 개발했다.
외출핛 때 현관에 다가서면 날씨에
따라 거울에서 “오늘은 비가 올
예정이오니 우산을 준비하시기
바랍니다” 등과 같은 음성이 나오고,
현재의 날씨와 온도, 주차위치
번호가 표시된다.

66. Service Design… UX?
HCI, UI, GUI, PUI, AUI, ID, IA, NUI,
Service + Culture Ecosystem ≒ UX
http://old.sigchi.org/cdg/cdg2.html

67. 여전히
사용하지
못하는 웹
(Info. Web UX
사례 연구: KT
Olleh Web)

68. 아이패드 요금을
확인해볼까?

72. 헉?
왜 없어?
콜센터라…어-,-

73. 여보세요?
뭐요?
개인정보수정?
어디 있는데?

76. 비밀번호 입력해야
하는 거야?
예? 여보세요?
어디요?
핸드폰/태블릿
관리?

79. 태블릿 번호요?

81. 태블릿 번호 어디?

83. 휴,
이제 어디로 가지?
홈 눌러야겠다

86. 헐~
왜 없어?
뭐?
로그아웃하라고?
헐!

88. 이 문제를 어떻게 해결핛 수
있을까요?

89. 이 문제를 어떻게 해결핛 수
있을까요?
상품을 자동 등록시키면 되겠죠^^

90. 그런데 왜 못했을까요?

91. 그런데 왜 못했을까요?
UX 관점의 부족 때문이죠^^

92. UX 관점에서 본 트렌드 리딩이
뭘까요?

93. UX 관점에서 본 트렌드 리딩이
뭘까요?
실질적인 개인화!
사용자가 불필요핚 수작업과
프로세스를 경험하지 않도록 하는 것

94. 사람의 이해가
부족한 웹
(Social Web UX
사례 연구)

96. tweet: reply: retweet = 25: 65: 10
4번에 1번만 자기 이야기하고,
3번에 2번은 옆 사람과 이야기 주고받고,
10번에 1번은 서로 공감핚다!

97. SNS는 증가하는데 왜 속마음을 털어놓을 친구는
줄어들까?
실제와 다른 자신을 연기하면서 혼란을 느낀다?!
„다 함께 홀로‟ 상태!
사람들과 어울려 사는 삶이 부담스럽게 느껴져?!

98. 벽 보고 말하는
것 같아-,-

100. 벽 보고 말하는 것 같아-,-
사람들의 실시간 반응을
보여준다면!

101. UX 관점에서 본 트렌드 리딩이
뭘까요?
실시간 행동(Realtime activities) 노출!
실시간 웹에서 지속적인 몰입감을 높이기
위해서는 자기효능감을 끊임없이 강화핛 수
있는 실시간 피드백이 중요함

102. 뭔가 2% 부족핚
것 같은데…

104. 벽 보고 말하는 것 같아-,-
해쉬태그를 응용해본다면…

105. 해쉬태그는 잘못된 UX!
1. 문법공부 = CUI = 시대 역행
2. 태그 생성 = 공감 매칭 미흡
3. 태그 암기 = CUI = Recall
4. 불필요핚 복잡성 증가

106. 그러나, 해쉬태그는 불특정 다수와
공유하는 장점!

107. 그러나, 해쉬태그는 불특정 다수와
공유하는 장점!
1. 해쉬태그를 자동화시킨다면…
2. 해쉬태그 대상 트윗을 자동 노출핚다면…
3. 해쉬태그 대상 트윗을 검색어와 연관시킨다면…

108. UX 관점에서 본 트렌드 리딩이
뭘까요?
해쉬태그 3A = 실시간 정보 자동 노출/접근
1. 의미 단위로 태깅 자동화(메타데이터 관리)
2. 의미 단위로 자동 노출(관심사로 네트워킹)
3. 의미 단위로 검색어와 자동 연관

112. https://twitter.com/ http://twtkr.olleh.com/

113. 어떤 페이지를 추구해야 핛까요?
https://twitter.com/ http://twtkr.olleh.com/

114. https://twitter.com/ http://twtkr.olleh.com/

115. 어떤 페이지를 추구해야 핛까요?
https://twitter.com/ http://twtkr.olleh.com/

116. http://www.facebook.com/

117. http://www.facebook.com/

118. UX 관점에서 본 트렌드 리딩이
뭘까요?
1. 훑어보는 습관 지원
2. 텍스트보다 비주얼, 동영상에 주목 특성 지원
3. 링크 주소보다 링크 정보 미리보기 지원
4. 작성 시 첨부/링크 정보 확인 지원

119. UX,
사람과 사회를
알자!

120. 다섯 가지 본능적 직감
사회심리학자 조너선 하이트(Haidt) 교수
1. 연약한 대상을 보살피려는 본능
2. 공정해야 한다는 본능
3. 자기가 속한 그룹에 충성해야 한다는 본능
4. 윗사람을 공경해야 한다는 본능
5. 순결과 신성함을 소중하게 여기는 본능
• 이성은 직감이 먼저 판단핚 것을 나중에 왜 그 판단이
옳았는지 밝혀내는 쪽에 주로 이용
• 의견이 다른 사람을 만나 이성적인 언어로 아무리 설득을
하려고 해도 설득이 되지 않는 이유

121. 개인/공동체의 행위와 짂화
출처: 사회과학 융합연구 심포지엄

122. SAP UI Guideline
구분 No. UI 가이드라인 사례
• 아이콘
1 유관 정보는 그룹핑을 해야 함
• 항목
• 항목
2 필수 항목과 선택 항목을 명료하게 구분해야 함
• 영역: 필수/옵션/세팅
Information
Architecture • Year
3 중복된 항목과 불필요핚 항목은 제거를 해야 함
System • Company code
4 단일핚 UI에 복수의 목적을 부과하지 말아야 함 • Report Period
• 조회 화면
5 조회와 결과 화면을 통합해서 제공해야 함
• 결과 화면
Labeling
6 사용자 입장에서 레이블링을 해야 함 • Company code
System
7 사용자의 실수를 방지해야 함 • 년도, 월, 일 직접 입력
8 가로 스크롤을 지양해야 함 • 조회 결과 화면
• 출력/미출력 정보 피드백
9 정보의 상태가 변화되면 명료핚 피드백을 제공해야 함
• 선택/미선택 정보 피드백
유관 정보(또는 영역) 간 상관 관계를 직관적으로 제공해야
Interface 10 • Temporary payment clearing 조회 결과 화면
함
11 내비게이션 단서를 제공해야 함 • Class 화면 -Asset class 화면
• Asset report 엑셀 다운로드
• Customer Billing Print 출력 프로세스: 수정
12 사용자의 습관을 지원해야 함
• 검색 결과가 1개인 경우 출력 프로세스
• 디폴트 기간 설정

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