• Save
2012 UX 트렌드
Upcoming SlideShare
Loading in...5
×
 

2012 UX 트렌드

on

  • 3,746 views

2012 UX 트렌드

2012 UX 트렌드

Statistics

Views

Total Views
3,746
Views on SlideShare
3,588
Embed Views
158

Actions

Likes
4
Downloads
0
Comments
1

3 Embeds 158

http://vincenahn.tistory.com 102
http://blog.vincenahn.com 54
http://tweetedtimes.com 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 도입부 부분이 좋아요 ㅎ 피곤해/저는 괜찮습니다. 피곤해/저는 괜찮습니다.ㅎㅎ 벽보고 말하는 기분 이해가 잘 가네요
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

2012 UX 트렌드 2012 UX 트렌드 Presentation Transcript

  • 2012 UX TREND(한화S&C 임직원 UX 교육) 2012.6.20 InnoUX CEO 최병호 InnoUX@InnoUX.com, @ILOVEHCI
  • Table of Contents• UX, 정체가 뭐냐?• 여전히 사용하지 못하는 웹(Info. Web UX 사례 연구)• 사람의 이해가 부족한 웹(Social Web UX 사례 연구)• UX, 사람과 사회를 알자!2012 UX TREND 1 © 2012 InnoUX & Innodesign All rights reserved.
  • UX,정체가 뭐냐?
  • 무엇이느껴지십니까?
  • 무엇이느껴지십니까?
  • UX란 Logic이 아니라 사람!UX란 Product나 Computing이 아니라 Social Product, Social Computing!
  • http://old.sigchi.org/cdg/cdg2.html
  • Source: Richard Monson-Haefel/NUI
  • Source: Richard Monson-Haefel/NUI
  • Source: Richard Monson-Haefel/NUI
  • HCI, UI, GUI, PUI, AUI, ID, IA, NUI… UX? Service Design… UX? http://old.sigchi.org/cdg/cdg2.html
  • 자기효능감(self-efficacy)
  • 자기효능감(self-efficacy)
  • Human
  • Culture-Ecosystem
  • Interaction
  • Desires 자기효능감(self-efficacy) 친구(Social)오픈(Open-eco)
  • Profitably
  • UXD is meeting the desires of HCEI(Human Culture- Ecosystem Interaction) profitably.
  • 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
  • 최첨단 유비쿼터스 기술을 아파트현관 거울에 적용, 편리핚주거생활이 가능하도록 하는 국내최초의 최첨단 거울인„트랜스폼(TRANSFORM) 매직거울‟도 개발했다.외출핛 때 현관에 다가서면 날씨에따라 거울에서 “오늘은 비가 올예정이오니 우산을 준비하시기바랍니다” 등과 같은 음성이 나오고,현재의 날씨와 온도, 주차위치번호가 표시된다.
  • Service Design… UX?HCI, UI, GUI, PUI, AUI, ID, IA, NUI,Service + Culture Ecosystem ≒ UX http://old.sigchi.org/cdg/cdg2.html
  • 여전히사용하지못하는 웹(Info. Web UX사례 연구: KTOlleh Web)
  • 아이패드 요금을 확인해볼까?
  • 헉? 왜 없어?콜센터라…어-,-
  • 여보세요? 뭐요?개인정보수정?어디 있는데?
  • 비밀번호 입력해야 하는 거야? 예? 여보세요? 어디요? 핸드폰/태블릿 관리?
  • 태블릿 번호요?
  • 태블릿 번호 어디?
  • 휴,이제 어디로 가지? 홈 눌러야겠다
  • 헐~ 왜 없어? 뭐?로그아웃하라고? 헐!
  • 이 문제를 어떻게 해결핛 수 있을까요?
  • 이 문제를 어떻게 해결핛 수 있을까요?상품을 자동 등록시키면 되겠죠^^
  • 그런데 왜 못했을까요?
  • 그런데 왜 못했을까요?UX 관점의 부족 때문이죠^^
  • UX 관점에서 본 트렌드 리딩이 뭘까요?
  • UX 관점에서 본 트렌드 리딩이 뭘까요? 실질적인 개인화! 사용자가 불필요핚 수작업과프로세스를 경험하지 않도록 하는 것
  • 사람의 이해가부족한 웹(Social Web UX사례 연구)
  • tweet: reply: retweet = 25: 65: 104번에 1번만 자기 이야기하고,3번에 2번은 옆 사람과 이야기 주고받고,10번에 1번은 서로 공감핚다!
  • SNS는 증가하는데 왜 속마음을 털어놓을 친구는줄어들까?실제와 다른 자신을 연기하면서 혼란을 느낀다?!„다 함께 홀로‟ 상태!사람들과 어울려 사는 삶이 부담스럽게 느껴져?!
  • 벽 보고 말하는 것 같아-,-
  • 벽 보고 말하는 것 같아-,-사람들의 실시간 반응을 보여준다면!
  • UX 관점에서 본 트렌드 리딩이 뭘까요? 실시간 행동(Realtime activities) 노출!실시간 웹에서 지속적인 몰입감을 높이기위해서는 자기효능감을 끊임없이 강화핛 수 있는 실시간 피드백이 중요함
  • 뭔가 2% 부족핚 것 같은데…
  • 벽 보고 말하는 것 같아-,-해쉬태그를 응용해본다면…
  • 해쉬태그는 잘못된 UX!1. 문법공부 = CUI = 시대 역행2. 태그 생성 = 공감 매칭 미흡3. 태그 암기 = CUI = Recall4. 불필요핚 복잡성 증가
  • 그러나, 해쉬태그는 불특정 다수와 공유하는 장점!
  • 그러나, 해쉬태그는 불특정 다수와 공유하는 장점!1. 해쉬태그를 자동화시킨다면…2. 해쉬태그 대상 트윗을 자동 노출핚다면…3. 해쉬태그 대상 트윗을 검색어와 연관시킨다면…
  • UX 관점에서 본 트렌드 리딩이 뭘까요? 해쉬태그 3A = 실시간 정보 자동 노출/접근1. 의미 단위로 태깅 자동화(메타데이터 관리)2. 의미 단위로 자동 노출(관심사로 네트워킹)3. 의미 단위로 검색어와 자동 연관
  • https://twitter.com/ http://twtkr.olleh.com/
  • 어떤 페이지를 추구해야 핛까요?https://twitter.com/ http://twtkr.olleh.com/
  • https://twitter.com/ http://twtkr.olleh.com/
  • 어떤 페이지를 추구해야 핛까요?https://twitter.com/ http://twtkr.olleh.com/
  • http://www.facebook.com/
  • http://www.facebook.com/
  • UX 관점에서 본 트렌드 리딩이 뭘까요?1. 훑어보는 습관 지원2. 텍스트보다 비주얼, 동영상에 주목 특성 지원3. 링크 주소보다 링크 정보 미리보기 지원4. 작성 시 첨부/링크 정보 확인 지원
  • UX,사람과 사회를알자!
  • 다섯 가지 본능적 직감사회심리학자 조너선 하이트(Haidt) 교수1. 연약한 대상을 보살피려는 본능2. 공정해야 한다는 본능3. 자기가 속한 그룹에 충성해야 한다는 본능4. 윗사람을 공경해야 한다는 본능5. 순결과 신성함을 소중하게 여기는 본능• 이성은 직감이 먼저 판단핚 것을 나중에 왜 그 판단이 옳았는지 밝혀내는 쪽에 주로 이용• 의견이 다른 사람을 만나 이성적인 언어로 아무리 설득을 하려고 해도 설득이 되지 않는 이유
  • 개인/공동체의 행위와 짂화 출처: 사회과학 융합연구 심포지엄
  • SAP UI Guideline 구분 No. UI 가이드라인 사례 • 아이콘 1 유관 정보는 그룹핑을 해야 함 • 항목 • 항목 2 필수 항목과 선택 항목을 명료하게 구분해야 함 • 영역: 필수/옵션/세팅InformationArchitecture • Year 3 중복된 항목과 불필요핚 항목은 제거를 해야 함System • Company code 4 단일핚 UI에 복수의 목적을 부과하지 말아야 함 • Report Period • 조회 화면 5 조회와 결과 화면을 통합해서 제공해야 함 • 결과 화면Labeling 6 사용자 입장에서 레이블링을 해야 함 • Company codeSystem 7 사용자의 실수를 방지해야 함 • 년도, 월, 일 직접 입력 8 가로 스크롤을 지양해야 함 • 조회 결과 화면 • 출력/미출력 정보 피드백 9 정보의 상태가 변화되면 명료핚 피드백을 제공해야 함 • 선택/미선택 정보 피드백 유관 정보(또는 영역) 간 상관 관계를 직관적으로 제공해야Interface 10 • Temporary payment clearing 조회 결과 화면 함 11 내비게이션 단서를 제공해야 함 • Class 화면 -Asset class 화면 • Asset report 엑셀 다운로드 • Customer Billing Print 출력 프로세스: 수정 12 사용자의 습관을 지원해야 함 • 검색 결과가 1개인 경우 출력 프로세스 • 디폴트 기간 설정
  • 경청해주셔서 고맙습니다!