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

1. B2C 웹사이트와
B2B 솔루션의
UX 방향성 논의
(4회 UX Camp Seoul)
2012.7.14
InnoUX CEO 최병호
InnoUX@InnoUX.com, @ILOVEHCI

2. Table of Contents
• 화두
• B2C 웹사이트의 UX 방향성
• B2B 솔루션의 UX 방향성
• 토의
B2C 웹사이트와 B2B 솔루션의 UX 방향성 논의 1 © 2012 InnoUX & Innodesign All rights reserved.

3. 화두:
• 왜 사용자는
여전히 웹사이트를
사용하는데
어려움을 겪는가?
• 왜 직원은
엔터프라이즈
솔루션을 사용할
때 열심히
공부해도 여전히
사용하기
어려운가?

4. 포커스를 바꿔라!
주어를 바꿔라!
인터페이스보다 인터랙션을!

5. B2C 웹사이트
UX 방향성

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

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

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

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

17. 태블릿 번호요?

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

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

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

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

27. 한 개의 페이지는 한 개인가?
Interface Design은 무엇인가?
Interaction Design은 무엇인가?

47. B2B 솔루션
UX 방향성

48. 1. Asset report

49. 1. Asset report

50. 1. Asset report-list asset display

51. 1. Asset report-asset class display

52. 1. Asset report-retirement asset only(List asset display)

53. 1. Asset report-retirement asset only(asset class display)

54. 1. Asset report-Download the excel file

55. 1. Asset report-Download the excel file

56. 1. Asset report-Download the excel file

57. 1. Asset report-Download the excel file

58. 1. Asset report-Download the excel file

59. 2. Customer Billing Print

60. 2. Customer Billing Print

61. 2. Customer Billing Print

62. 3. Temporary payment clearing

63. 3. Temporary payment clearing

64. 3. Temporary payment clearing

65. 3. Temporary payment clearing

66. SAP UI 가이드라인
구분 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개인 경우 출력 프로세스
• 디폴트 기간 설정
SAP UI 평가 65

67. 토의:
• 설계 또는 GUI 디자인
시 UI/UX
가이드라인은 도움을
제공하지 못하는가?
• 페이지 디자인보다
인터랙션 디자인이
중요하다고 보는가?
그렇다면 이것을
해결할 수 있는 설계
방법 또는 설계
프로세스는 기존에
없었던 것인가?

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