SlideShare uma empresa Scribd logo
1 de 66
Baixar para ler 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

Mais conteúdo relacionado

Semelhante a 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
 

Semelhante a 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
 

Mais de 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
 

Mais de 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
 

Último

How the Heck do you Teach Level Design? Educating in the Studio
How the Heck do you Teach Level Design? Educating in the StudioHow the Heck do you Teach Level Design? Educating in the Studio
How the Heck do you Teach Level Design? Educating in the StudioChristopher Totten
 
Improving Operations through Observation and Gemba Walks
Improving Operations through Observation and Gemba WalksImproving Operations through Observation and Gemba Walks
Improving Operations through Observation and Gemba WalksCIToolkit
 
Analyzing and Monitoring Processes through Time Value Mapping
Analyzing and Monitoring Processes through Time Value MappingAnalyzing and Monitoring Processes through Time Value Mapping
Analyzing and Monitoring Processes through Time Value MappingCIToolkit
 
The Role of Fishbone Diagram in Analyzing Cause and Effect
The Role of Fishbone Diagram in Analyzing Cause and EffectThe Role of Fishbone Diagram in Analyzing Cause and Effect
The Role of Fishbone Diagram in Analyzing Cause and EffectCIToolkit
 
Tackling Fake Agility w/ Johanna Rothman
Tackling Fake Agility w/ Johanna RothmanTackling Fake Agility w/ Johanna Rothman
Tackling Fake Agility w/ Johanna RothmanStefan Wolpers
 
Roadway to GDSC- Session 1 Powerpoint Presentation
Roadway to GDSC- Session 1 Powerpoint PresentationRoadway to GDSC- Session 1 Powerpoint Presentation
Roadway to GDSC- Session 1 Powerpoint Presentationgdscghrcem
 
From Command Line to Reporting Line: The Diary of a First-Time EM
From Command Line to Reporting Line: The Diary of a First-Time EMFrom Command Line to Reporting Line: The Diary of a First-Time EM
From Command Line to Reporting Line: The Diary of a First-Time EMGloria Chow
 
An Important Step Toward Process Improvement
An Important Step Toward Process ImprovementAn Important Step Toward Process Improvement
An Important Step Toward Process ImprovementCIToolkit
 
Making Sense of Multiple Ideas with Affinity Diagrams
Making Sense of Multiple Ideas with Affinity DiagramsMaking Sense of Multiple Ideas with Affinity Diagrams
Making Sense of Multiple Ideas with Affinity DiagramsCIToolkit
 
A3 Thinking: A Structured Approach to Problem Solving
A3 Thinking: A Structured Approach to Problem SolvingA3 Thinking: A Structured Approach to Problem Solving
A3 Thinking: A Structured Approach to Problem SolvingCIToolkit
 
Organizations in a Future with Generative AI
Organizations in a Future with Generative AIOrganizations in a Future with Generative AI
Organizations in a Future with Generative AIKye Andersson
 
Empowering Resilience & Strategic Growth: Insights for Emerging Leaders
Empowering Resilience & Strategic Growth: Insights for Emerging LeadersEmpowering Resilience & Strategic Growth: Insights for Emerging Leaders
Empowering Resilience & Strategic Growth: Insights for Emerging LeadersMahmoud Rabie
 
HR for Non HR_Learning and Development.
HR for Non HR_Learning  and Development.HR for Non HR_Learning  and Development.
HR for Non HR_Learning and Development.azischin
 
ANIn Coimbatore March 2024 | Agile & AI in Project Management by Dhilipkumar ...
ANIn Coimbatore March 2024 | Agile & AI in Project Management by Dhilipkumar ...ANIn Coimbatore March 2024 | Agile & AI in Project Management by Dhilipkumar ...
ANIn Coimbatore March 2024 | Agile & AI in Project Management by Dhilipkumar ...AgileNetwork
 
Test_document_upload_SQL_minimum_fourteen
Test_document_upload_SQL_minimum_fourteenTest_document_upload_SQL_minimum_fourteen
Test_document_upload_SQL_minimum_fourteenolgaz9
 
Forget Fiverr : Fractional Employment the ins and outs
Forget Fiverr : Fractional Employment the ins and outsForget Fiverr : Fractional Employment the ins and outs
Forget Fiverr : Fractional Employment the ins and outsStephan Koning
 
Performance Management Notes for MBA Students
Performance Management Notes for MBA StudentsPerformance Management Notes for MBA Students
Performance Management Notes for MBA StudentsManickam Gajapathy
 
What is 5S principles of trainers for training institutions.pdf
What is 5S principles of trainers for training institutions.pdfWhat is 5S principles of trainers for training institutions.pdf
What is 5S principles of trainers for training institutions.pdfBALASUNDARESAN M
 
Applying the PDCA Cycle: A Blueprint for Continuous Improvement
Applying the PDCA Cycle: A Blueprint for Continuous ImprovementApplying the PDCA Cycle: A Blueprint for Continuous Improvement
Applying the PDCA Cycle: A Blueprint for Continuous ImprovementCIToolkit
 

Último (20)

How the Heck do you Teach Level Design? Educating in the Studio
How the Heck do you Teach Level Design? Educating in the StudioHow the Heck do you Teach Level Design? Educating in the Studio
How the Heck do you Teach Level Design? Educating in the Studio
 
Improving Operations through Observation and Gemba Walks
Improving Operations through Observation and Gemba WalksImproving Operations through Observation and Gemba Walks
Improving Operations through Observation and Gemba Walks
 
Analyzing and Monitoring Processes through Time Value Mapping
Analyzing and Monitoring Processes through Time Value MappingAnalyzing and Monitoring Processes through Time Value Mapping
Analyzing and Monitoring Processes through Time Value Mapping
 
The Role of Fishbone Diagram in Analyzing Cause and Effect
The Role of Fishbone Diagram in Analyzing Cause and EffectThe Role of Fishbone Diagram in Analyzing Cause and Effect
The Role of Fishbone Diagram in Analyzing Cause and Effect
 
Tackling Fake Agility w/ Johanna Rothman
Tackling Fake Agility w/ Johanna RothmanTackling Fake Agility w/ Johanna Rothman
Tackling Fake Agility w/ Johanna Rothman
 
Roadway to GDSC- Session 1 Powerpoint Presentation
Roadway to GDSC- Session 1 Powerpoint PresentationRoadway to GDSC- Session 1 Powerpoint Presentation
Roadway to GDSC- Session 1 Powerpoint Presentation
 
From Command Line to Reporting Line: The Diary of a First-Time EM
From Command Line to Reporting Line: The Diary of a First-Time EMFrom Command Line to Reporting Line: The Diary of a First-Time EM
From Command Line to Reporting Line: The Diary of a First-Time EM
 
Capacity2 - Briefing and Facilitation training slides
Capacity2 - Briefing and Facilitation training slidesCapacity2 - Briefing and Facilitation training slides
Capacity2 - Briefing and Facilitation training slides
 
An Important Step Toward Process Improvement
An Important Step Toward Process ImprovementAn Important Step Toward Process Improvement
An Important Step Toward Process Improvement
 
Making Sense of Multiple Ideas with Affinity Diagrams
Making Sense of Multiple Ideas with Affinity DiagramsMaking Sense of Multiple Ideas with Affinity Diagrams
Making Sense of Multiple Ideas with Affinity Diagrams
 
A3 Thinking: A Structured Approach to Problem Solving
A3 Thinking: A Structured Approach to Problem SolvingA3 Thinking: A Structured Approach to Problem Solving
A3 Thinking: A Structured Approach to Problem Solving
 
Organizations in a Future with Generative AI
Organizations in a Future with Generative AIOrganizations in a Future with Generative AI
Organizations in a Future with Generative AI
 
Empowering Resilience & Strategic Growth: Insights for Emerging Leaders
Empowering Resilience & Strategic Growth: Insights for Emerging LeadersEmpowering Resilience & Strategic Growth: Insights for Emerging Leaders
Empowering Resilience & Strategic Growth: Insights for Emerging Leaders
 
HR for Non HR_Learning and Development.
HR for Non HR_Learning  and Development.HR for Non HR_Learning  and Development.
HR for Non HR_Learning and Development.
 
ANIn Coimbatore March 2024 | Agile & AI in Project Management by Dhilipkumar ...
ANIn Coimbatore March 2024 | Agile & AI in Project Management by Dhilipkumar ...ANIn Coimbatore March 2024 | Agile & AI in Project Management by Dhilipkumar ...
ANIn Coimbatore March 2024 | Agile & AI in Project Management by Dhilipkumar ...
 
Test_document_upload_SQL_minimum_fourteen
Test_document_upload_SQL_minimum_fourteenTest_document_upload_SQL_minimum_fourteen
Test_document_upload_SQL_minimum_fourteen
 
Forget Fiverr : Fractional Employment the ins and outs
Forget Fiverr : Fractional Employment the ins and outsForget Fiverr : Fractional Employment the ins and outs
Forget Fiverr : Fractional Employment the ins and outs
 
Performance Management Notes for MBA Students
Performance Management Notes for MBA StudentsPerformance Management Notes for MBA Students
Performance Management Notes for MBA Students
 
What is 5S principles of trainers for training institutions.pdf
What is 5S principles of trainers for training institutions.pdfWhat is 5S principles of trainers for training institutions.pdf
What is 5S principles of trainers for training institutions.pdf
 
Applying the PDCA Cycle: A Blueprint for Continuous Improvement
Applying the PDCA Cycle: A Blueprint for Continuous ImprovementApplying the PDCA Cycle: A Blueprint for Continuous Improvement
Applying the PDCA Cycle: A Blueprint for Continuous Improvement
 

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