SlideShare ist ein Scribd-Unternehmen logo
1 von 27
Downloaden Sie, um offline zu lesen
금융서비스의 멀티채널 디자인
스마트미디어그룹
박천수 그룹장
http://niti-nat.com/2012/07/24/addiction-to-technology/
http://russadcox.wordpress.com/2013/01/07/screen-addiction/
http://en.wikipedia.org/wiki/File:Cuddling_with_multiple_devices.jpg
Always ON !
C세대_Connected Customer
커뮤니케이션
정보검색
커머스
엔터테인먼트
항상 연결되어 있으며 (Connection),
능동적으로 컨텐츠를 만들어 냅니다 (Creation).
수집된 정보를 선별하여 가치를 부여하고 전파합니다 (Curation).
MOBILE
UI 일관성 (coherence) 동기화 (synchronization) 스크린공유 (screen sharing)
단말이동 (device shifting) 상호보완 (complementarity) 동시성 (simultaneity)
http://www.slideshare.net/preciousforever/patterns-for-multiscreen-strategies
The New Multi-Screen World Study – Google
다중 스크린 이용 모드
순차적 사용
동시 사용
The New Multi-Screen World Study – Google
순차적 사용
Source : adobe
채널이용 사용자 시나리오
고객 관심사 파악 고려 사항 의사 결정 구매
Journey map
모바일영업지원 – KPS(주요경로시나리오)
모바일영업지원 – journey map
서비스디자인 기반 구축
* UX 컨설팅을 기반으로 한 고객지향적 영업지원시스템 구축
- 프로젝트 초기 2개월 UX컨설팅 진행
- FC 설문을 통한 핵심기능 요소 식별
- FGI(Focus Group Interview) 를 통한 고객 컨설팅 Process 모델링
ING 생명 모바일SFA
고객신뢰
참고 : ACCENTURE, BACKBASE
TIME
CHANNEL
CONTENT
RIGHT
(relevant)
ME
KNOW
SHOW
ENABLE
VALUE
mission. 고객접점(채널) 확대
디지에코 보고서 : ICT와 리테일의 만남 : 옴니 채널(Omni-Channel)
모든 채널이 유기적으로 통합되어야
더 이상 깔대기로는... 스며드는 서비스
SNS
M.APPs
M.WEB
PC.WEB 지점/고객센터
모바일 우선 전략
상시성
위치성
집단지성
즉시성
이동성
개인성
때와장소에무관한서비스
위치기반연동정보제공
기존PC서비스의모바일전이
개인화Offering/추천/소통
실시간소통및혜택제공
Social커뮤니티
SNS, Game,Commerce
My page, Events,
Consulting
Push, Alarm, Chatting, Coupon
PC Contents & Service,
Multimedia
Ordering, Reservation,
Ticketing
Coupon, Advertising,
Events
모바일서비스의핵심Value를어떤방향으로활용하는지가관건입니다.
“모바일시대에서는각종개인화된경험을제공하는서비스가곧인터넷의미래”_yahoo의 Marissa Mayer CEO
온라인 채널도 고객 친절 서비스가 필요하지 않을까?
 고객의 동선을 고려한 지점 설계
 신속한 업무 처리(대기 시간 최소화)
 고객이 많이 찾는 업무 창구 입구쪽 배치
인적 상담을 통한 명확한 정보 제공
 친절한 안내 및 피드백
 등등등…
고객은 온라인 서비스에서 불편함을 느낄 때 오프라인 보다 더 빨리 서비스를 이탈
UX는 사람이 아닌 “온라인 서비스 자체에 친절의 정신을 심어 두는 것”
 고객의 온라인 동선을 고려한 서비스 제공
 원하는 메뉴에 빨리 접근할 수 있는 네비게이션
 고객이 많이 찾는 메뉴를 가장 먼저 노출
 안내, 알람, 강조 등의 기능을 통한 사용자 인지
 이용 도중에 길을 잃지 않도록 서비스 가이드
 등등등…
OFF LINE SERVICE ON LINE SERVICE
사용자의 Wants에 기반한 디자인 전략 수립
기업의 Brand Identity
Style Guide
Device/OS
UI Guide
인터렉션
디자인1) 원칙
디자인 전략
+ +
사용자 경험
사용자 감성
• 기업 브랜드 이미지에 기반하면서도 트렌드한 감성을 전달 할 수 있는 스타일
• 사용자의 스마트단말 사용경험에 반하지 않는 가이드 준수
• 인터렉션디자인 기본 원칙에 충실한 UI 가이드라인
디자인 요소
색상
배치
서체
이미지요소
_주조색, 보조색, 강조색_
_레이아웃, 그리드_
_폰트, 사이즈, 폰트컬러_
_일러스트, 아이콘, 블릿…_
디바이스 사용성
네비게이션
탑재/배포
시스템 UI
_크기, 터치영역, 제조사별 PUI (물리버튼)_
_이전/위로, 뷰전환, 앱간전환_
_앱아이콘, 브랜딩요소, 스토어 게시가이드_
_시스템통지, 위젯, 설정, 접근성_
제스쳐 & 트랜지션
디자인 패턴
사용성 체크리스트
UI 요소
_터치외 제스처 가이드, 트랜지션 가이드_
_네비게이션, 폼, 테이블&리스트, 검색/정렬, 툴바, 인비테이션/도움말, 피드백…_
_사용자 대상 사용성 평가 가이드_
_타이틀, 메뉴, 탭, 버튼, 레이블, 스크롤, 페이지표현, 팝업, 안내문구, progress, 픽커…_
멀티미디어 사용 _이미지, 사운드, 비디오, 애니메이션_
스타일 공통 정의 _네이밍룰, UI요소와 페이지의 기본 스타일 정의_
다 해상도 대응 _반응형 그리드, 미디어쿼리 사용_
접근성 _접근성 고려사항, 모바일웹/하이브리드앱_
스타일가이드
디바이스/
OS UI 가이드
인터렉션
디자인가이드
퍼블리싱
가이드
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
Value added 모바일 서비스 사례
* 동부화재 길라잡이 APP / 컨텐츠
- Adobe AIR 기술을 기반으로 동적 니즈유발 컨텐츠 제작
- 상품정보, 동영상, 이미지 등의 태블릿 컨텐츠 최적화
* IBK기업은행 스마트상담창구 구축
- 예금, 보험, 펀드 등 각종 상품정보를 동적으로 제작
- 창구 비치용과 고객 배포용 어플리케이션 (iPAD)
금융서비스 오픈웹 사례
국내 최초 다이렉트 생명보험사
교보라이프플래닛 구축
미래에셋생명 다이렉트
 접근성 준수
 멀티 브라우저 지원
 모바일 지원
시니어 뱅킹 사례
HOT. digital stamp, iBeacon(ble)
지불
/ 결제
쿠폰
/ 혜택
맴버쉽
/ 로열티
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
(개인정보, 성향 등)
 혜택가맹점 추천
 우수회원 전환 유도
 금융서비스 추천
금융서비스
감사합니다.
박천수 그룹장
pcs@pulipinc.com

Weitere ähnliche Inhalte

Andere mochten auch

[창업&예비창업자] BM모델 진단 및 수립
[창업&예비창업자] BM모델 진단 및 수립[창업&예비창업자] BM모델 진단 및 수립
[창업&예비창업자] BM모델 진단 및 수립더게임체인저스
 
세바시 15분 정진호 프레젠테이션 전문가 - 프레젠테이션은 커뮤니케이션이다
세바시 15분 정진호 프레젠테이션 전문가 - 프레젠테이션은 커뮤니케이션이다세바시 15분 정진호 프레젠테이션 전문가 - 프레젠테이션은 커뮤니케이션이다
세바시 15분 정진호 프레젠테이션 전문가 - 프레젠테이션은 커뮤니케이션이다cbs15min
 
2기 4 프레젠테이션_교재
2기 4 프레젠테이션_교재2기 4 프레젠테이션_교재
2기 4 프레젠테이션_교재Jinju Jinju
 
(07.03) 기획력완전정복4회_프레젠테이션, 설득의비법 (김용석)
(07.03) 기획력완전정복4회_프레젠테이션, 설득의비법 (김용석)(07.03) 기획력완전정복4회_프레젠테이션, 설득의비법 (김용석)
(07.03) 기획력완전정복4회_프레젠테이션, 설득의비법 (김용석)EducationWebs
 
프레젠테이션 그리고 디자인
프레젠테이션 그리고 디자인프레젠테이션 그리고 디자인
프레젠테이션 그리고 디자인동일 김
 
[30대] 2015 타겟 인사이트
[30대] 2015 타겟 인사이트[30대] 2015 타겟 인사이트
[30대] 2015 타겟 인사이트MezzoMedia
 
프레젠테이션 기획, 80%
프레젠테이션 기획, 80%프레젠테이션 기획, 80%
프레젠테이션 기획, 80%용석 김
 

Andere mochten auch (8)

프레젠테이션 프로페셔널 제1장
프레젠테이션 프로페셔널 제1장프레젠테이션 프로페셔널 제1장
프레젠테이션 프로페셔널 제1장
 
[창업&예비창업자] BM모델 진단 및 수립
[창업&예비창업자] BM모델 진단 및 수립[창업&예비창업자] BM모델 진단 및 수립
[창업&예비창업자] BM모델 진단 및 수립
 
세바시 15분 정진호 프레젠테이션 전문가 - 프레젠테이션은 커뮤니케이션이다
세바시 15분 정진호 프레젠테이션 전문가 - 프레젠테이션은 커뮤니케이션이다세바시 15분 정진호 프레젠테이션 전문가 - 프레젠테이션은 커뮤니케이션이다
세바시 15분 정진호 프레젠테이션 전문가 - 프레젠테이션은 커뮤니케이션이다
 
2기 4 프레젠테이션_교재
2기 4 프레젠테이션_교재2기 4 프레젠테이션_교재
2기 4 프레젠테이션_교재
 
(07.03) 기획력완전정복4회_프레젠테이션, 설득의비법 (김용석)
(07.03) 기획력완전정복4회_프레젠테이션, 설득의비법 (김용석)(07.03) 기획력완전정복4회_프레젠테이션, 설득의비법 (김용석)
(07.03) 기획력완전정복4회_프레젠테이션, 설득의비법 (김용석)
 
프레젠테이션 그리고 디자인
프레젠테이션 그리고 디자인프레젠테이션 그리고 디자인
프레젠테이션 그리고 디자인
 
[30대] 2015 타겟 인사이트
[30대] 2015 타겟 인사이트[30대] 2015 타겟 인사이트
[30대] 2015 타겟 인사이트
 
프레젠테이션 기획, 80%
프레젠테이션 기획, 80%프레젠테이션 기획, 80%
프레젠테이션 기획, 80%
 

Ähnlich wie 접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)

접근성캠프서울 세번째 이야기 - 금융서비스의 멀티채널 디자인 박천수(0612)
접근성캠프서울 세번째 이야기 - 금융서비스의 멀티채널 디자인 박천수(0612)접근성캠프서울 세번째 이야기 - 금융서비스의 멀티채널 디자인 박천수(0612)
접근성캠프서울 세번째 이야기 - 금융서비스의 멀티채널 디자인 박천수(0612)선영 박
 
mobile business's successful paradigm
mobile business's successful paradigmmobile business's successful paradigm
mobile business's successful paradigm유승 차
 
Youvegotidea company brief 2016 ver0.5(+hy)
Youvegotidea company brief 2016 ver0.5(+hy)Youvegotidea company brief 2016 ver0.5(+hy)
Youvegotidea company brief 2016 ver0.5(+hy)min woo Pak
 
경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라
경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라
경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라Billy Choi
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step upAmy Young Ah Kim
 
유저빌러티
유저빌러티유저빌러티
유저빌러티tailofmoon
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인Donghoo Kim
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesignJY LEE
 
ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할Billy Choi
 
모바일 앱(App) 디자인과 모바일 시장변화의 이해
모바일 앱(App) 디자인과 모바일 시장변화의 이해모바일 앱(App) 디자인과 모바일 시장변화의 이해
모바일 앱(App) 디자인과 모바일 시장변화의 이해SeungBeom Ha
 
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)Billy Choi
 
모바일 비즈니스 패러다임
모바일 비즈니스 패러다임모바일 비즈니스 패러다임
모바일 비즈니스 패러다임JongMin Choi
 
가상기업을 SNS (SaaS)와 클라우드 (PaaS)로 구축하기
가상기업을 SNS (SaaS)와 클라우드 (PaaS)로 구축하기가상기업을 SNS (SaaS)와 클라우드 (PaaS)로 구축하기
가상기업을 SNS (SaaS)와 클라우드 (PaaS)로 구축하기uEngine Solutions
 
성공하는 모바일비즈니스
성공하는 모바일비즈니스성공하는 모바일비즈니스
성공하는 모바일비즈니스Kit-bee Kim
 
모바일UX디자인 Essential
모바일UX디자인 Essential모바일UX디자인 Essential
모바일UX디자인 EssentialJunsang Dong
 
온누리Dmc ir pt_2014.06.26
온누리Dmc ir pt_2014.06.26온누리Dmc ir pt_2014.06.26
온누리Dmc ir pt_2014.06.26David Geosung Yun
 
Web develop UI/UX Tool 'SBUx'
Web develop UI/UX Tool 'SBUx'Web develop UI/UX Tool 'SBUx'
Web develop UI/UX Tool 'SBUx'ssuser4e0be8
 
082303 장이현(성공하는 모바일 비즈니스)
082303 장이현(성공하는 모바일 비즈니스)082303 장이현(성공하는 모바일 비즈니스)
082303 장이현(성공하는 모바일 비즈니스)Yihyun Jang
 
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼MarketingUracle
 

Ähnlich wie 접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612) (20)

접근성캠프서울 세번째 이야기 - 금융서비스의 멀티채널 디자인 박천수(0612)
접근성캠프서울 세번째 이야기 - 금융서비스의 멀티채널 디자인 박천수(0612)접근성캠프서울 세번째 이야기 - 금융서비스의 멀티채널 디자인 박천수(0612)
접근성캠프서울 세번째 이야기 - 금융서비스의 멀티채널 디자인 박천수(0612)
 
mobile business's successful paradigm
mobile business's successful paradigmmobile business's successful paradigm
mobile business's successful paradigm
 
Youvegotidea company brief 2016 ver0.5(+hy)
Youvegotidea company brief 2016 ver0.5(+hy)Youvegotidea company brief 2016 ver0.5(+hy)
Youvegotidea company brief 2016 ver0.5(+hy)
 
경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라
경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라
경영 혁신전략으로서의 UX, 질문의 질문을 디자인해라
 
U&I Insgiht
U&I InsgihtU&I Insgiht
U&I Insgiht
 
실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up실무를위한모바일 UI UX step up
실무를위한모바일 UI UX step up
 
유저빌러티
유저빌러티유저빌러티
유저빌러티
 
2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인2015 ux관점으로 바라본 보험 서비스 디자인
2015 ux관점으로 바라본 보험 서비스 디자인
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
 
ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할ux 2.0 시대의 ceo와 디자이너의 역할
ux 2.0 시대의 ceo와 디자이너의 역할
 
모바일 앱(App) 디자인과 모바일 시장변화의 이해
모바일 앱(App) 디자인과 모바일 시장변화의 이해모바일 앱(App) 디자인과 모바일 시장변화의 이해
모바일 앱(App) 디자인과 모바일 시장변화의 이해
 
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
UI/UX의 변화와 방향성 사색 (차세대 인터페이스 및 터치리스 UI를 위한 인터랙션 개발기술 세미나)
 
모바일 비즈니스 패러다임
모바일 비즈니스 패러다임모바일 비즈니스 패러다임
모바일 비즈니스 패러다임
 
가상기업을 SNS (SaaS)와 클라우드 (PaaS)로 구축하기
가상기업을 SNS (SaaS)와 클라우드 (PaaS)로 구축하기가상기업을 SNS (SaaS)와 클라우드 (PaaS)로 구축하기
가상기업을 SNS (SaaS)와 클라우드 (PaaS)로 구축하기
 
성공하는 모바일비즈니스
성공하는 모바일비즈니스성공하는 모바일비즈니스
성공하는 모바일비즈니스
 
모바일UX디자인 Essential
모바일UX디자인 Essential모바일UX디자인 Essential
모바일UX디자인 Essential
 
온누리Dmc ir pt_2014.06.26
온누리Dmc ir pt_2014.06.26온누리Dmc ir pt_2014.06.26
온누리Dmc ir pt_2014.06.26
 
Web develop UI/UX Tool 'SBUx'
Web develop UI/UX Tool 'SBUx'Web develop UI/UX Tool 'SBUx'
Web develop UI/UX Tool 'SBUx'
 
082303 장이현(성공하는 모바일 비즈니스)
082303 장이현(성공하는 모바일 비즈니스)082303 장이현(성공하는 모바일 비즈니스)
082303 장이현(성공하는 모바일 비즈니스)
 
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
Enterprise mobile standard, morpheus 모피어스 모바일 표준 플랫폼
 

Mehr von EducationWebs

4.한국지엠 뉴미디어로 감성을 커뮤니케이션하라 print-130513
4.한국지엠   뉴미디어로 감성을 커뮤니케이션하라 print-1305134.한국지엠   뉴미디어로 감성을 커뮤니케이션하라 print-130513
4.한국지엠 뉴미디어로 감성을 커뮤니케이션하라 print-130513EducationWebs
 
2. 에코 라이프스타일 마케팅 이계춘
2. 에코 라이프스타일 마케팅   이계춘2. 에코 라이프스타일 마케팅   이계춘
2. 에코 라이프스타일 마케팅 이계춘EducationWebs
 
1.공감, 고객의 관심사를 관찰하라 (강함수) 교재
1.공감, 고객의 관심사를 관찰하라 (강함수) 교재1.공감, 고객의 관심사를 관찰하라 (강함수) 교재
1.공감, 고객의 관심사를 관찰하라 (강함수) 교재EducationWebs
 
0. 링크 컨퍼런스 2013 서용구 교수 (수정)
0. 링크 컨퍼런스 2013 서용구 교수 (수정)0. 링크 컨퍼런스 2013 서용구 교수 (수정)
0. 링크 컨퍼런스 2013 서용구 교수 (수정)EducationWebs
 
5.모바일로 재편되는 마켓 그리고 마케팅 롯데시네마 최선아_20130510
5.모바일로 재편되는 마켓 그리고 마케팅 롯데시네마 최선아_201305105.모바일로 재편되는 마켓 그리고 마케팅 롯데시네마 최선아_20130510
5.모바일로 재편되는 마켓 그리고 마케팅 롯데시네마 최선아_20130510EducationWebs
 
3. 코오롱스포츠 발표자료130513(print)
3. 코오롱스포츠 발표자료130513(print)3. 코오롱스포츠 발표자료130513(print)
3. 코오롱스포츠 발표자료130513(print)EducationWebs
 
(05.22) 기획력완전정복3회_2세션_메모와 노트를 활용한 생각정리기술
(05.22) 기획력완전정복3회_2세션_메모와 노트를 활용한 생각정리기술(05.22) 기획력완전정복3회_2세션_메모와 노트를 활용한 생각정리기술
(05.22) 기획력완전정복3회_2세션_메모와 노트를 활용한 생각정리기술EducationWebs
 
(05.22) 기획력완전정복3회_1세션_창의적 기획의 프로세스
(05.22) 기획력완전정복3회_1세션_창의적 기획의 프로세스(05.22) 기획력완전정복3회_1세션_창의적 기획의 프로세스
(05.22) 기획력완전정복3회_1세션_창의적 기획의 프로세스EducationWebs
 
(04.24) 기획력완전정복2회_2세션_윤주협_카피라이팅 마인드
(04.24) 기획력완전정복2회_2세션_윤주협_카피라이팅 마인드(04.24) 기획력완전정복2회_2세션_윤주협_카피라이팅 마인드
(04.24) 기획력완전정복2회_2세션_윤주협_카피라이팅 마인드EducationWebs
 
(04.24) 기획력완전정복2회_1세션_강성삼_스토리 설계와 기획 프로세스
(04.24) 기획력완전정복2회_1세션_강성삼_스토리 설계와 기획 프로세스(04.24) 기획력완전정복2회_1세션_강성삼_스토리 설계와 기획 프로세스
(04.24) 기획력완전정복2회_1세션_강성삼_스토리 설계와 기획 프로세스EducationWebs
 
4-2. 디지털 마케팅(2) - 이수진
4-2. 디지털 마케팅(2) - 이수진4-2. 디지털 마케팅(2) - 이수진
4-2. 디지털 마케팅(2) - 이수진EducationWebs
 
4-1. 디지털 마케팅(1) - 이선영
4-1. 디지털 마케팅(1) - 이선영4-1. 디지털 마케팅(1) - 이선영
4-1. 디지털 마케팅(1) - 이선영EducationWebs
 
2. 웹 접근성 - 차영신
2. 웹 접근성 - 차영신2. 웹 접근성 - 차영신
2. 웹 접근성 - 차영신EducationWebs
 
3. 뉴 미디어 - 윤정근
3. 뉴 미디어 - 윤정근3. 뉴 미디어 - 윤정근
3. 뉴 미디어 - 윤정근EducationWebs
 
1. 디지털 크리에이티브 - 노진영
1. 디지털 크리에이티브 - 노진영1. 디지털 크리에이티브 - 노진영
1. 디지털 크리에이티브 - 노진영EducationWebs
 
(02.27) 기획력완전정복1회_1세션_조원석_전략적사고와문제해결방법
(02.27) 기획력완전정복1회_1세션_조원석_전략적사고와문제해결방법(02.27) 기획력완전정복1회_1세션_조원석_전략적사고와문제해결방법
(02.27) 기획력완전정복1회_1세션_조원석_전략적사고와문제해결방법EducationWebs
 

Mehr von EducationWebs (17)

4.한국지엠 뉴미디어로 감성을 커뮤니케이션하라 print-130513
4.한국지엠   뉴미디어로 감성을 커뮤니케이션하라 print-1305134.한국지엠   뉴미디어로 감성을 커뮤니케이션하라 print-130513
4.한국지엠 뉴미디어로 감성을 커뮤니케이션하라 print-130513
 
2. 에코 라이프스타일 마케팅 이계춘
2. 에코 라이프스타일 마케팅   이계춘2. 에코 라이프스타일 마케팅   이계춘
2. 에코 라이프스타일 마케팅 이계춘
 
1.공감, 고객의 관심사를 관찰하라 (강함수) 교재
1.공감, 고객의 관심사를 관찰하라 (강함수) 교재1.공감, 고객의 관심사를 관찰하라 (강함수) 교재
1.공감, 고객의 관심사를 관찰하라 (강함수) 교재
 
0. 링크 컨퍼런스 2013 서용구 교수 (수정)
0. 링크 컨퍼런스 2013 서용구 교수 (수정)0. 링크 컨퍼런스 2013 서용구 교수 (수정)
0. 링크 컨퍼런스 2013 서용구 교수 (수정)
 
5.모바일로 재편되는 마켓 그리고 마케팅 롯데시네마 최선아_20130510
5.모바일로 재편되는 마켓 그리고 마케팅 롯데시네마 최선아_201305105.모바일로 재편되는 마켓 그리고 마케팅 롯데시네마 최선아_20130510
5.모바일로 재편되는 마켓 그리고 마케팅 롯데시네마 최선아_20130510
 
3. 코오롱스포츠 발표자료130513(print)
3. 코오롱스포츠 발표자료130513(print)3. 코오롱스포츠 발표자료130513(print)
3. 코오롱스포츠 발표자료130513(print)
 
(05.22) 기획력완전정복3회_2세션_메모와 노트를 활용한 생각정리기술
(05.22) 기획력완전정복3회_2세션_메모와 노트를 활용한 생각정리기술(05.22) 기획력완전정복3회_2세션_메모와 노트를 활용한 생각정리기술
(05.22) 기획력완전정복3회_2세션_메모와 노트를 활용한 생각정리기술
 
(05.22) 기획력완전정복3회_1세션_창의적 기획의 프로세스
(05.22) 기획력완전정복3회_1세션_창의적 기획의 프로세스(05.22) 기획력완전정복3회_1세션_창의적 기획의 프로세스
(05.22) 기획력완전정복3회_1세션_창의적 기획의 프로세스
 
(04.24) 기획력완전정복2회_2세션_윤주협_카피라이팅 마인드
(04.24) 기획력완전정복2회_2세션_윤주협_카피라이팅 마인드(04.24) 기획력완전정복2회_2세션_윤주협_카피라이팅 마인드
(04.24) 기획력완전정복2회_2세션_윤주협_카피라이팅 마인드
 
(04.24) 기획력완전정복2회_1세션_강성삼_스토리 설계와 기획 프로세스
(04.24) 기획력완전정복2회_1세션_강성삼_스토리 설계와 기획 프로세스(04.24) 기획력완전정복2회_1세션_강성삼_스토리 설계와 기획 프로세스
(04.24) 기획력완전정복2회_1세션_강성삼_스토리 설계와 기획 프로세스
 
5. UX - 권오재
5. UX - 권오재5. UX - 권오재
5. UX - 권오재
 
4-2. 디지털 마케팅(2) - 이수진
4-2. 디지털 마케팅(2) - 이수진4-2. 디지털 마케팅(2) - 이수진
4-2. 디지털 마케팅(2) - 이수진
 
4-1. 디지털 마케팅(1) - 이선영
4-1. 디지털 마케팅(1) - 이선영4-1. 디지털 마케팅(1) - 이선영
4-1. 디지털 마케팅(1) - 이선영
 
2. 웹 접근성 - 차영신
2. 웹 접근성 - 차영신2. 웹 접근성 - 차영신
2. 웹 접근성 - 차영신
 
3. 뉴 미디어 - 윤정근
3. 뉴 미디어 - 윤정근3. 뉴 미디어 - 윤정근
3. 뉴 미디어 - 윤정근
 
1. 디지털 크리에이티브 - 노진영
1. 디지털 크리에이티브 - 노진영1. 디지털 크리에이티브 - 노진영
1. 디지털 크리에이티브 - 노진영
 
(02.27) 기획력완전정복1회_1세션_조원석_전략적사고와문제해결방법
(02.27) 기획력완전정복1회_1세션_조원석_전략적사고와문제해결방법(02.27) 기획력완전정복1회_1세션_조원석_전략적사고와문제해결방법
(02.27) 기획력완전정복1회_1세션_조원석_전략적사고와문제해결방법
 

접근성캠프3차 금융서비스의 멀티채널 디자인 박천수(0612)

  • 5. C세대_Connected Customer 커뮤니케이션 정보검색 커머스 엔터테인먼트 항상 연결되어 있으며 (Connection), 능동적으로 컨텐츠를 만들어 냅니다 (Creation). 수집된 정보를 선별하여 가치를 부여하고 전파합니다 (Curation). MOBILE
  • 6. UI 일관성 (coherence) 동기화 (synchronization) 스크린공유 (screen sharing) 단말이동 (device shifting) 상호보완 (complementarity) 동시성 (simultaneity) http://www.slideshare.net/preciousforever/patterns-for-multiscreen-strategies
  • 7. The New Multi-Screen World Study – Google 다중 스크린 이용 모드 순차적 사용 동시 사용
  • 8. The New Multi-Screen World Study – Google 순차적 사용
  • 9. Source : adobe 채널이용 사용자 시나리오 고객 관심사 파악 고려 사항 의사 결정 구매
  • 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. 고객접점(채널) 확대
  • 15. 디지에코 보고서 : ICT와 리테일의 만남 : 옴니 채널(Omni-Channel) 모든 채널이 유기적으로 통합되어야
  • 16. 더 이상 깔대기로는... 스며드는 서비스 SNS M.APPs M.WEB PC.WEB 지점/고객센터
  • 17. 모바일 우선 전략 상시성 위치성 집단지성 즉시성 이동성 개인성 때와장소에무관한서비스 위치기반연동정보제공 기존PC서비스의모바일전이 개인화Offering/추천/소통 실시간소통및혜택제공 Social커뮤니티 SNS, Game,Commerce My page, Events, Consulting Push, Alarm, Chatting, Coupon PC Contents & Service, Multimedia Ordering, Reservation, Ticketing Coupon, Advertising, Events 모바일서비스의핵심Value를어떤방향으로활용하는지가관건입니다. “모바일시대에서는각종개인화된경험을제공하는서비스가곧인터넷의미래”_yahoo의 Marissa Mayer CEO
  • 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. 금융서비스 오픈웹 사례 국내 최초 다이렉트 생명보험사 교보라이프플래닛 구축 미래에셋생명 다이렉트  접근성 준수  멀티 브라우저 지원  모바일 지원
  • 25. HOT. digital stamp, iBeacon(ble) 지불 / 결제 쿠폰 / 혜택 맴버쉽 / 로열티
  • 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 (개인정보, 성향 등)  혜택가맹점 추천  우수회원 전환 유도  금융서비스 추천 금융서비스