Behind the scenes of Zühlke's Competence Center for Responsive Design and Mobile Enterprise Apps

1. New User Interfaces & Channels for
the Enterprise

2. Covered Topics
•Responsive Design for the Enterprise
•Mobile Enterprise Apps
•Zühlke Emerging Technology Centre

3. Responsive Design for the Enterprise

4. Why Responsive Design?
Simple Answer
•Get More – With Less Effort
•Reduce Fragmentation of Technology
•Answer Device & Platform Fragmentation for
Desktop, Tablet & Mobile Applications

5. 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

6. 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

7. 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

8. Project Reference
Swisscom Responsive «Kundencenter»
Desktop Mobile Tablet

9. Business Case
&
Requirements
Proof-of-
Concept (PoC)
Construction
Kit & UX Design
Iterative &
Incremental
Implementation
Transformation to Responsive Enterprise Applications

10. 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

11. Mobile
«Ubiquitous
Cross-Channel
Experience»
Cloud
«Infrastructure
for Smooth UX
Everywhere»
Big Data
«Intelligence to
Deliver Smart
Applications»
Innovation Infrastrcuture

12. 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

13. •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

14. Ideation &
Experience Design
Agile User-centered
Development
Application
Management
App Lifecycle Model

15. Ideation & Experience Design
Bring Innovation «From Stars to Road» with Zühlke

16. Agile User-centered Development
Mobile 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

17. Project Reference
Windows 8 Comparis App
– Winner of «Best of Swiss App Award 2013»
http://placeit.breezi.com/

18. http://placeit.breezi.com/
Project Reference
Swiss Life App (2013)

19. Regular Releases, Improvements & Maintenance,
Consider New Devices & OS Updates
Application Management
Continuous Delivery

20. 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

21. Don’t Leave your Strategy to Chance
Define your Strategy with Zühlke

22. Emerging Technologies Center

23. New Pogramming
Cloud to Earth
Connected Products
Web 2.0 in Industrial Usage
Learning Systems
Multimodale HMI
Augmented & Embedded
Adaptable Hardware
Flexible in Context
Multi-Media-Broadband
Facility Automation
Microsystemtechnology 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 Code
Continuous Delivery
Heterogenous Multicores
Multimodal UX
Distributed Data-Mining

24. 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.

25. ETC-Prototyp: Professionelle
Anwendungssteuerung mit der Kinect
New Ways of User Interaction
Kinect Prototyping

26. New Ways of User Interaction
Leap Motion Controller

27. New Ways of Communication
NFC Showcase: Cinema Tickets
•Buy a cinema ticket with Google Wallet
•Check in to the movie using your NFC-
enabled phone

28. Zühlke. Empowering Ideas.
Let’s talk about the Future User Interface of
Your Enterprise!