PowerPoint Presentation

Size: px

Start display at page:

Download "PowerPoint Presentation"

상우 장곡
5 years ago
Views:

1 열린인터넷세상을시작합니다. 오픈웹기반 kbstar.com 전면개편 - PC/PAD 버전 -

2 Open Web KB Background & Consensus

3 I. Background & Consensus 1. Smart life 패러다임 오픈웹환경으로의기술발전과다양한디바이스들과의연결을통해언제어디서나인터넷과연결되어원하는정보와서비스를쉽고편리하게찾고소비하는 Smart Life 환경이온라인비즈니스에큰변화를가져다주고있습니다. 사용자가네트워크나컴퓨터를의식하지않고장소에상관없이자유롭게네트워크에접속할수있는정보통신환경. UBIQUITOUS 기술만능중심에서사람중심으로, 가상세계에서다시현실로, 정보화사회에서상상력의사회로 이제는유, 무선 1 인 2 인터넷시대. TV, PC, Mobile 이인터넷 (WEB) 과연결되어어디서나원하는컨텐츠와서비스에접근새로운미디어환경. N-SCREEN WEB SQUARED 웹 (Web) 과세상 (World) 의만남을뜻하는신조어. 스마트폰등모바일인터넷을활용해실시간으로내가위치해있는주변의유용한정보를획득. 2

4 I. Background & Consensus 2. KB 오픈웹서비스전략 Smart Life 환경에맞춰 KB인터넷뱅킹핵심키워드로 Smart, Speed, Simple, Social (4S) 로정의합니다. 제공자중심의기능 ( 뱅킹, 거래 ) 서비스에서다양한고객환경과경험에최적화된서비스를통해오픈뱅킹을넘어국내최초의 Universal Banking 사이트로거듭나고자합니다. 사용자의다양성 ( 신체적장애포함 ), Multi-OS Multi-Device, Multi-Screen 에구애받지않고언제어디서나쉽고편리한, 똑똑한 KB! 최적화된정보구조및설계를통해다양한기기와환경에서빠르고안전한사용성을보장하는스피드한 KB! S.N.S 에기반한실시간커뮤니케이션, 고객관계강화및열린소통을통한고객중심의 KB 금융서비스실현 직관적이고간결한사용자중심의 UX 설계, 밝고생기넘치는디자인을통해군더더기없는심플하고편리한 KB! Universal Banking kbstar.com Universal Banking 기존 오픈뱅킹 이시스템환경및기술적한계를극복하는데그의미가컸다면 유니버설뱅킹 은기술적한계를넘어다양한사용자의장애와환경을고려하여 모든사용자 에게서비스보편성을제공하는데그의미가큽니다. 사용자중심의확장된의미를담아새로워진 KB 국민은행의인터넷뱅킹을 유니버셜뱅킹 으로부르고자합니다. 3

5 Universal Banking KB Major Contents Review

6 1. PC 및스마트기기에서도인터넷뱅킹및모든서비스이용가능 화면 U.I구조체계를기능별로모듈화하여다양한디바이스대응이용이하도록설계, 웹표준및오픈웹퍼블리싱구현을통해해당디바이스에최적화된화면을제공합니다. 기존 PC웹환경을기준으로했던 U.I 구조를탈피, 패드형환경을새로운 U.I기준으로하여각디바이스에서최적화되도록하였습니다. 패드형환경 모바일웹환경 PC 환경 동일환경 모바일 U.I 커스터마이징 국제표준환경적용전세계의다양한운영체제에서사용가능 모바일웹으로보기 패드형디바이스해상도에최적화사파리, 크롬등스마트 OS 에서안정적인뱅킹사용성보장 사용자선택권제공 PC웹으로보기 PC 웹으로보기 기능, 화면최적화설계를통해표준웹에서구현되는모든뱅킹및정보서비스사용구현 5

7 2. 웹표준을준수하는다양한브라우저에서이용가능 윈도우 IE(Internet Explorer) 뿐만아니라, 파이어폭스, 크롬, 사파리, 오페라등웹표준을준수하는다양한브라우저를지원합니다. XHTML 1.X 표준과 CSS 가이드를준수하여구조 (HTML, XHTML) 와표현 (CSS) 이분리된유연한표준화플랫폼으로진화된표준화면을제공합니다. 6

8 3. 즐겁고유익한, 가치있고믿음직스러운 kbstar.com! 복잡한메뉴와정보를심플하고직관적으로구성하였으며, 밝고명료한아이콘과이미지로즐거움을제공합니다. PC 뿐만아니라스마트기기 ( 스마트폰, 태블릿 PC) 를고려한터치 (Touch) 환경의편리한화면을제공합니다. Minimal & Delight 컨셉과모던웹트렌드를반영한차별화된디자인으로은행사이트의새로운방향을제시하였습니다. Brand Image Brand Vision Brand Visual 대고객 기업비전 국내최고의인터넷금융서비스 Minimal & Delight Simple! Useful! Delight! Trust! Support Tone & Mood 즐겁고유익한, 가치있고믿음직스러운 KB 국민은행 아시아금융을선도하는글로벌뱅크 KB 국민은행 C.I 비쥬얼의신뢰와대비, 온라인채널의친근하고편안한 Tone & Mood 에서느껴지는전반적인시각적인상은 편안한즐거움 을통한신뢰 7

9 3. 즐겁고유익한, 가치있고믿음직스러운 kbstar.com! Impression- Delight KB만의독창적인 Visual Style 적용 Delight KB일러스트레이션을통해독자이미지구축 8

10 3. 즐겁고유익한, 가치있고믿음직스러운 kbstar.com! Smart - Simple Navigation, 개인화, 거래기능 U.I 직관적, Simple, Rich, 실재적인사용성을고려하여 PC뿐만아니라스마트기기를고려한터치환경에서도편리한화면을제공합니다. 9

11 3. 즐겁고유익한, 가치있고믿음직스러운 kbstar.com! Impact - Contrast 사이트전반의구조, 그리드시스템, Layout, Color, Font Rich Strong Typography, 충분한여백, 강렬한 Contrast를통해직관적이고편리한 UX를제공합니다. 10

12 3. 즐겁고유익한, 가치있고믿음직스러운 kbstar.com! Impact - Contrast 사이트전반의구조, 그리드시스템, Layout, Color, Font Rich Strong Typography, 충분한여백, 강렬한 Contrast를통해직관적이고편리한 UX를제공합니다. 11

13 4. 한층강화된보안환경 글로벌인증서비스 (EV-SSL) 을적용하여강력한보안및피싱사이트를식별할수있습니다. 또한가상키패드를제공하여금융정보유출방지를강화하였습니다. 5. 웹접근성준수를통한차별없는금융서비스제공 웹접근성지침 (KWCAG2.0) 의 4 가지원칙 ( 인식의용이성, 운용의용이성, 이해의용이성, 견고성 ) 과 13 개지침및 22 개검사항목을최대한 고려하여장애인도인터넷뱅킹서비스를불편없이이용할수있도록하였습니다. 시각장애인사용성테스트형식적인접근성가이드적용을넘어시각장애인 UT 테스트를통해실질적인웹접근성을실현하였습니다. 웹접근성준수가이드전용사이트를통한검증및테스트 12

14 6. 주요화면들 전체메뉴버튼클릭시확장화면 새로운 kbstar.com 시작화면 ( 인트로 ) 빠른메뉴설정버튼시설정화면 13

15 6. 주요화면들 개인 개인전체메뉴펼침 기업 외환 14

16 6. 주요화면들 부동산 추천상품 자산관리 모바일 /TV 뱅킹 15

17 6. 주요화면들 드림톡 이벤트 고객센터 드림톡 - 달성률 16

18 6. 주요화면들 영 KB KB 이야기 My KB ( 개인화서비스 ) KB 이야기 17

19 6. 주요화면들 GOLD&WISE KB 이야기 일문 중문 영문 18

20 감사합니다!

서현수

Introduction to TIZEN SDK UI Builder S-Core 서현수 2015.10.28 CONTENTS TIZEN APP 이란? TIZEN SDK UI Builder 소개 TIZEN APP 개발방법 UI Builder 기능 UI Builder 사용방법 실전, TIZEN APP 개발시작하기 마침 TIZEN APP? TIZEN APP 이란? Mobile,