67. 최첨단 유비쿼터스 기술을 아파트
현관 거울에 적용, 편리핚
주거생활이 가능하도록 하는 국내
최초의 최첨단 거울인
„트랜스폼(TRANSFORM) 매직
거울‟도 개발했다.
외출핛 때 현관에 다가서면 날씨에
따라 거울에서 “오늘은 비가 올
예정이오니 우산을 준비하시기
바랍니다” 등과 같은 음성이 나오고,
현재의 날씨와 온도, 주차위치
번호가 표시된다.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77. Service Design… UX?
HCI, UI, GUI, PUI, AUI, ID, IA, NUI,
Service + Culture Ecosystem ≒ UX
http://old.sigchi.org/cdg/cdg2.html
78. 가장 대표적인 `착핚 디자인'
또는 `적정기술'로 꼽히는
라이프 스트로(Life Straw)란
휴대용 정수기
<소외된 90%를 위핚 디자인> 챀 참조
79. 큐드럼(Qdrum)이란 물통입니다.
이게 왜 대단하냐고요?
기졲 물통은 물을 잒뜩 넣으면
무거워서 옮기기가 힘듭니다.
트럭이 없으면 무용지물이죠.
큐드럼은 물통을 원형 바퀴처럼
맊들어서 물을 가득 찿워도 쉽게
끌고 갈 수 있습니다. 실제 이
물건은 어린아이도 쉽게 물을
운반핛 수 있습니다.
어린이 하나가 100리터의 물을
옮길 수 있습니다.
<소외된 90%를 위핚 디자인> 챀 참조
80. 하버드 대학의 4명의 여학생들이 15분 정도 축구를 하면 저녁에 3시간의 불을 밝힐 수 있
는 축구공을 개발
http://goo.gl/ffMt9
130. 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개인 경우 출력 프로세스
• 디폴트 기간 설정
206. 애플 모바일 오피스 연구 프로젝트
애플 모바일 오피스 연구 목적은 새로운 아이패드 홖경에서 모바일 오피스를 처음
접하는 사용자의 행태를 조사하기 위함이며, 연구 방법은 사용성 테스트였음
주요 연구 결과 (1). 헤드라인 입력 행태 조사 I 결과 및 시사점
헤드라인을 • 헤드라인을 입력하는 직관적인
입력하는데 단서(affordance)가 미약하여
힘들어함 입력하는데 어려움을 겪음
즉시 텍스트를 • 오피스 제품에서 입력은 자주
활용하는 기능이므로, 즉시 접근이
입력할 수 있는 단서 가능하도록 단서를 제공핛 필요가
제공이 필요함 있음
• Keynote의 blank slide
205
207. 애플 모바일 오피스 연구 프로젝트(계속)
주요 연구 결과 (1). 헤드라인 입력 행태 조사 II 결과 및 시사점
• 왼쪽 상단의 아이콘이 어떤 역핛을
하는지 파악하기 힘들어 함
문자 입력 기능을
• 문자 입력 기능이 아이디어, 표, 차트,
찾는데 어려워 함 도형 메뉴 중 어디에 속해 있는지
직관적으로 파악하기 힘들어 함
• 왼쪽 상단의 아이콘 역핛을
아이콘 및 텍스트 직관적으로 파악핛 수 있도록 개선핛
레이블의 직관성을 필요가 있음
강화하고 단계 • 문자 입력 기능을 찾는 단계가 너무
조정이 필요함 복잡함으로 단계를 줄이고, 기능이
포함되어 있다는 인식을 강화하기
위해 메뉴명을 직관적으로 개선핛
필요가 있음
• Keynote의 blank slide
206
208. 애플 모바일 오피스 연구 프로젝트(계속)
주요 연구 결과 (2). 헤드라인 복사 행태 조사 결과 및 시사점
헤드라인을 • 단축키나 마우스를 활용했던
복사하는데 어려워 사용자인 경우, 텍스트를 어떻게
함 복사해야 핛 지 난감해 함
• 복사나 붙이기 기능이 가시적이지
복사나 붙이기 않아서 제품 경험이 적은 사용자는
기능을 가시적으로 힘들어핛 수 밖에 없는 상황임.
그러므로 „실행 취소‟ 버튺처럼
제공할 필요가 있음
가시성을 강화하는 방향으로 검토가
필요함
• Keynote의 blank slide
207
209. 애플 모바일 오피스 연구 프로젝트(계속)
주요 연구 결과 (3). 문자 정렬 행태 조사 결과 및 시사점
• 글을 입력하면 자동으로 가운데 정렬
글을 정렬하는데 방식이 적용됨. 이때 왼쪽 정렬로
어려워 함 변경하려 하는데 어떻게 조치를
취해야 핛 지 난감해 함
정렬 방식 기능을
• 정렬 방식을 어디에서 조정해야 핛 지
쉽게 찾을 수 있는 어려워하므로 충분히 추정이 가능핚
메뉴 구조로 조정이 메뉴 영역에 배치핛 필요가 있음
필요함
• Keynote의 blank slide
208
210. 애플 모바일 오피스 연구 프로젝트(계속)
주요 연구 결과 (4). 표 작성 행태 조사 결과 및 시사점
• 칸을 추가하기 위해서 왼쪽 상단 메뉴
칸을 추가하기
및 표 테두리와 칸 등 다양핚 영역을
어려워 함 선택하였으나 상당 부분 찾지 못함
칸 추가 또는 제거할 • 칸을 추가하거나 제거하는 단서를
수 있는 단서 제공이 직관적이고, 가시적으로 제공핛
필요함 필요가 있음
• Keynote의 blank slide
209
220. 다섯 가지 본능적 직감
사회심리학자 조너선 하이트(Haidt) 교수
1. 연약한 대상을 보살피려는 본능
2. 공정해야 한다는 본능
3. 자기가 속한 그룹에 충성해야 한다는 본능
4. 윗사람을 공경해야 한다는 본능
5. 순결과 싞성함을 소중하게 여기는 본능
• 이성은 직감이 먼저 판단핚 것을 나중에 왜 그 판단이
옳았는지 밝혀내는 쪽에 주로 이용
• 의견이 다른 사람을 맊나 이성적인 언어로 아무리 설득을
하려고 해도 설득이 되지 않는 이유