B2C 웹사이트와 B2B 솔루션의 UX 방향성 논의 (4회 UX Camp Seoul)

1,776 views
1,588 views

Published on

B2C 웹사이트와 B2B 솔루션의 UX 방향성 논의 (4회 UX Camp Seoul)

화두
B2C 웹사이트의 UX 방향성
B2B 솔루션의 UX 방향성
토의

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,776
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

B2C 웹사이트와 B2B 솔루션의 UX 방향성 논의 (4회 UX Camp Seoul)

  1. 1. B2C 웹사이트와 B2B 솔루션의UX 방향성 논의 (4회 UX Camp Seoul) 2012.7.14 InnoUX CEO 최병호 InnoUX@InnoUX.com, @ILOVEHCI
  2. 2. Table of Contents• 화두• B2C 웹사이트의 UX 방향성• B2B 솔루션의 UX 방향성• 토의B2C 웹사이트와 B2B 솔루션의 UX 방향성 논의 1 © 2012 InnoUX & Innodesign All rights reserved.
  3. 3. 화두:• 왜 사용자는 여전히 웹사이트를 사용하는데 어려움을 겪는가?• 왜 직원은 엔터프라이즈 솔루션을 사용할 때 열심히 공부해도 여전히 사용하기 어려운가?
  4. 4. 포커스를 바꿔라! 주어를 바꿔라!인터페이스보다 인터랙션을!
  5. 5. B2C 웹사이트UX 방향성
  6. 6. 아이패드 요금을 확인해볼까?
  7. 7. 헉? 왜 없어?콜센터라…어-,-
  8. 8. 여보세요? 뭐요?개인정보수정?어디 있는데?
  9. 9. 비밀번호 입력해야 하는 거야? 예? 여보세요? 어디요? 핸드폰/태블릿 관리?
  10. 10. 태블릿 번호요?
  11. 11. 휴,이제 어디로 가지?홈 눌러야겠다
  12. 12. 헐~ 왜 없어? 뭐?로그아웃하라고? 헐!
  13. 13. 이 문제를 어떻게 해결할 수 있을까요?
  14. 14. 이 문제를 어떻게 해결할 수 있을까요?상품을 자동 등록시키면 되겠죠^^
  15. 15. 한 개의 페이지는 한 개인가? Interface Design은 무엇인가?Interaction Design은 무엇인가?
  16. 16. B2B 솔루션UX 방향성
  17. 17. 1. Asset report
  18. 18. 1. Asset report
  19. 19. 1. Asset report-list asset display
  20. 20. 1. Asset report-asset class display
  21. 21. 1. Asset report-retirement asset only(List asset display)
  22. 22. 1. Asset report-retirement asset only(asset class display)
  23. 23. 1. Asset report-Download the excel file
  24. 24. 1. Asset report-Download the excel file
  25. 25. 1. Asset report-Download the excel file
  26. 26. 1. Asset report-Download the excel file
  27. 27. 1. Asset report-Download the excel file
  28. 28. 2. Customer Billing Print
  29. 29. 2. Customer Billing Print
  30. 30. 2. Customer Billing Print
  31. 31. 3. Temporary payment clearing
  32. 32. 3. Temporary payment clearing
  33. 33. 3. Temporary payment clearing
  34. 34. 3. Temporary payment clearing
  35. 35. SAP UI 가이드라인 구분 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개인 경우 출력 프로세스 • 디폴트 기간 설정 SAP UI 평가 65
  36. 36. 토의:• 설계 또는 GUI 디자인 시 UI/UX 가이드라인은 도움을 제공하지 못하는가?• 페이지 디자인보다 인터랙션 디자인이 중요하다고 보는가? 그렇다면 이것을 해결할 수 있는 설계 방법 또는 설계 프로세스는 기존에 없었던 것인가?
  37. 37. 경청해주셔서 고맙습니다!

×