ux관점에서 본 2012년 웹디자인 트렌드 리딩

1. UX관점에서 본
2012년 웹디자인
트렌드 리딩
(웰월드 인사이트 컨퍼런스 2012)
2012.6.13
InnoUX CEO 최병호
InnoUX@InnoUX.com, @ILOVEHCI

2. Table of Contents
• Info. Web UX 사례 연구
• Social Web UX 사례 연구
• Hub Web UX 사례 연구
UX관점에서 본 2012년 웹디자인 트렌드 리딩 1 © 2012 InnoUX & Innodesign All rights reserved.

3. Info. Web UX
사례 연구
(KT Olleh Web)

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

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

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

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

15. 태블릿 번호요?

17. 태블릿 번호 어디?

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

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

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

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

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

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

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

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

30. Social Web UX
사례 연구

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

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

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

36. 뭔가 2% 부족한
것 같은데…

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

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

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

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

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

46. Hub Web UX
사례 연구

52. UX 관점에서 본 트렌드 리딩이
뭘까요?
스마트 디바이스와 연동되는 웹
생태계와 연동되는 웹
관계 지향적인 웹

54. UX 관점에서 본 트렌드 리딩이
뭘까요?
사물과 연동되는 웹
오픈 데이터로 구성되는 소셜 웹
오프라인과 연결되는 웹

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