new user interfaces & channels for the enterprise
TRANSCRIPT
![Page 1: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/1.jpg)
New User Interfaces & Channels for the Enterprise
![Page 2: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/2.jpg)
Covered Topics
•Responsive Design for the Enterprise
•Mobile Enterprise Apps
•Zühlke Emerging Technology Centre
![Page 3: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/3.jpg)
Responsive Design for the Enterprise
![Page 4: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/4.jpg)
Why Responsive Design?
Simple Answer
•Get More – With Less Effort
•Reduce Fragmentation of Technology
•Answer Device & Platform Fragmentation for Desktop, Tablet & Mobile Applications
![Page 5: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/5.jpg)
Why Responsive Design?
More Aspects of the Value Proposition
•Less different technology stacks to maintain
•More focused know-how provision in IT
•More cost-efficiency and less complexity due to a common denominator for core business applications
•Easier integration of new platforms, devices and channels
•Great UX with interactive UI design contributes to the total customer experience with your business
![Page 6: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/6.jpg)
Fundamentals of Responsive Design
•Based on modern web technology: HTML5, CSS3 und JavaScript
•Adaptive UI presentation dependent on the device and platform context
•Responsive user experience for all channels
![Page 7: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/7.jpg)
Adaptive User Interfaces & Experience
•UI elements adjust their size, breadth and height
•Flexible layout of content and navigation elements
•Level of detail is adapted to available screen size
![Page 8: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/8.jpg)
Project ReferenceSwisscom Responsive «Kundencenter»
Desktop Mobile Tablet
![Page 9: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/9.jpg)
Business Case &
Requirements
Proof-of-Concept (PoC)
Construction Kit & UX Design
Iterative & Incremental
Implementation
Transformation to Responsive Enterprise Applications
![Page 10: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/10.jpg)
Multi- & Cross Channel Orchestration
•Interact with your customers on several, physical and digital channels (multi)
•Allow users to switch channels seamlessly (cross)
•Be prepared to serve customers with new touchpoints and channels
•Align your business processes and the organization to deliver great experiences
![Page 11: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/11.jpg)
Mobile
«Ubiquitous Cross-Channel
Experience»
Cloud
«Infrastructure for Smooth UX Everywhere»
Big Data
«Intelligence to Deliver Smart Applications»
Innovation Infrastrcuture
![Page 12: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/12.jpg)
Responsive meets Mobile
•Responsive design is a top strategic investment
•But: don’t stop to deliver native UX for most relevant mobile use cases!
•Thoughtfully consider where to plugin responsive content to your native App
•Benefit both from native and responsive technology in your strategy
![Page 13: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/13.jpg)
•Emotional product
•Great display
•Appealing design
•Integrate smoothly with enterprise infrastructure
•Automatic testing
•Highly efficient UX
•Reserve to scale and extend to user needs
Properties of Enteprise Mobile Apps
http://blogs-images.forbes.com/connieguglielmo/files/2012/09/iphone5.jpeg
![Page 14: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/14.jpg)
Ideation & Experience Design
Agile User-centered Development
ApplicationManagement
App Lifecycle Model
![Page 15: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/15.jpg)
Ideation & Experience DesignBring Innovation «From Stars to Road» with Zühlke
![Page 16: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/16.jpg)
Agile User-centered DevelopmentMobile User Experience
•Project Management with Scrum
•User-centered Requirements Engineering
•User Experience and Design Thinking Methodology
•Prototyping for Rapid Feedback
•Usability Testing
•Corporate Style Guides
http://www.holi-farbrausch.de/wp-content/uploads/live/bd-refineslide/slides/header1.jpg
![Page 17: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/17.jpg)
Project ReferenceWindows 8 Comparis App – Winner of «Best of Swiss App Award 2013»
http://placeit.breezi.com/
![Page 19: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/19.jpg)
Regular Releases, Improvements & Maintenance, Consider New Devices & OS Updates
Application ManagementContinuous Delivery
![Page 20: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/20.jpg)
Mobile Business Goals Business Case Roadmap &
Priorities
Multi- und Cross-Channel
Management
Use Cases, Scenarios &
Hardware Platforms &
Devices
Mobile Application Development
Plattform
Mobile Style Guide & UX Design Expert Resources
Elements of a Mobile Enterprise Strategy
![Page 21: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/21.jpg)
Don’t Leave your Strategy to Chance
Define your Strategy with Zühlke
![Page 22: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/22.jpg)
Emerging Technologies Center
![Page 23: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/23.jpg)
New PogrammingCloud to Earth
Connected ProductsWeb 2.0 in Industrial Usage
Learning Systems
Multimodale HMIAugmented & Embedded
Adaptable HardwareFlexible in Context
Multi-Media-Broadband
Facility AutomationMicrosystemtechnology Flexible Production
Robotics-HMI
Factory in the basementSemi-structured Data
Multivariate control processes
Deklarative Programming Lean DSL
Usability of Programming languages
Grafical Programming 2.0
Embedded Reality
Haptical Interaction3D Telecommunication
Facial expression recognition
Displays Everywhere
Programming for Endusers
Infrastructure as CodeContinuous Delivery
Heterogenous Multicores
Multimodal UX
Distributed Data-Mining
![Page 24: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/24.jpg)
Zühlke Engineering. Empowering Innovation.
Our Emerging Technologies Center is one step ahead – to make sure that future technology is ready for your business tomorrow.
![Page 25: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/25.jpg)
ETC-Prototyp: Professionelle Anwendungssteuerung mit der Kinect
New Ways of User InteractionKinect Prototyping
![Page 26: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/26.jpg)
New Ways of User InteractionLeap Motion Controller
![Page 27: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/27.jpg)
New Ways of CommunicationNFC Showcase: Cinema Tickets
•Buy a cinema ticket with Google Wallet
•Check in to the movie using your NFC-enabled phone
![Page 28: New User Interfaces & Channels for the Enterprise](https://reader030.vdocuments.us/reader030/viewer/2022032619/55c3a4f9bb61eb37338b4759/html5/thumbnails/28.jpg)
Zühlke. Empowering Ideas.
Let’s talk about the Future User Interface of Your Enterprise!