스마트비즈니스실현을위한 SAP UX 전략 조용완 / BI & Technology April 08, 2014
소비자용어플리케이션의사용자경험 (UX) 은 기업용어플리케이션에서도요구되고있습니다. Mobility Intuitive Simple Fun to Work 2014 SAP AG. All rights reserved. 2
비즈니스어플리케이션의 UX 동향 환경의변화 UX 시사점 사용자변화 (Y 세대 ) 2014 년기준 47% 구성원 : 1980 년이후출생 ( 미국 ) 매뉴얼, 교육, 외부도움없이사용하기쉬워야함 1 직관적이고빠른접근 User Experience 기대수준상승 Google, Amazon, Apple, Facebook 등의경험 GUI NUI (Natural User Interface, 터치, 동작 ) 2 정보의시각화 행동패턴중심업무처리 현행업무분석 패턴파악 개선사항적용 사용자경험을반복시키는사전인지적 UI 3 사전인지적 UI Mobile Device 활용증가 휴대폰중스마트폰판매량의비중 58% (2013) 기업용 Tablet 활용 : 1.4 억대 (2011) 9.6 억대 (2016) 4 디바이스확장성 출처 : SAP Technology Innovation Day, 2013.10, IDC Worldwide Smartphone Tracker, 2014.1, Infinite Research 2012 2014 SAP AG. All rights reserved. 3
비즈니스어플리케이션의 UX 동향 1 직관적이고빠른접근 원하는정보와기능으로의쉽고빠른접근경로제공 프로세스 Tracking 주요구매지표및현황모니터링 업무처리가능한 Work List 2014 SAP AG. All rights reserved. 4
비즈니스어플리케이션의 UX 동향 2 정보의시각화 많은정보를보다쉽고직관적으로표현 ( 심볼, 아이콘, 그래프, 차트등활용 ) Infographic 의활용 : 필요한정보를직관적으로쉽게이해할수있도록시각적으로표현 Data Visualization Process Visualization 지역별, 사업부별, 경로별, 브랜드별판매실적 2014 SAP AG. All rights reserved. 5
비즈니스어플리케이션의 UX 동향 3 사용자의행동패턴을분석하여사용자에게업무의진행을사전사전인지적 UI 인지시킴 사용자경험을반복시키는사전인지적 UI 업무진행방향 시스템화면분석을통해현행시스템의전반적인흐름, Interaction 의이해와업무파악 현행시스템을이해하고사용성원칙을준수하며, UX/UI 개선사항을적용하여화면설계 2014 SAP AG. All rights reserved. 6
비즈니스어플리케이션의 UX 동향 4 스마트폰, 태블릿등모바일 Device에서경험한다양한 UI가 UI 디바이스확장성 PC를통해사용자업무영역으로확장됨 Device PC 기능의 Cross Over & 반응형웹 (Multi-Device) 2014 SAP AG. All rights reserved. 7
SAP UX 개선을위한주요추진전략 Integration SAP Business Application 과의완벽한통합 2014 SAP AG. All rights reserved. 8
SAP 신규솔루션의 UX Offering SAP 는새로만들어지는어플리케이션을최근사용자요구수준에맞추어개발하여제공 Business in Focus HR Self Service 3D Visual Enterprise SAP Sales on Demand 3D Visual Enterprise 2014 SAP AG. All rights reserved. 9
기존 SAP GUI 의 UX 개선방향 사용자유형 사용자역할에따른 SAP UX 개선도구 개선방향 표준제공 UI 개선도구 사무실내근 ERP 전문사용자 SAP GUI Screen Personas 기존 CS GUI 의웹기반단순화 현장사용자 ERP 일반사용자 SAP Fiori SAPUI5 * 최신 UI 기술 (HTML5) One Source, Multi Use 디바이스종속성제거 *SAPUI5: HTML5 기반의 SAP UI 개발툴킷 2014 SAP AG. All rights reserved. 10
RENEW & ENABLE : SAP UX 개선을위한핵심 UI 기술 SAP UX Strategy SAP GUI NW EP Web Dynpro / FPM Fiori & SAPUI5 (HTML5) Screen Personas (ABAP + Web) 기본제공되는 SAP 표준 UI 웹기반통합 UI 개발프레임워크 SAP 표준기능에대한 HTML5 적용 개인별맞춤형손쉬운 UI 환경제공 전문사용자대상 표준 UI 그대로활용 SAP 여러기능통합 UI 신규기능구현 Non-SAP UI 통합 많은사용자가자주사용하는업무중심으로확장 Multi Device 지원 기존 GUI 를 Web 기반으로단순화 ( 업무별직관적, 간결한 UI 생성 ) 사무실에서 ERP 를주업무로수행하는파워유저 웹기반의 Heavy Transaction 을처리해야하는업무포탈사용자 디바이스에종속없이언제어디서나업무에접근해야하는사용자 복잡한 SAP GUI 대신단순화된화면만을필요로하는 GUI 사용자 2014 SAP AG. All rights reserved. 11
SAPUI5 어플리케이션 - SAP Fiori Fiori 체험관을통해직접경험해보실수있습니다. SAPUI5 (HTML5) 기술을사용하여광범위하게자주사용되는 SAP 기능들을다양한 Device ( 데스크탑, 테블릿, 스마트폰등 ) 를통해쉽고편하게사용할수있도록 Pre-built로제공되는 SAP 어플리케이션의모음 2014 SAP AG. All rights reserved. 12
SAP Fiori 어플리케이션유형 Transactional Analytical Factsheets Smart Business Task-based access 생성, 변경, 승인프로세스를위한업무지원 Insights 모니터링및추적을목적으로시각적개요제공 Search and explore 검색및관련객체사이의탐색을통한필요정보조회 Insight to action cockpit 전략및운영 KPI 의실시간분석및적절한액션을수행 2014 SAP AG. All rights reserved. 13
SAP Fiori 트랜잭션업무예시 AS-IS TO-BE 2014 SAP AG. All rights reserved. 14
SAP Fiori 분석업무예시 속도에혁신을더함 Sales Pipeline 시뮬레이션 Material Shortage 모니터링 2014 SAP AG. All rights reserved. 15
SAP Fiori 제공어플리케이션 ( 현재 234 개 * App. 제공 ) Finance Human Resources Sales Procurement Manufacturing Transactional 6 28 9 5 Analytical 29 6 7 12 Factsheets 21 6 18 14 Transactional Analytical Factsheets Supply Chain R&D, Engineering Asset Mgmt. Cross LoB 2 22 8 7 12 7 10 1 4 * 2014 년 2 월말기준 234 개 Fiori 어플리케이션이제공되고있으며, SAP Roadmap 에따라지속적으로확산중에있음 2014 SAP AG. All rights reserved. 16
SAP Fiori 의 UI 기술 SAPUI5 주요기능 데스크탑 / 모바일환경을위한다양하고풍부한 UI Control 어플리케이션과 UI 컨트롤개발환경제공 어플리케이션일관성을위한 odata 기반통합 Custom Control 생성을위한확장성제공 오픈소스프레임워크와웹표준의수용 기대효과 업무민첩성확보 : Any Device & Any Platform 업무유연성제공 : 업무생산성향상및만족도제고 표준기술기반의쉽고미려한업무환경제공 SAPUI5 = HTML5 at SAP (UI Development Toolkit for HTML5) 2014 SAP AG. All rights reserved. 17
일반 HTML5 구조와 SAPUI5 구조의차이 일반 HTML5 의기술구조 SAP Fiori/UI5 구조 HTML5 브라우저 1 HTML5 툴킷 HTML5 브라우저 SAP Fiori/UI5 Apps SAP Fiori/UI5 Apps SAP Fiori/UI5 Apps SAP Fiori/UI5 Apps 어플리케이션서버 3 2 ERP 1 별도의하드웨어및소프트웨어필요 2 ERP 와의인터페이스를위한하드코딩 3 개발및운영을위한별도기술인력필요 SAP Fiori/UI5 Add-ons ERP ERP 주변수많은이기종플랫폼존재 SAP ERP의 Add-On으로바로적용가능 SAP ERP와의쉽고안정된데이터연계 기존 ERP와동일한개발 / 운영환경 동일로직 / 데이터에대한중복개발및관리 이기종플랫폼 운영 / 관리의어려움이발생 2014 SAP AG. All rights reserved. 18
SAP ERP 와의손쉬운연계기술제공 SAP ERP 데이터를 SAPUI5 어플리케이션으로제공하기위한손쉽고안정적인도구제공 사용자채널 (SAP Fiori & SAPUI5) 데스크탑태블릿스마트폰 SAP NetWeaver Gateway SAP NetWeaver BW RFC, BAPI, BOR, SAP BW, SAP HANA 데이터직접연계지원 (odata 모델자동생성 ) ERP 이벤트및워크플로우연계 인터페이스에대한로깅및모니터링 SAP Business Suite CRM SRM SCM PLM ERP SAP HANA 2014 SAP AG. All rights reserved. 19
SAPUI5 를활용한 Fiori 업무영역의확장 SAP Fiori 와동일한기술기반인 SAPUI5 를활용하여사용자 UI 개선이필요한다른업무영역으로손쉽게확장가능 데스크탑 테블릿 스마트폰 2014 SAP AG. All rights reserved. 20
SAP Fiori 를통한 ERP Business Workflow 개선 Workflow 시나리오적용절차 Fiori App. 으로제공 1 2 3 4 워크플로우정보확인시나리오정의 Fiori Launchpad에추가의사결정옵션정의 2 3 6 NetWeaver Gateway 5 의사결정업데이트를위한 BADI 구현 1 4 5 ERP 6 애플리케이션데이터표시 2014 SAP AG. All rights reserved. 21
SAP Screen Personas 를통한 SAP GUI 의단순화 SAP GUI SAP Screen Personas 업무프로세스지식 Screen Personas 툴사용법 UI 디자인스킬 2014 SAP AG. All rights reserved. 22
2014 SAP AG. All rights reserved. 23
화면레이아웃변경, 기본값설정, 탭병합, 스크립트를통한화면 자동화, Drag & Drop 기능을활용한손쉬운화면변경가능 2014 SAP AG. All rights reserved. 24
화면레이아웃변경, 기본값설정, 탭병합, 스크립트를통한화면 자동화, Drag & Drop 기능을활용한손쉬운화면변경가능 2014 SAP AG. All rights reserved. 25
SAP Screen Personas 적용예시 (UI 단순화를통한편의성향상 ) Without Personas With Personas 37 fields 4 fields 지나치게많은입력필드 기억해야하는수많은값들 데이터입력에대한직관성제공 기본값설정을통한업무처리편의성향상 2014 SAP AG. All rights reserved. 26
SAP Screen Personas 적용예시 (Flow 간소화를통한생산성향상 ) Without Personas 6 clicks 4 clicks 5 clicks ~5 clicks ~14 clicks ~34 clicks With Personas 2 clicks ~8 clicks 1 clicks ~11 clicks 2014 SAP AG. All rights reserved. 27
SAP UX 적용을통한스마트비즈니스실현 사용자중심의 UX 제공 새로운 UX 활용 사용자요구별 UX 개선 최근사용자요구를반영한신규 UX 환경제공 최신 UX 기술기반 One Source, Multi Use SAP 로드맵과함께발전 SAP GUI 의웹기반단순화 복잡한기술없는 UI 개선 업무편의성및생산성향상 SAP Business Application 과의완벽한통합 2014 SAP AG. All rights reserved. 28
감사합니다.