13. 서비스디자인 기반 구축
* UX 컨설팅을 기반으로 한 고객지향적 영업지원시스템 구축
- 프로젝트 초기 2개월 UX컨설팅 진행
- FC 설문을 통한 핵심기능 요소 식별
- FGI(Focus Group Interview) 를 통한 고객 컨설팅 Process 모델링
ING 생명 모바일SFA
14. 고객신뢰
참고 : ACCENTURE, BACKBASE
TIME
CHANNEL
CONTENT
RIGHT
(relevant)
ME
KNOW
SHOW
ENABLE
VALUE
mission. 고객접점(채널) 확대
18. 온라인 채널도 고객 친절 서비스가 필요하지 않을까?
고객의 동선을 고려한 지점 설계
신속한 업무 처리(대기 시간 최소화)
고객이 많이 찾는 업무 창구 입구쪽 배치
인적 상담을 통한 명확한 정보 제공
친절한 안내 및 피드백
등등등…
고객은 온라인 서비스에서 불편함을 느낄 때 오프라인 보다 더 빨리 서비스를 이탈
UX는 사람이 아닌 “온라인 서비스 자체에 친절의 정신을 심어 두는 것”
고객의 온라인 동선을 고려한 서비스 제공
원하는 메뉴에 빨리 접근할 수 있는 네비게이션
고객이 많이 찾는 메뉴를 가장 먼저 노출
안내, 알람, 강조 등의 기능을 통한 사용자 인지
이용 도중에 길을 잃지 않도록 서비스 가이드
등등등…
OFF LINE SERVICE ON LINE SERVICE
19. 사용자의 Wants에 기반한 디자인 전략 수립
기업의 Brand Identity
Style Guide
Device/OS
UI Guide
인터렉션
디자인1) 원칙
디자인 전략
+ +
사용자 경험
사용자 감성
• 기업 브랜드 이미지에 기반하면서도 트렌드한 감성을 전달 할 수 있는 스타일
• 사용자의 스마트단말 사용경험에 반하지 않는 가이드 준수
• 인터렉션디자인 기본 원칙에 충실한 UI 가이드라인
20. 디자인 요소
색상
배치
서체
이미지요소
_주조색, 보조색, 강조색_
_레이아웃, 그리드_
_폰트, 사이즈, 폰트컬러_
_일러스트, 아이콘, 블릿…_
디바이스 사용성
네비게이션
탑재/배포
시스템 UI
_크기, 터치영역, 제조사별 PUI (물리버튼)_
_이전/위로, 뷰전환, 앱간전환_
_앱아이콘, 브랜딩요소, 스토어 게시가이드_
_시스템통지, 위젯, 설정, 접근성_
제스쳐 & 트랜지션
디자인 패턴
사용성 체크리스트
UI 요소
_터치외 제스처 가이드, 트랜지션 가이드_
_네비게이션, 폼, 테이블&리스트, 검색/정렬, 툴바, 인비테이션/도움말, 피드백…_
_사용자 대상 사용성 평가 가이드_
_타이틀, 메뉴, 탭, 버튼, 레이블, 스크롤, 페이지표현, 팝업, 안내문구, progress, 픽커…_
멀티미디어 사용 _이미지, 사운드, 비디오, 애니메이션_
스타일 공통 정의 _네이밍룰, UI요소와 페이지의 기본 스타일 정의_
다 해상도 대응 _반응형 그리드, 미디어쿼리 사용_
접근성 _접근성 고려사항, 모바일웹/하이브리드앱_
스타일가이드
디바이스/
OS UI 가이드
인터렉션
디자인가이드
퍼블리싱
가이드
21. mobile app & mobile web
Value
-added
‘10 ‘11 ‘12 ‘13
Account
‘14
Brand /
Catalog 2010.11
LIG손해보험 MW
2012.08
삼성화재 MW/A
2011.06
IBK MW (반응형,소셜로그인)
2009.11
iPhone 출시
2011년말
MW 공인인증
2009.12
하나 N Bank
APP
WEB
‘15
22. Value added 모바일 서비스 사례
* 동부화재 길라잡이 APP / 컨텐츠
- Adobe AIR 기술을 기반으로 동적 니즈유발 컨텐츠 제작
- 상품정보, 동영상, 이미지 등의 태블릿 컨텐츠 최적화
* IBK기업은행 스마트상담창구 구축
- 예금, 보험, 펀드 등 각종 상품정보를 동적으로 제작
- 창구 비치용과 고객 배포용 어플리케이션 (iPAD)
23. 금융서비스 오픈웹 사례
국내 최초 다이렉트 생명보험사
교보라이프플래닛 구축
미래에셋생명 다이렉트
접근성 준수
멀티 브라우저 지원
모바일 지원
26. Context Based Service
Location
Activity
Time
. Home
. Office
. 번화가
. 외국
. QR Code 인식
. Driving
. Shopping
. Sporting Event
. Movie
. Schedule
. Day of Week
. Time of Day
Contextual Data
+
추가 Data
(개인정보, 성향 등)
혜택가맹점 추천
우수회원 전환 유도
금융서비스 추천
금융서비스