접근성캠프서울 세번째 이야기 - 스마트환경의 모바일 접근성에 대한 주제로 (주)플립커뮤니케이션즈 박천수그룹장의 금융서비스의 멀티채널 디자인에 대한 이야기입니다.

1. 금융서비스의

2. 멀티채널

3. 디자인

4.
스마트미디어그룹

5.
박천수

6. 그룹장

8. http://niti-nat.com/2012/07/24/addiction-to-technology/

10. http://russadcox.wordpress.com/2013/01/07/screen-addiction/

12. http://en.wikipedia.org/wiki/File:Cuddling_with_multiple_devices.jpg

13.
Always ON !

14. C세대_Connected Customer

15.
커뮤니케이션
정보검색
커머스
엔터테인먼트
항상

16. 연결되어

17. 있으며

18. (Connection),
능동적으로

19. 컨텐츠를

20. 만들어

21. 냅니다

22. (Creation).
수집된

23. 정보를

24. 선별하여

25. 가치를

26. 부여하고

27. 전파합니다

28. (Curation).

29.
MOBILE

36. UI 일관성

37. (coherence) 동기화

38. (synchronization) 스크린공유 (screen sharing)

39.
단말이동

40. (device shifting) 상호보완

41. (complementarity) 동시성

42. (simultaneity)

43.
http://www.slideshare.net/preciousforever/patterns-for-multiscreen-strategies

45. The New Multi-Screen World Study – Google

46.
다중

47. 스크린

48. 이용

49. 모드

50.
순차적

51. 사용

52.
동시

53. 사용

55. The New Multi-Screen World Study – Google

56.
순차적

57. 사용

59. Source : adobe

60.
채널이용

61. 사용자

62. 시나리오

63.
고객 관심사 파악 고려 사항 의사 결정 구매

64. Journey map

66. 모바일영업지원

67. – KPS(주요경로시나리오)

69. 모바일영업지원

70. – journey map

72. 서비스디자인

73. 기반

74. 구축

75.
* UX 컨설팅을

76. 기반으로

77. 한

78. 고객지향적

79. 영업지원시스템

80. 구축
- 프로젝트

81. 초기

82. 2개월

83. UX컨설팅

84. 진행
- FC 설문을

85. 통한

86. 핵심기능

87. 요소

88. 식별
- FGI(Focus Group Interview) 를

89. 통한

90. 고객

91. 컨설팅

92. Process 모델링
ING 생명

93. 모바일SFA

95. 고객신뢰

96.
참고

97. : ACCENTURE, BACKBASE

98.
TIME
CHANNEL
CONTENT
RIGHT
(relevant)

99.
ME
KNOW
SHOW
ENABLE
VALUE

100.
mission. 고객접점(채널) 확대

102. 디지에코

103. 보고서

104. : ICT와

105. 리테일의

106. 만남

107. : 옴니

108. 채널(Omni-Channel)

109.
모든

110. 채널이

111. 유기적으로

112. 통합되어야

114. 더

115. 이상

116. 깔대기로는... 스며드는

117. 서비스

118.
SNS

119.
M.APPs

120.
M.WEB

121.
PC.WEB

122. 지점/고객센터

124. 모바일

125. 우선

126. 전략

127.
상시성
위치성
집단지성
즉시성
이동성
개인성
때와장소에무관한서비스
위치기반연동정보제공
기존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

128. 온라인

129. 채널도

130. 고객

131. 친절

132. 서비스가

133. 필요하지

134. 않을까?

135.
ü

136. 고객의

137. 동선을

138. 고려한

139. 지점

140. 설계

141.
ü

142. 신속한

143. 업무

144. 처리(대기

145. 시간

146. 최소화)

147.
ü

148. 고객이

149. 많이

150. 찾는

151. 업무

152. 창구

153. 입구쪽

154. 배치

155.
ü 인적

156. 상담을

157. 통한

158. 명확한

159. 정보

160. 제공

161.
ü

162. 친절한

163. 안내

164. 및

165. 피드백

166.
ü

167. 등등등…⋯

168.
고객은

169. 온라인

170. 서비스에서

171. 불편함을

172. 느낄

173. 때

174. 오프라인

175. 보다

176. 더

177. 빨리

178. 서비스를

179. 이탈

180.
UX는

181. 사람이

182. 아닌

183. “온라인

184. 서비스

185. 자체에

186. 친절의

187. 정신을

188. 심어

189. 두는

190. 것”

191.
ü

192. 고객의

193. 온라인

194. 동선을

195. 고려한

196. 서비스

197. 제공

198.
ü

199. 원하는

200. 메뉴에

201. 빨리

202. 접근할

203. 수

204. 있는

205. 네비게이션

206.
ü

207. 고객이

208. 많이

209. 찾는

210. 메뉴를

211. 가장

212. 먼저

213. 노출

214.
ü

215. 안내,

216. 알람,

217. 강조

218. 등의

219. 기능을

220. 통한

221. 사용자

222. 인지

223.
ü

224. 이용

225. 도중에

226. 길을

227. 잃지

228. 않도록

229. 서비스

230. 가이드

231.
ü

232. 등등등…⋯

233.
OFF

234. LINE

235. SERVICE

236. ON

237. LINE

238. SERVICE

240. 사용자의

241. Wants에

242. 기반한

243. 디자인

244. 전략

245. 수립

246.
기업의 Brand Identity
Style Guide
Device/OS
UI Guide
인터렉션
디자인1) 원칙
디자인 전략
+

247. +

248.
사용자

249. 경험

250.
사용자

251. 감성

252.
•

253. 기업

254. 브랜드

255. 이미지에

256. 기반하면서도

257. 트렌드한

258. 감성을

259. 전달

260. 할

261. 수

262. 있는

263. 스타일
• 사용자의

264. 스마트단말

265. 사용경험에

266. 반하지

267. 않는

268. 가이드

269. 준수
• 인터렉션디자인

270. 기본

271. 원칙에

272. 충실한

273. UI 가이드라인

274. 디자인

275. 요소

276.
색상
배치
서체
이미지요소
_주조색, 보조색, 강조색_
_레이아웃, 그리드_
_폰트, 사이즈, 폰트컬러_
_일러스트, 아이콘, 블릿…_
디바이스 사용성
네비게이션
탑재/배포
시스템 UI
_크기, 터치영역, 제조사별

277. PUI (물리버튼)_
_이전/위로, 뷰전환, 앱간전환_
_앱아이콘, 브랜딩요소, 스토어

278. 게시가이드_
_시스템통지, 위젯, 설정, 접근성_
제스쳐 트랜지션
디자인 패턴
사용성 체크리스트
UI 요소
_터치외

279. 제스처

280. 가이드, 트랜지션

281. 가이드_
_네비게이션, 폼, 테이블리스트, 검색/정렬, 툴바, 인비테이션/도움말, 피드백…_
_사용자

282. 대상

283. 사용성

284. 평가

285. 가이드_
_타이틀, 메뉴, 탭, 버튼, 레이블, 스크롤, 페이지표현, 팝업, 안내문구, progress, 픽커…_
멀티미디어 사용 _이미지, 사운드, 비디오, 애니메이션_
스타일 공통 정의 _네이밍룰, UI요소와

286. 페이지의

287. 기본

288. 스타일

289. 정의_
다 해상도 대응 _반응형

290. 그리드, 미디어쿼리

291. 사용_
접근성 _접근성

292. 고려사항, 모바일웹/하이브리드앱_
스타일가이드
디바이스/
OS UI 가이드
인터렉션
디자인가이드
퍼블리싱
가이드

293. mobile app mobile web

294.
Value

295.
-added

296.
‘10

297. ‘11

298. ‘12

299. ‘13

300.
Account

301.
‘14

302.
Brand

303. /

304.
Catalog

305. 2010.11
LIG손해보험

306. MW

307.
2012.08
삼성화재

308. MW/A

309.
2011.06
IBK MW (반응형,소셜로그인)

310.
2009.11
iPhone 출시

311.
2011년말
MW 공인인증

312.
2009.12
하나

313. N Bank

314.
APP

315.
WEB

316.
‘15

318. Value added 모바일

319. 서비스

320. 사례

321.
* 동부화재

322. 길라잡이

323. APP / 컨텐츠
- Adobe AIR 기술을

324. 기반으로

325. 동적

326. 니즈유발

327. 컨텐츠

328. 제작
- 상품정보, 동영상, 이미지

329. 등의

330. 태블릿

331. 컨텐츠

332. 최적화
* IBK기업은행

333. 스마트상담창구

334. 구축
- 예금, 보험, 펀드

335. 등

336. 각종

337. 상품정보를

338. 동적으로

339. 제작
- 창구

340. 비치용과

341. 고객

342. 배포용

343. 어플리케이션

344. (iPAD)

345. 금융서비스

346. 오픈웹

347. 사례

348.
국내

349. 최초

350. 다이렉트

351. 생명보험사

352.
교보라이프플래닛

353. 구축

354.
미래에셋생명

355. 다이렉트

356.
P

357. 접근성

358. 준수
P 멀티

359. 브라우저

360. 지원
P 모바일

361. 지원

363. 시니어

364. 뱅킹

365. 사례

367. HOT. digital stamp, iBeacon(ble)

368.
지불
/ 결제

369.
쿠폰
/ 혜택

370.
맴버쉽
/ 로열티

372. Context Based Service

373.
Location
Activity
Time
. Home
. Office
. 번화가
. 외국

374.
. QR Code 인식
. Driving
. Shopping
. Sporting Event
. Movie

375.
. Schedule
. Day of Week
. Time of Day
Contextual Data
+
추가

376. Data
(개인정보, 성향

377. 등)
§

378. 혜택가맹점

379. 추천

380.
§

381. 우수회원

382. 전환

383. 유도

384.
§

385. 금융서비스

386. 추천

387.
금융서비스

389. 감사합니다.

390.
박천수

391. 그룹장

392.
pcs@pulipinc.com