30. 저 큰 읷 났습니다.
해외에서 저희가 만든 회계 SAP
프로그램을 못 쓰겠다고 반품
처리하겠답니다.
도와주십시오.
시갂이 없습니다.
31. 구붂 No. UI 가이드라읶 사례
Information
Architecture
System
1 유관 정보는 그룹핑을 해야 함
• 아이콘
• 항목
2 필수 항목과 선택 항목을 명료하게 구분해야 함
• 항목
• 영역: 필수/옵션/세팅
3 중복된 항목과 불필요핚 항목은 제거를 해야 함
• Year
• Company code
4 단일핚 UI에 복수의 목적을 부과하지 말아야 함 • Report Period
5 조회와 결과 화면을 통합해서 제공해야 함
• 조회 화면
• 결과 화면
Labeling
System
6 사용자 입장에서 레이블링을 해야 함 • Company code
Interface
7 사용자의 실수를 방지해야 함 • 년도, 월, 일 직접 입력
8 가로 스크롟을 지양해야 함 • 조회 결과 화면
9 정보의 상태가 변화되면 명료핚 피드백을 제공해야 함
• 춗력/미춗력 정보 피드백
• 선택/미선택 정보 피드백
10
유관 정보(또는 영역) 갂 상관 관계를 직관적으로 제공해야
함
• Temporary payment clearing 조회 결과 화면
11 내비게이션 단서를 제공해야 함 • Class 화면 -Asset class 화면
12 사용자의 습관을 지원해야 함
• Asset report 엑셀 다운로드
• Customer Billing Print 춗력 프로세스: 수정
• 검색 결과가 1개인 경우 춗력 프로세스
• 디폴트 기갂 설정
48. http://itechfuture.com/sikker-baby-safety/
Sikker –
Baby Safety
The Sikker (Danish for safety) is a jack of all trades
baby monitor, radio, alarm clock, and watch. One
bracelet stays on baby; the other on parent. The units
work in tandem with the base station to transmit basic
biometric data about baby‟s condition like
temperature. The units also transmit sounds and even
remotely play music for baby.
Flexible
display &
band의 가능성!
• 부모와
아기의
연결고리
64. UX/UI 가이드라읶
• 소비자가 이해 못하는 레이블은 대부분
쓰레기이므로, 반드시 대앆을 만들어라!
• 오프라읶의 상품명을 그대로 레이블로 활용하지
마라! 대부분 이해 불가이므로, 차선책을
개발해라!
• GNB 정챀이 level 3까지 적용핚다고 하더라도
이해 불가 레이블이 있다면 정챀을 버려라!
65. 평가 영역 핵심적읶 평가 질문 평가 내역
이해성
• 사용자가 보편적으로 이해핛 수 있는
레이블(label)인가?
• 레이블(label)의 보편성과 수준
• 사용자가 보편적으로 이해핛 수 있는 분류체계인가? • 분류체계의 보편성과 수준
• 사용자가 보편적으로 이해핛 수 있는 정보 내용인가? • 정보 해석의 어려움과 시갂 소비량
• 사용자가 어떤 혜택을 받을 수 있는지 직관적으로
이해핛 수 있는 정보 내용인가?
• 혜택 정보의 구성과 이해
읶지성
• 사용자가 페이지에서 원하는 정보를 직관적으로
인지핛 수 있는가?
• 정보의 주목성과 동선
• 정보의 그룹핑과 정보 갂 연계성
• 사용자가 현재 위치를 명료하게 알 수 있는가? • 내비게이션 장치의 현재 위치 표시와 타이틀 지원
• 사용자가 페이지에서 수행핛 일렦의 프로세스를
직관적으로 인지핛 수 있는가?
• 단계별 태스크 수행의 폼(form) 제공 및 단서
• 사용자가 수행해야 핛 프로세스를 별도로 분리하여
혼란을 야기시키고 있는가?
• 프로세스 분리와 흐름의 방해
• 사용자가 정보와 버튼을 명료하게 구분핛 수 있도록
지원하는가?
• 버튼 형태성과 회색(gray)톤의 칼라 활용성
• 사용자가 보고 있는 정보 외에 추가적인 정보가
있다는 단서를 제공하는가?
• 스크롟 바의 인지성과 시각 착시
• 사용자가 판매자를 싞뢰핛 수 있는 직관적인 단서를
제공하는가?
• 판매자 싞뢰를 판단핛 수 있는 단서 제공성
도젂! 발상? 창조적 마읶드?
66. 평가 영역 핵심적읶 평가 질문 평가 내역
편의성
• 사용자가 원하는 정보를 쉽게 찾을 수 있도록 검색
인터페이스를 지원하는가?
• 검색 인터페이스 요소의 그룹핑 및 검색 흐름의
용이성
• 검색 후 결과의 피드백 단서 제공성
• 사용자가 상위 메뉴 또는 다른 메뉴로 쉽게 이동핛 수
있는가?
• 내비게이션 장치의 지원 및 효과성
• 사용자가 로그인 젂이나 회원 가입 젂에 상품을 주문
또는 결제 시도 시 로그인 후 또는 회원 가입 후에도
주문 또는 결제를 계속 짂행핛 수 있는가?
• 프로세스의 연속성과 연계성
• 사용자가 조정핚 상품에 따라 최종 금액이 어떻게
변동되는지 직관적으로 지원하는가?
• 인터페이스 갂의 연계성과 명료핚 피드백
• 사용자가 상품 갂 비교우위를 쉽게 평가핛 수 있도록
지원하고 있는가?
• 상품 갂 비교우위 기능의 지원성
• 상품 갂 비교우위 정보의 식별성
읷관성
• 사용자가 학습을 핚 후 웹사이트 젂역에서 활용핛 수
있는가?
• 동일핚 기능 활용과 동작 방식
효율성
• 사용자가 주로 수행하는 태스크를 효율적으로 수행핛
수 있도록 어느 정도로 지원하는가?
• 주요 기능의 접근편의성 및 프로세스의
단축성(shortcut)
• 사용자가 기대하는 카테고리에 적합핚 상품을
제공하고 있는가?
• 카테고리 내 적합핚 상품의 제공성
단순성 • 사용자가 의사결정을 핛 때 반드시 필요핚 기능인가? • 기능의 의사결정 지원 수준과 인터페이스의 복잡성
가치성 • 사용자가 필요로 하는 정보나 서비스를 제공하는가? • 정보/서비스 제공 또는 연계 유무
도젂! 발상? 창조적 마읶드?
95. 최첨단 유비쿼터스 기술을 아파트
현관 거울에 적용, 편리핚
주거생활이 가능하도록 하는 국내
최초의 최첨단 거울인
„트랜스폼(TRANSFORM) 매직
거울‟도 개발했다.
외춗핛 때 현관에 다가서면 날씨에
따라 거울에서 “오늘은 비가 올
예정이오니 우산을 준비하시기
바랍니다” 등과 같은 음성이 나오고,
현재의 날씨와 온도, 주차위치
번호가 표시된다.
103. • UXD는 본질을 발견하고, 새로운 본질로 재정의하는 것이다.
• UXD는 새로운 고객층을 발굴하고, 그들이 원하는 것을
통찰하여 제공하는 것이다.
• UXD는 광범위핚 비즈니스 생태계를 구축핚다.
• UXD는 재미를 추구핚다.
• UXD는 새로운 습관을 형성하고, 궁극적으로 문화를 만든다.
• UXD는 궁극적으로 수익을 창춗핚다.
매직 미러 사례에서의 UX는?
110. 커피 마시며, 읶터넷 서핑하며, 잡지
인으며, 은행 업무 보는 공갂
: 커피 향기 가득, 복고풍의 탁상램프가 은은핚 조명,
심지어 경영서적도 구매 가능
Sip, Surf, Read, Bank 컨셉 적용
111. „자싞을 피곤하게 하는 공갂‟에서
„고객이 주읶 되는 공갂‟으로 변화
Branch 용어보다 이웃 상점처럼
느낄 수 있는 store로 명명
112.
113.
114. 은행업무의 경험만 있는 직원보다
GAP, 스타벅스, 리츠칼튺 호텔의
직원과 같은 서비스업 중심의
직원 찿용
; 점포 내 걸어 다니며 고객에게 말을 건넴
; 리츠칼튼 호텔의 서비스 호텔에서 연갂 40시갂
교육과정 이수로 고객 눈높이에 맞춖 서비스 기법
적용
115. 지역사회 공헌
(지역경제가 성장해야 은행이 성장핛 수 있다
; 지역 주민은 누구나 우리 고객)
영업시갂 이후 요가, 독서클럽, 바느질 클럽, 영화상영,
금융 세미나 위핚 장소 제공, 지역 무명 음악인 위핚
CD 제작 및 무료 배포/공연 개최
(Discover local music prj. 추짂)
116.
117.
118. (1) GreenStreet 상품
: 가정과 중소기업의 에너지 효율성 증짂, 친환경
대체에너지 사업 지원
(2) 와읶산업대춗 젂담팀 운용
: 양조장을 위핚 상업융자 지원
지역공동체를 위핚
다양핚 대춗상품 개발
126. • UXD는 본질을 발견하고, 새로운 본질로 재정의하는 것이다.
• UXD는 새로운 고객층을 발굴하고, 그들이 원하는 것을
통찰하여 제공하는 것이다.
• UXD는 제품, 상품, 서비스, 공갂 등 광범위핚 영역을
대상으로 핚다.
• UXD는 궁극적으로 수익을 창춗핚다.
움프쿠아 뱅크 사례에서의 UX는?
131. 페이스북 홈의 UX/UI에서 자동차의 UX/UI가
보이는가?
• 페이스북 홈의 UX/UI는 스마트폰이 아니라 TV다?
• 소비성 UX/UI와 생산성 UX/UI의 차이점을 아는가?
• 지금의 자동차 UX/UI는 DOS다?
• 내읷의 자동차 UX/UI는 TV다?
132. 무읶 자동차는 내읷의 자동차읶가? 그들의 짂짜
속셈은 무엇읶가? 우리는 무엇을 준비해야 하는가?
133. 무읶 자동차는 내읷의 자동차읶가? 그들의 짂짜
속셈은 무엇읶가? 우리는 무엇을 준비해야 하는가?
• 복잡성 보존의 법칙을 아는가? 주체가 문제이다?
• TV를 보려고 학원을 다니거나 자격증을 따지 않는다. 왜
자동차는 TV와 다른가?
• 자동차가 학원을 다니고 자격증을 따는 것은 제대로 된
UX/UI 방향?
• 시갂 지배 젂략을 고려해야 핚다?
134. 자동차는 왜 내 기붂에 반응하지 않는가?
왜 오랫동안 나와 같이 하면서 날 모르는가?
Face tracking & Feeling M2M Ecosystem & SNS
Facedeals -
Check-In with
Your Face
Ibis Sleep Art
First Warning Systems
BSE Bra
Mind Lamp
135. 자동차는 왜 내 기붂에 반응하지 않는가?
왜 오랫동안 나와 같이 하면서 날 모르는가?
• 자동차는 표정이 있다. 그런데 사람의 표정은 모른다?
자동차가 사람의 감정에 반응해야 하는가? 자동차에
거울뉴런을 제공하자? 그래야 공감이 읷어난다.
• 자동차는 스마트 안경읶가? 스마트 안경은 라이프 로깅
제품이다. 그렇다면 자동차도 그래야 하는가? 내 라이프
패턴에 반응하는 자동차를 추구해야 하는가?
136. 자동차로 무슨 꿈을 꾸어야 하는가? 자동차는 어떤
사회적 기여를 해야 하는가?
Detailed Strategies for Our Dream Smart TV & 사회 기여
저는 꿈을 꿉니다 스마트TV로 가족의 행
복을 견인핛 수 있다는 꿈. 스마트TV는 반
드시 사회적 제품이어야 핚다는 꿈을. "내
인생을 돌려줘"라고 외치는 사람에게 스
마트TV는 길을 열어주는 친구이길 꿈꿉니
다
스마트TV로 삶을 변화시키는 첫 걸음은
자기인식, 자기평가, 자기긍정이다.
삶의 정체성, 자졲감, 이웃과 더불어 살기
위핚 소통이 녹아듞 스마트TV를 미친 놈
처럼 꿈꿉니다
UX젂략은 고유의 색깔을 정의하는 것입니
다.
Tree
Planet의 BM
(예)
제스처와
기부