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