SlideShare a Scribd company logo
1 of 66
Download to read offline
HOW TO WIN STAKEHOLDERS
DESIGN NEEDS LEADERSHIP
DWX 2017, NÜRNBERG
PETER ROZEK
SENIOR UX MANAGER
KPS digital GmbH, an KPS AG Company
KPS DIGITAL GMBH
KPS AG
KPS digital GmbH, an KPS AG Company
WEBINTERFACE
KPS digital GmbH, an KPS AG Company
KPS digital GmbH, an KPS AG Company
HOW TO COMMUNICATE WITH
STAKEHOLDERS AND DELIVER THE
BEST USER EXPERIENCE?
I HAVE HUNCHES
WE HAVE HUNCHES
KPS digital GmbH, an KPS AG Company
WE HAVE A
COOL APP TO
OPEN YOUR
DOOR
KPS digital GmbH, an KPS AG Company
WHAT USER WANT
WELCOME IN THE REAL WORLD
KPS digital GmbH, an KPS AG Company
A LIGHT SWITCH IS
SMARTER THAN AN
APP CONTROL!
THE USER EATS YOUR PRODUCT FOR
BREAKFAST.
KPS digital GmbH, an KPS AG Company
@ Jesse James Garrett, ia/recon
„Of course, it's not enough merely to have
hunches. They have to be good hunches. My
hunches have to be better than the hunches my
clients have—that's why they hire me.“
“
THE CEO BUTTON
An unusual of otherwise unexpected
request from an executive to add a
feature that completely destroys the
balance of a project and undermines the
very purpose of a designer´s existence
HOMEPAGE SYNDROME
KPS digital GmbH, an KPS AG Company
A condition whereby the home screen
of an application or website become
a catch-all for everything, creating a
garage-sale of links, buttons, and
banner ads that unravels the fabric
of usability, causing designers to cry
themselves to sleep.
KPS digital GmbH, an KPS AG Company
@William Pollard, Physicist
„Learning and innovation go hand
in hand. The arrogance of success
is to think that what you did
yersterday will be sufficient for
tomorrow.“
WE HAVE AN
ECOSYSTEM
OF DEVICESBild: http://www.webdesignerdepot.com/2015/03/the-future-of-responsive-web-design/
Scource: IBM, Three New Ways to Understand and Improve Your Customers’ Experience, 2016KPS digital GmbH, an KPS AG Company
KPS digital GmbH, an KPS AG Company
90% CHANGE
THE DEVICES
IN A TASK
KPS digital GmbH, an KPS AG Company
@Giles Colborne
„People use any platform 

to do anything.“
KPS digital GmbH, an KPS AG Company
DIGITAL CHANGE THE WORLD FROM
INTERACTION TO A PERSONAL
ASSISTANT
FROM MOBILE-
FIRST TO AI-FIRST
KPS digital GmbH, an KPS AG Company
HOW DO IMPROVE
OUR GUESSES?
KPS digital GmbH, an KPS AG Company
DEVELOP A DEEP UNDERSTANDING
OF YOUR END-USERS THROUGH
ENGAGING THEM OBSERVING AND
LISTENING TO THEM EXPLAIN THEIR
POINT OF VIEW THEIR PROBLEMS
AND THEIR NEEDS.
HOW CAN INCREASE PROTOTYPING
USER EXPERIENCE AND MAKING
DECISIONS?
A PROTOTYPE IS WORTH A
THOUSAND MEETINGS
KPS digital GmbH, an KPS AG Company
Visual Fidelity
Functional Fidelity
Sketches
Interactive Sketches
Wireframe Sketch
Design Comp
Interactive Wireframe Rich Interactive Wireframe
Proof of Concept Prototype
Production „Ready“ Mockup
Fast & cheap
Slow & expensive
Slow & expensive
Visual Design Prototype
Pen & Paper
Paper Prototyping
Pen & Paper

Balsamiq
Axure Axure
Photoshop
Photoshop
Style Tiles
HTML + CSS + jQuery
HTML + CSS + jQuery
KPS digital GmbH, an KPS AG Company
Sketches Visual
Design
Prototype
Proof of
Concept
Prototype
Interactive
Wireframe
Rich
Interactive
Wireframe
Production
„Ready“
Mockup
As research tool Content + Layout UI DesignLayout + Interaction Content + Layout +
Interaction + UI
Wireframe

Sketches HTML + CSS
HTML + CSS
ASK PEOPLE TO GIVE YOU FEEDBACK
AND USE IT TO IMPROVE THE
DESIGNS.
SKETCHING AS
RESEARCH TOOL
COMMUNICATING A FIRST IDEA
WIREFRAME
WALKTHROUGHCONTENT AND STRUCTURE
KPS digital GmbH, an KPS AG Company
Collaborative design critique
Build team consensus
Understand trade-offs
Post sketches on the wall
Tell a story
“What happens when…”
Annotate and add stickies
WHAT HOW
Wireframe Walkthrough
PROTOTYPE
KPS digital GmbH, an KPS AG Company
MAKE YOUR IDEAS TANGIBLE WITH A
SERIES OF FAST, INEXPENSIVE
PROTOTYPES
KPS digital GmbH, an KPS AG Company
CREATE A SERIOS OF FAST
PROTOTYPES TO TEST YOUR DESIGN
DIRECTION WITH END USERS
KPS digital GmbH, an KPS AG Company
LOW-PROTOTYPE: 

A PLAN FOR 

HOW IT WORKS, 

NOT HOW IT LOOKS
KPS digital GmbH, an KPS AG Company
HIGH FIDELITY PROTOTYPE
KPS digital GmbH, an KPS AG Company
Design components Working software
KPS digital GmbH, an KPS AG Company
GOALS OF
PROTOTYPING
KPS digital GmbH, an KPS AG Company
INTERACT WITH THE UI IN A WAY
SIMILAR TO THE FINAL PRODUCT
KPS digital GmbH, an KPS AG Company
THINK ABOUT INTERACTION AND
ANIMATION
KPS digital GmbH, an KPS AG Company
PERFORMING USABILITY TESTS WITH
GROUPS
KPS digital GmbH, an KPS AG Company
PREDICT AND SOLVE USABILITY
PROBLEMS BEFORE FURTHER
DEVELOPMENT
KPS digital GmbH, an KPS AG Company
@Sebastian Thrun, Director of the Artificial Intelligence
Laboratory at Stanford University
„Few ideas work on the first try.
Iteration is key to innovation“
KPS digital GmbH, an KPS AG Company
IN A METHOD
AGNOSTIC WAY
KPS digital GmbH, an KPS AG Company
DESIGN THINKING IS A APPROACH TO
PROBLEM FINDING THAT ASSUMES
PEOPLE OFTEN WORK ON THE
WRONG PROBLEMS AND CAN
LEVERAGE AND IMPROVE OUTCOMES
BY REFRAMING THEM.
KPS digital GmbH, an KPS AG Company
HUMAN CENTRIC
DESIGN
KPS digital GmbH, an KPS AG Company
THE PROCESS INVOLVES
COMMUNICATING VISUALLY WHERE
POSSIBLE. HER ARE SOME TOOLS
THAT YOU CAN USES TO
COMMUNICATE THE MEANING OF
COMPLEX DATA.
KPS digital GmbH, an KPS AG Company
MEASURING THE
USABILITY
KPS digital GmbH, an KPS AG Company
HOW TO COMBINE USER EXPERIENCE
AND STRATEGIC (BUSINESS)
DECISIONS?
KPS digital GmbH, an KPS AG Company
@Pamela Pavliscak
„Now that you have an overview of
what people are doing on the site, it
is time to focus on the data that is
relevant to the questions you have.“
KPS digital GmbH, an KPS AG Company
MAKING DECISIONS ON A
MEASURABLE WAY:
Target Group
Intentions
Behavior
Preferences
Acceptance
Search Volume
Searches
Analytics
A / B tests
User Testing
KPS digital GmbH, an KPS AG Company
DATA-INFORMED 

CUSTOMER JOURNEY
KPS digital GmbH, an KPS AG Company
QUANTITATIVE APPROACH HAS A
HIGH RELEVANCE FOR BUSINESS
SUCCESS! SYSTEMATIC AND DATA-
DRIVEN PROCEDURE FOR
EVALUATING UX MEASURES.
STRATEGIC UX
KPS digital GmbH, an KPS AG Company
ARTICULATING DESIGN DECISIONS,
COMMUNICATE WITH STAKEHOLDER, DELIVER
THE BEST USER EXPERIENCE, AND KEEP YOUR
SANITY
KPS digital GmbH, an KPS AG Company
COMMUNICATE THE
PRIORITY
KPS digital GmbH, an KPS AG Company
DESIGN THE
PRIORITY
KPS digital GmbH, an KPS AG Company
LEADERSHIP
MISSION
KPS digital GmbH, an KPS AG Company
A VIBRANT ENGAGED LEADERSHIP
CULTURE IS ORGANIC AND EVOLVING
KPS digital GmbH, an KPS AG Company
IT IS FUELLED AND INSPIRED BY
LEADERSHIP THAT IS ACTIVELY
INVOLVED AND INFORMED ABOUT
THE REALITIES OF THE BUSINESS.
KPS digital GmbH, an KPS AG Company
GREAT COMMUNICATORS AND
MOTIVATORS
KPS digital GmbH, an KPS AG Company
IMAGINATION IS
MORE IMPORTANT
THAN KNOWLEDGE
KPS digital GmbH, an KPS AG Company
COMMUNICATION IS
MORE IMPORTANT
THAN TECHNOLOGY
THANKS FOR YOUR TIME!
PETER.ROZEK@KPS.DE
QUESTION?
FOR ELLEN
KPS digital GmbH, an KPS AG Company
KPS digital GmbH, an KPS AG Company
MY NEXT WEBINAR @ DEVELOPER MEDIA
http://developer-media.de/webinare/
USABILITY VS. CROWD TESTING
12.07.2017
PREDICTIVE UX
16.08.2017

More Related Content

Similar to How to win Stakeholders, Design needs Leadership

Sap amazon and Kogent Demo
Sap amazon and Kogent DemoSap amazon and Kogent Demo
Sap amazon and Kogent DemoJon Boutelle
 
ATC302_How to Leverage AWS Machine Learning Services to Analyze and Optimize ...
ATC302_How to Leverage AWS Machine Learning Services to Analyze and Optimize ...ATC302_How to Leverage AWS Machine Learning Services to Analyze and Optimize ...
ATC302_How to Leverage AWS Machine Learning Services to Analyze and Optimize ...Amazon Web Services
 
NEW LAUNCH! Amazon Neptune Overview and Customer Use Cases - DAT319 - re:Inve...
NEW LAUNCH! Amazon Neptune Overview and Customer Use Cases - DAT319 - re:Inve...NEW LAUNCH! Amazon Neptune Overview and Customer Use Cases - DAT319 - re:Inve...
NEW LAUNCH! Amazon Neptune Overview and Customer Use Cases - DAT319 - re:Inve...Amazon Web Services
 
AWS for Semiconductor and Electronics Design | Hsinchu, April 10
AWS for Semiconductor and Electronics Design | Hsinchu, April 10AWS for Semiconductor and Electronics Design | Hsinchu, April 10
AWS for Semiconductor and Electronics Design | Hsinchu, April 10Amazon Web Services
 
Design Drive Interactive Case Studies
Design Drive Interactive Case StudiesDesign Drive Interactive Case Studies
Design Drive Interactive Case StudiesSam Vayner
 
Bvp 10 laws of cloud computing 2012 release
Bvp 10 laws of cloud computing 2012 releaseBvp 10 laws of cloud computing 2012 release
Bvp 10 laws of cloud computing 2012 releaseEd Cushing
 
How Google Cloud is Changing Business in the Future
How Google Cloud is Changing Business in the FutureHow Google Cloud is Changing Business in the Future
How Google Cloud is Changing Business in the FutureNirvana Canada
 
APPSeCONNECT Integration Platform as a Service - A Product by InSync
APPSeCONNECT Integration Platform as a Service - A Product by InSyncAPPSeCONNECT Integration Platform as a Service - A Product by InSync
APPSeCONNECT Integration Platform as a Service - A Product by InSyncAPPSeCONNECT
 
GPSBUS215-Maximize Innovation and Agility by Building Your SAAS Solution on AWS
GPSBUS215-Maximize Innovation and Agility by Building Your SAAS Solution on AWSGPSBUS215-Maximize Innovation and Agility by Building Your SAAS Solution on AWS
GPSBUS215-Maximize Innovation and Agility by Building Your SAAS Solution on AWSAmazon Web Services
 
Training Digital Nomad Series Aug 2016
Training Digital Nomad Series Aug 2016Training Digital Nomad Series Aug 2016
Training Digital Nomad Series Aug 2016Wonderlijk Werken
 
Intelligent Enterprise and SAP Business One
Intelligent Enterprise and SAP Business OneIntelligent Enterprise and SAP Business One
Intelligent Enterprise and SAP Business OneAGSanePLDTCompany
 
Why Microservices Are The New Innovation Enablers For Enterprises
Why Microservices Are The New Innovation Enablers For EnterprisesWhy Microservices Are The New Innovation Enablers For Enterprises
Why Microservices Are The New Innovation Enablers For EnterprisesEnabled
 
AWS Cloud Kata 2013 | Singapore - Welcome and Opening Remarks, Pieter Kemps
AWS Cloud Kata 2013 | Singapore - Welcome and Opening Remarks, Pieter KempsAWS Cloud Kata 2013 | Singapore - Welcome and Opening Remarks, Pieter Kemps
AWS Cloud Kata 2013 | Singapore - Welcome and Opening Remarks, Pieter KempsAmazon Web Services
 
Event-Driven iPaaS: Enterprise Integration Meets Event-Driven Architecture
Event-Driven iPaaS: Enterprise Integration Meets Event-Driven ArchitectureEvent-Driven iPaaS: Enterprise Integration Meets Event-Driven Architecture
Event-Driven iPaaS: Enterprise Integration Meets Event-Driven ArchitectureSolace
 
Abas business software big erp solution for small businesses (en)
Abas business software big erp solution for small businesses (en)Abas business software big erp solution for small businesses (en)
Abas business software big erp solution for small businesses (en)Muresan Rares
 
The IBM and SAP Partnership
The IBM and SAP PartnershipThe IBM and SAP Partnership
The IBM and SAP PartnershipthinkASG
 
[DSC Adria 23] Tarry Singh Building High dencity startup.pdf
[DSC Adria 23] Tarry Singh Building High dencity startup.pdf[DSC Adria 23] Tarry Singh Building High dencity startup.pdf
[DSC Adria 23] Tarry Singh Building High dencity startup.pdfDataScienceConferenc1
 
Describe and Improve your Business Model
Describe and Improve your Business ModelDescribe and Improve your Business Model
Describe and Improve your Business ModelAlexander Osterwalder
 
Business Model Temp
Business Model TempBusiness Model Temp
Business Model Tempcgiardini
 

Similar to How to win Stakeholders, Design needs Leadership (20)

Latest ppt work
Latest ppt workLatest ppt work
Latest ppt work
 
Sap amazon and Kogent Demo
Sap amazon and Kogent DemoSap amazon and Kogent Demo
Sap amazon and Kogent Demo
 
ATC302_How to Leverage AWS Machine Learning Services to Analyze and Optimize ...
ATC302_How to Leverage AWS Machine Learning Services to Analyze and Optimize ...ATC302_How to Leverage AWS Machine Learning Services to Analyze and Optimize ...
ATC302_How to Leverage AWS Machine Learning Services to Analyze and Optimize ...
 
NEW LAUNCH! Amazon Neptune Overview and Customer Use Cases - DAT319 - re:Inve...
NEW LAUNCH! Amazon Neptune Overview and Customer Use Cases - DAT319 - re:Inve...NEW LAUNCH! Amazon Neptune Overview and Customer Use Cases - DAT319 - re:Inve...
NEW LAUNCH! Amazon Neptune Overview and Customer Use Cases - DAT319 - re:Inve...
 
AWS for Semiconductor and Electronics Design | Hsinchu, April 10
AWS for Semiconductor and Electronics Design | Hsinchu, April 10AWS for Semiconductor and Electronics Design | Hsinchu, April 10
AWS for Semiconductor and Electronics Design | Hsinchu, April 10
 
Design Drive Interactive Case Studies
Design Drive Interactive Case StudiesDesign Drive Interactive Case Studies
Design Drive Interactive Case Studies
 
Bvp 10 laws of cloud computing 2012 release
Bvp 10 laws of cloud computing 2012 releaseBvp 10 laws of cloud computing 2012 release
Bvp 10 laws of cloud computing 2012 release
 
How Google Cloud is Changing Business in the Future
How Google Cloud is Changing Business in the FutureHow Google Cloud is Changing Business in the Future
How Google Cloud is Changing Business in the Future
 
APPSeCONNECT Integration Platform as a Service - A Product by InSync
APPSeCONNECT Integration Platform as a Service - A Product by InSyncAPPSeCONNECT Integration Platform as a Service - A Product by InSync
APPSeCONNECT Integration Platform as a Service - A Product by InSync
 
GPSBUS215-Maximize Innovation and Agility by Building Your SAAS Solution on AWS
GPSBUS215-Maximize Innovation and Agility by Building Your SAAS Solution on AWSGPSBUS215-Maximize Innovation and Agility by Building Your SAAS Solution on AWS
GPSBUS215-Maximize Innovation and Agility by Building Your SAAS Solution on AWS
 
Training Digital Nomad Series Aug 2016
Training Digital Nomad Series Aug 2016Training Digital Nomad Series Aug 2016
Training Digital Nomad Series Aug 2016
 
Intelligent Enterprise and SAP Business One
Intelligent Enterprise and SAP Business OneIntelligent Enterprise and SAP Business One
Intelligent Enterprise and SAP Business One
 
Why Microservices Are The New Innovation Enablers For Enterprises
Why Microservices Are The New Innovation Enablers For EnterprisesWhy Microservices Are The New Innovation Enablers For Enterprises
Why Microservices Are The New Innovation Enablers For Enterprises
 
AWS Cloud Kata 2013 | Singapore - Welcome and Opening Remarks, Pieter Kemps
AWS Cloud Kata 2013 | Singapore - Welcome and Opening Remarks, Pieter KempsAWS Cloud Kata 2013 | Singapore - Welcome and Opening Remarks, Pieter Kemps
AWS Cloud Kata 2013 | Singapore - Welcome and Opening Remarks, Pieter Kemps
 
Event-Driven iPaaS: Enterprise Integration Meets Event-Driven Architecture
Event-Driven iPaaS: Enterprise Integration Meets Event-Driven ArchitectureEvent-Driven iPaaS: Enterprise Integration Meets Event-Driven Architecture
Event-Driven iPaaS: Enterprise Integration Meets Event-Driven Architecture
 
Abas business software big erp solution for small businesses (en)
Abas business software big erp solution for small businesses (en)Abas business software big erp solution for small businesses (en)
Abas business software big erp solution for small businesses (en)
 
The IBM and SAP Partnership
The IBM and SAP PartnershipThe IBM and SAP Partnership
The IBM and SAP Partnership
 
[DSC Adria 23] Tarry Singh Building High dencity startup.pdf
[DSC Adria 23] Tarry Singh Building High dencity startup.pdf[DSC Adria 23] Tarry Singh Building High dencity startup.pdf
[DSC Adria 23] Tarry Singh Building High dencity startup.pdf
 
Describe and Improve your Business Model
Describe and Improve your Business ModelDescribe and Improve your Business Model
Describe and Improve your Business Model
 
Business Model Temp
Business Model TempBusiness Model Temp
Business Model Temp
 

More from Peter Rozek

Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingPeter Rozek
 
Create User Centric UI-Animations
Create User Centric UI-AnimationsCreate User Centric UI-Animations
Create User Centric UI-AnimationsPeter Rozek
 
Responsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of ScreensResponsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of ScreensPeter Rozek
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content ExperiencePeter Rozek
 
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX GrundlageDevice Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX GrundlagePeter Rozek
 
Search Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenSearch Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenPeter Rozek
 
THE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVETHE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVEPeter Rozek
 
Designing the Priority, Performance ist User Experience
Designing the Priority, Performance ist User ExperienceDesigning the Priority, Performance ist User Experience
Designing the Priority, Performance ist User ExperiencePeter Rozek
 
Hassliebe Onlineformulare, Enhance your Form for better UX
Hassliebe Onlineformulare, Enhance your Form for better UXHassliebe Onlineformulare, Enhance your Form for better UX
Hassliebe Onlineformulare, Enhance your Form for better UXPeter Rozek
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXPeter Rozek
 
The UX of DATA: Responsive Datenvisualisierung mit jQuery
The UX of DATA: Responsive Datenvisualisierung mit jQueryThe UX of DATA: Responsive Datenvisualisierung mit jQuery
The UX of DATA: Responsive Datenvisualisierung mit jQueryPeter Rozek
 
jQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und ResponsivejQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und ResponsivePeter Rozek
 
Performance and UX
Performance and UXPerformance and UX
Performance and UXPeter Rozek
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesPeter Rozek
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignPeter Rozek
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignPeter Rozek
 
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)Peter Rozek
 
Online / Offline
Online / OfflineOnline / Offline
Online / OfflinePeter Rozek
 
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Peter Rozek
 
Responsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesResponsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesPeter Rozek
 

More from Peter Rozek (20)

Cross Device Experience with HTML Prototyping
Cross Device Experience with HTML PrototypingCross Device Experience with HTML Prototyping
Cross Device Experience with HTML Prototyping
 
Create User Centric UI-Animations
Create User Centric UI-AnimationsCreate User Centric UI-Animations
Create User Centric UI-Animations
 
Responsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of ScreensResponsive Experience und das Continuum of Screens
Responsive Experience und das Continuum of Screens
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
 
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX GrundlageDevice Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
 
Search Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt SilodenkenSearch Experience Optimization, Nutzerfokus statt Silodenken
Search Experience Optimization, Nutzerfokus statt Silodenken
 
THE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVETHE UX OF DATA - VISUALIZATION RESPONSIVE
THE UX OF DATA - VISUALIZATION RESPONSIVE
 
Designing the Priority, Performance ist User Experience
Designing the Priority, Performance ist User ExperienceDesigning the Priority, Performance ist User Experience
Designing the Priority, Performance ist User Experience
 
Hassliebe Onlineformulare, Enhance your Form for better UX
Hassliebe Onlineformulare, Enhance your Form for better UXHassliebe Onlineformulare, Enhance your Form for better UX
Hassliebe Onlineformulare, Enhance your Form for better UX
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
 
The UX of DATA: Responsive Datenvisualisierung mit jQuery
The UX of DATA: Responsive Datenvisualisierung mit jQueryThe UX of DATA: Responsive Datenvisualisierung mit jQuery
The UX of DATA: Responsive Datenvisualisierung mit jQuery
 
jQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und ResponsivejQuery: Accessibility, Mobile und Responsive
jQuery: Accessibility, Mobile und Responsive
 
Performance and UX
Performance and UXPerformance and UX
Performance and UX
 
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and GuidelinesResponsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
 
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignThe Future is now! Flexbox und fancy Stuff im Responsive Webdesign
The Future is now! Flexbox und fancy Stuff im Responsive Webdesign
 
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
Responsive Navigation Patterns, UX und Guidelines (Webdeveloper Week 2015)
 
Online / Offline
Online / OfflineOnline / Offline
Online / Offline
 
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
Responsive Navigation Patterns, UX und Guidelines (Webinale 2015)
 
Responsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und GuidelinesResponsive Navigation Patterns, UX und Guidelines
Responsive Navigation Patterns, UX und Guidelines
 

Recently uploaded

From Goals to Actions: Uncovering the Key Components of Improvement Roadmaps
From Goals to Actions: Uncovering the Key Components of Improvement RoadmapsFrom Goals to Actions: Uncovering the Key Components of Improvement Roadmaps
From Goals to Actions: Uncovering the Key Components of Improvement RoadmapsCIToolkit
 
Beyond the Five Whys: Exploring the Hierarchical Causes with the Why-Why Diagram
Beyond the Five Whys: Exploring the Hierarchical Causes with the Why-Why DiagramBeyond the Five Whys: Exploring the Hierarchical Causes with the Why-Why Diagram
Beyond the Five Whys: Exploring the Hierarchical Causes with the Why-Why DiagramCIToolkit
 
Fifteenth Finance Commission Presentation
Fifteenth Finance Commission PresentationFifteenth Finance Commission Presentation
Fifteenth Finance Commission Presentationmintusiprd
 
Farmer Representative Organization in Lucknow | Rashtriya Kisan Manch
Farmer Representative Organization in Lucknow | Rashtriya Kisan ManchFarmer Representative Organization in Lucknow | Rashtriya Kisan Manch
Farmer Representative Organization in Lucknow | Rashtriya Kisan ManchRashtriya Kisan Manch
 
Introduction to LPC - Facility Design And Re-Engineering
Introduction to LPC - Facility Design And Re-EngineeringIntroduction to LPC - Facility Design And Re-Engineering
Introduction to LPC - Facility Design And Re-Engineeringthomas851723
 
Board Diversity Initiaive Launch Presentation
Board Diversity Initiaive Launch PresentationBoard Diversity Initiaive Launch Presentation
Board Diversity Initiaive Launch Presentationcraig524401
 
Management and managerial skills training manual.pdf
Management and managerial skills training manual.pdfManagement and managerial skills training manual.pdf
Management and managerial skills training manual.pdffillmonipdc
 
Call Us🔝⇛+91-97111🔝47426 Call In girls Munirka (DELHI)
Call Us🔝⇛+91-97111🔝47426 Call In girls Munirka (DELHI)Call Us🔝⇛+91-97111🔝47426 Call In girls Munirka (DELHI)
Call Us🔝⇛+91-97111🔝47426 Call In girls Munirka (DELHI)jennyeacort
 
Reflecting, turning experience into insight
Reflecting, turning experience into insightReflecting, turning experience into insight
Reflecting, turning experience into insightWayne Abrahams
 
Motivational theories an leadership skills
Motivational theories an leadership skillsMotivational theories an leadership skills
Motivational theories an leadership skillskristinalimarenko7
 
Measuring True Process Yield using Robust Yield Metrics
Measuring True Process Yield using Robust Yield MetricsMeasuring True Process Yield using Robust Yield Metrics
Measuring True Process Yield using Robust Yield MetricsCIToolkit
 
How-How Diagram: A Practical Approach to Problem Resolution
How-How Diagram: A Practical Approach to Problem ResolutionHow-How Diagram: A Practical Approach to Problem Resolution
How-How Diagram: A Practical Approach to Problem ResolutionCIToolkit
 
LPC Operations Review PowerPoint | Operations Review
LPC Operations Review PowerPoint | Operations ReviewLPC Operations Review PowerPoint | Operations Review
LPC Operations Review PowerPoint | Operations Reviewthomas851723
 
原版1:1复刻密西西比大学毕业证Mississippi毕业证留信学历认证
原版1:1复刻密西西比大学毕业证Mississippi毕业证留信学历认证原版1:1复刻密西西比大学毕业证Mississippi毕业证留信学历认证
原版1:1复刻密西西比大学毕业证Mississippi毕业证留信学历认证jdkhjh
 
Simplifying Complexity: How the Four-Field Matrix Reshapes Thinking
Simplifying Complexity: How the Four-Field Matrix Reshapes ThinkingSimplifying Complexity: How the Four-Field Matrix Reshapes Thinking
Simplifying Complexity: How the Four-Field Matrix Reshapes ThinkingCIToolkit
 
Unlocking Productivity and Personal Growth through the Importance-Urgency Matrix
Unlocking Productivity and Personal Growth through the Importance-Urgency MatrixUnlocking Productivity and Personal Growth through the Importance-Urgency Matrix
Unlocking Productivity and Personal Growth through the Importance-Urgency MatrixCIToolkit
 
LPC Warehouse Management System For Clients In The Business Sector
LPC Warehouse Management System For Clients In The Business SectorLPC Warehouse Management System For Clients In The Business Sector
LPC Warehouse Management System For Clients In The Business Sectorthomas851723
 

Recently uploaded (18)

From Goals to Actions: Uncovering the Key Components of Improvement Roadmaps
From Goals to Actions: Uncovering the Key Components of Improvement RoadmapsFrom Goals to Actions: Uncovering the Key Components of Improvement Roadmaps
From Goals to Actions: Uncovering the Key Components of Improvement Roadmaps
 
Beyond the Five Whys: Exploring the Hierarchical Causes with the Why-Why Diagram
Beyond the Five Whys: Exploring the Hierarchical Causes with the Why-Why DiagramBeyond the Five Whys: Exploring the Hierarchical Causes with the Why-Why Diagram
Beyond the Five Whys: Exploring the Hierarchical Causes with the Why-Why Diagram
 
Fifteenth Finance Commission Presentation
Fifteenth Finance Commission PresentationFifteenth Finance Commission Presentation
Fifteenth Finance Commission Presentation
 
Farmer Representative Organization in Lucknow | Rashtriya Kisan Manch
Farmer Representative Organization in Lucknow | Rashtriya Kisan ManchFarmer Representative Organization in Lucknow | Rashtriya Kisan Manch
Farmer Representative Organization in Lucknow | Rashtriya Kisan Manch
 
Introduction to LPC - Facility Design And Re-Engineering
Introduction to LPC - Facility Design And Re-EngineeringIntroduction to LPC - Facility Design And Re-Engineering
Introduction to LPC - Facility Design And Re-Engineering
 
Board Diversity Initiaive Launch Presentation
Board Diversity Initiaive Launch PresentationBoard Diversity Initiaive Launch Presentation
Board Diversity Initiaive Launch Presentation
 
sauth delhi call girls in Defence Colony🔝 9953056974 🔝 escort Service
sauth delhi call girls in Defence Colony🔝 9953056974 🔝 escort Servicesauth delhi call girls in Defence Colony🔝 9953056974 🔝 escort Service
sauth delhi call girls in Defence Colony🔝 9953056974 🔝 escort Service
 
Management and managerial skills training manual.pdf
Management and managerial skills training manual.pdfManagement and managerial skills training manual.pdf
Management and managerial skills training manual.pdf
 
Call Us🔝⇛+91-97111🔝47426 Call In girls Munirka (DELHI)
Call Us🔝⇛+91-97111🔝47426 Call In girls Munirka (DELHI)Call Us🔝⇛+91-97111🔝47426 Call In girls Munirka (DELHI)
Call Us🔝⇛+91-97111🔝47426 Call In girls Munirka (DELHI)
 
Reflecting, turning experience into insight
Reflecting, turning experience into insightReflecting, turning experience into insight
Reflecting, turning experience into insight
 
Motivational theories an leadership skills
Motivational theories an leadership skillsMotivational theories an leadership skills
Motivational theories an leadership skills
 
Measuring True Process Yield using Robust Yield Metrics
Measuring True Process Yield using Robust Yield MetricsMeasuring True Process Yield using Robust Yield Metrics
Measuring True Process Yield using Robust Yield Metrics
 
How-How Diagram: A Practical Approach to Problem Resolution
How-How Diagram: A Practical Approach to Problem ResolutionHow-How Diagram: A Practical Approach to Problem Resolution
How-How Diagram: A Practical Approach to Problem Resolution
 
LPC Operations Review PowerPoint | Operations Review
LPC Operations Review PowerPoint | Operations ReviewLPC Operations Review PowerPoint | Operations Review
LPC Operations Review PowerPoint | Operations Review
 
原版1:1复刻密西西比大学毕业证Mississippi毕业证留信学历认证
原版1:1复刻密西西比大学毕业证Mississippi毕业证留信学历认证原版1:1复刻密西西比大学毕业证Mississippi毕业证留信学历认证
原版1:1复刻密西西比大学毕业证Mississippi毕业证留信学历认证
 
Simplifying Complexity: How the Four-Field Matrix Reshapes Thinking
Simplifying Complexity: How the Four-Field Matrix Reshapes ThinkingSimplifying Complexity: How the Four-Field Matrix Reshapes Thinking
Simplifying Complexity: How the Four-Field Matrix Reshapes Thinking
 
Unlocking Productivity and Personal Growth through the Importance-Urgency Matrix
Unlocking Productivity and Personal Growth through the Importance-Urgency MatrixUnlocking Productivity and Personal Growth through the Importance-Urgency Matrix
Unlocking Productivity and Personal Growth through the Importance-Urgency Matrix
 
LPC Warehouse Management System For Clients In The Business Sector
LPC Warehouse Management System For Clients In The Business SectorLPC Warehouse Management System For Clients In The Business Sector
LPC Warehouse Management System For Clients In The Business Sector
 

How to win Stakeholders, Design needs Leadership

  • 1. HOW TO WIN STAKEHOLDERS DESIGN NEEDS LEADERSHIP DWX 2017, NÜRNBERG
  • 3. SENIOR UX MANAGER KPS digital GmbH, an KPS AG Company
  • 4. KPS DIGITAL GMBH KPS AG KPS digital GmbH, an KPS AG Company
  • 5. WEBINTERFACE KPS digital GmbH, an KPS AG Company
  • 6. KPS digital GmbH, an KPS AG Company HOW TO COMMUNICATE WITH STAKEHOLDERS AND DELIVER THE BEST USER EXPERIENCE?
  • 7. I HAVE HUNCHES WE HAVE HUNCHES
  • 8. KPS digital GmbH, an KPS AG Company WE HAVE A COOL APP TO OPEN YOUR DOOR
  • 9. KPS digital GmbH, an KPS AG Company WHAT USER WANT WELCOME IN THE REAL WORLD
  • 10. KPS digital GmbH, an KPS AG Company A LIGHT SWITCH IS SMARTER THAN AN APP CONTROL!
  • 11. THE USER EATS YOUR PRODUCT FOR BREAKFAST.
  • 12. KPS digital GmbH, an KPS AG Company @ Jesse James Garrett, ia/recon „Of course, it's not enough merely to have hunches. They have to be good hunches. My hunches have to be better than the hunches my clients have—that's why they hire me.“ “
  • 14. An unusual of otherwise unexpected request from an executive to add a feature that completely destroys the balance of a project and undermines the very purpose of a designer´s existence
  • 16. KPS digital GmbH, an KPS AG Company A condition whereby the home screen of an application or website become a catch-all for everything, creating a garage-sale of links, buttons, and banner ads that unravels the fabric of usability, causing designers to cry themselves to sleep.
  • 17. KPS digital GmbH, an KPS AG Company @William Pollard, Physicist „Learning and innovation go hand in hand. The arrogance of success is to think that what you did yersterday will be sufficient for tomorrow.“
  • 18. WE HAVE AN ECOSYSTEM OF DEVICESBild: http://www.webdesignerdepot.com/2015/03/the-future-of-responsive-web-design/
  • 19. Scource: IBM, Three New Ways to Understand and Improve Your Customers’ Experience, 2016KPS digital GmbH, an KPS AG Company
  • 20. KPS digital GmbH, an KPS AG Company 90% CHANGE THE DEVICES IN A TASK
  • 21. KPS digital GmbH, an KPS AG Company @Giles Colborne „People use any platform 
 to do anything.“
  • 22. KPS digital GmbH, an KPS AG Company DIGITAL CHANGE THE WORLD FROM INTERACTION TO A PERSONAL ASSISTANT FROM MOBILE- FIRST TO AI-FIRST
  • 23. KPS digital GmbH, an KPS AG Company HOW DO IMPROVE OUR GUESSES?
  • 24. KPS digital GmbH, an KPS AG Company DEVELOP A DEEP UNDERSTANDING OF YOUR END-USERS THROUGH ENGAGING THEM OBSERVING AND LISTENING TO THEM EXPLAIN THEIR POINT OF VIEW THEIR PROBLEMS AND THEIR NEEDS.
  • 25. HOW CAN INCREASE PROTOTYPING USER EXPERIENCE AND MAKING DECISIONS?
  • 26. A PROTOTYPE IS WORTH A THOUSAND MEETINGS
  • 27. KPS digital GmbH, an KPS AG Company Visual Fidelity Functional Fidelity Sketches Interactive Sketches Wireframe Sketch Design Comp Interactive Wireframe Rich Interactive Wireframe Proof of Concept Prototype Production „Ready“ Mockup Fast & cheap Slow & expensive Slow & expensive Visual Design Prototype Pen & Paper Paper Prototyping Pen & Paper
 Balsamiq Axure Axure Photoshop Photoshop Style Tiles HTML + CSS + jQuery HTML + CSS + jQuery
  • 28. KPS digital GmbH, an KPS AG Company Sketches Visual Design Prototype Proof of Concept Prototype Interactive Wireframe Rich Interactive Wireframe Production „Ready“ Mockup As research tool Content + Layout UI DesignLayout + Interaction Content + Layout + Interaction + UI Wireframe
 Sketches HTML + CSS HTML + CSS
  • 29. ASK PEOPLE TO GIVE YOU FEEDBACK AND USE IT TO IMPROVE THE DESIGNS.
  • 32. KPS digital GmbH, an KPS AG Company Collaborative design critique Build team consensus Understand trade-offs Post sketches on the wall Tell a story “What happens when…” Annotate and add stickies WHAT HOW Wireframe Walkthrough
  • 34. KPS digital GmbH, an KPS AG Company MAKE YOUR IDEAS TANGIBLE WITH A SERIES OF FAST, INEXPENSIVE PROTOTYPES
  • 35. KPS digital GmbH, an KPS AG Company CREATE A SERIOS OF FAST PROTOTYPES TO TEST YOUR DESIGN DIRECTION WITH END USERS
  • 36. KPS digital GmbH, an KPS AG Company LOW-PROTOTYPE: 
 A PLAN FOR 
 HOW IT WORKS, 
 NOT HOW IT LOOKS
  • 37. KPS digital GmbH, an KPS AG Company HIGH FIDELITY PROTOTYPE
  • 38. KPS digital GmbH, an KPS AG Company Design components Working software
  • 39. KPS digital GmbH, an KPS AG Company GOALS OF PROTOTYPING
  • 40. KPS digital GmbH, an KPS AG Company INTERACT WITH THE UI IN A WAY SIMILAR TO THE FINAL PRODUCT
  • 41. KPS digital GmbH, an KPS AG Company THINK ABOUT INTERACTION AND ANIMATION
  • 42. KPS digital GmbH, an KPS AG Company PERFORMING USABILITY TESTS WITH GROUPS
  • 43. KPS digital GmbH, an KPS AG Company PREDICT AND SOLVE USABILITY PROBLEMS BEFORE FURTHER DEVELOPMENT
  • 44. KPS digital GmbH, an KPS AG Company @Sebastian Thrun, Director of the Artificial Intelligence Laboratory at Stanford University „Few ideas work on the first try. Iteration is key to innovation“
  • 45. KPS digital GmbH, an KPS AG Company IN A METHOD AGNOSTIC WAY
  • 46. KPS digital GmbH, an KPS AG Company DESIGN THINKING IS A APPROACH TO PROBLEM FINDING THAT ASSUMES PEOPLE OFTEN WORK ON THE WRONG PROBLEMS AND CAN LEVERAGE AND IMPROVE OUTCOMES BY REFRAMING THEM.
  • 47. KPS digital GmbH, an KPS AG Company HUMAN CENTRIC DESIGN
  • 48. KPS digital GmbH, an KPS AG Company THE PROCESS INVOLVES COMMUNICATING VISUALLY WHERE POSSIBLE. HER ARE SOME TOOLS THAT YOU CAN USES TO COMMUNICATE THE MEANING OF COMPLEX DATA.
  • 49. KPS digital GmbH, an KPS AG Company MEASURING THE USABILITY
  • 50. KPS digital GmbH, an KPS AG Company HOW TO COMBINE USER EXPERIENCE AND STRATEGIC (BUSINESS) DECISIONS?
  • 51. KPS digital GmbH, an KPS AG Company @Pamela Pavliscak „Now that you have an overview of what people are doing on the site, it is time to focus on the data that is relevant to the questions you have.“
  • 52. KPS digital GmbH, an KPS AG Company MAKING DECISIONS ON A MEASURABLE WAY: Target Group Intentions Behavior Preferences Acceptance Search Volume Searches Analytics A / B tests User Testing
  • 53. KPS digital GmbH, an KPS AG Company DATA-INFORMED 
 CUSTOMER JOURNEY
  • 54. KPS digital GmbH, an KPS AG Company QUANTITATIVE APPROACH HAS A HIGH RELEVANCE FOR BUSINESS SUCCESS! SYSTEMATIC AND DATA- DRIVEN PROCEDURE FOR EVALUATING UX MEASURES. STRATEGIC UX
  • 55. KPS digital GmbH, an KPS AG Company ARTICULATING DESIGN DECISIONS, COMMUNICATE WITH STAKEHOLDER, DELIVER THE BEST USER EXPERIENCE, AND KEEP YOUR SANITY
  • 56. KPS digital GmbH, an KPS AG Company COMMUNICATE THE PRIORITY
  • 57. KPS digital GmbH, an KPS AG Company DESIGN THE PRIORITY
  • 58. KPS digital GmbH, an KPS AG Company LEADERSHIP MISSION
  • 59. KPS digital GmbH, an KPS AG Company A VIBRANT ENGAGED LEADERSHIP CULTURE IS ORGANIC AND EVOLVING
  • 60. KPS digital GmbH, an KPS AG Company IT IS FUELLED AND INSPIRED BY LEADERSHIP THAT IS ACTIVELY INVOLVED AND INFORMED ABOUT THE REALITIES OF THE BUSINESS.
  • 61. KPS digital GmbH, an KPS AG Company GREAT COMMUNICATORS AND MOTIVATORS
  • 62. KPS digital GmbH, an KPS AG Company IMAGINATION IS MORE IMPORTANT THAN KNOWLEDGE
  • 63. KPS digital GmbH, an KPS AG Company COMMUNICATION IS MORE IMPORTANT THAN TECHNOLOGY
  • 66. KPS digital GmbH, an KPS AG Company MY NEXT WEBINAR @ DEVELOPER MEDIA http://developer-media.de/webinare/ USABILITY VS. CROWD TESTING 12.07.2017 PREDICTIVE UX 16.08.2017