SlideShare ist ein Scribd-Unternehmen logo
User Experience
Was ist eigentlich
UX Design?
A short introduction
MJK
Definition User Experience Design
Warum UX Design?
Was beinhaltet UX Design?
Bereiche aus denen sich UX zusammensetzt
Die einzelnen Bereiche
Designprozess, wie beginnen?
Personas
Szenario
Use Case
UX Beispiel Visitenkarte
List of Contents
Definition User Experience Design
MJK
Definition User Experience Design
Persönlicher subjektiver „gefühlter“ Eindruck eines
Anwenders von einem Produkt.
Zusammenspiel aus:
Erwartung
Eindruck
Erfahrung
Bewertung
MJK
MJK Definition User Experience Design
Erwartung
MJK
Eindruck
Definition User Experience Design
MJK
Erfahrung
Definition User Experience Design
MJK
Bewertung
Definition User Experience Design
Definition User Experience Design
Wikipedia
explains all aspects of a person’s experience with the
system or product
generates cohesive, predictive and desirable designs
addressing all aspects of a product or service as
perceived by users
is based on holistic considerations
includes
Interface
Graphics
Industrial design
Interaction
MJK
User Experience vs. Usability?
Schwer usable
Die Flasche ist mit einem Korken luftdicht verschlossen
Man benötigt ein Werkzeug um den Korken zu entfernen
Das Verschließen ist umständlich
Gute Usability
Die Flasche ist mit einem Schraubverschluss verschlossen
Einfach zu öffnen ohne Werkzeug
Das Verschließen ist einfach
MJK
MJK
User Experience combines Usability
The bottle is well closed
Easy to open
Easy to close
Delivers an experience or when opening it
User Experience includes Usability
Warum User Experience Design?
Beziehung schaffen
Benutzer glücklich machen
Benutzer erreicht das Ziel
mühelos
mit Freude
Produkte schaffen, die das Leben einfacher machen
Nicht komplizierter!
MJK
MJK
Dies zu vermeiden Dies zu machen
Warum User Experience Design?
Definition User Experience Design
Warum UX Design?
Was beinhaltet UX Design?
Bereiche aus denen sich UX zusammensetzt
Die einzelnen Bereiche
Designprozess, wie beginnen?
Personas
Szenario
Use Case
UX Beispiel Visitenkarte
User ExperienceMJK
What UX Design involves
Creativity
Prototyping
User Research
Scenarios
Usability Testing
Art
Design Theory
Flow Charts
Marketing
Psychology
Design
Interviews
Empathy
to think for the user
MJK
Definition User Experience Design
Warum UX Design?
Was beinhaltet UX Design?
Bereiche aus denen sich UX zusammensetzt
Die einzelnen UX Bereiche
Designprozess, wie beginnen?
Personas
Szenario
Use Case
UX Beispiel Visitenkarte
User ExperienceMJK
UX Design Disciplines
Entspricht der Zielgruppe oder des Landes
Form, Symbole, Linien, Farbe, Dimensionen..
Musik oder gesprochene Worte, zB. VoIP. VR
Animation, Slides, Bewegung
Informationsaufbereitung, Inhalt, Schrift, Beziehungen,
Berührungspunkte, Gruppierungen, Controls
Abläufe, Systemverhalten, HCI
Bsp. 01
Bsp. 02
Bsp. 03
Bsp. 04
MJK
Definition User Experience Design
Warum UX Design?
Was beinhaltet UX Design?
Bereiche aus denen sich UX zusammensetzt
Die einzelnen Bereiche
Designprozess, wie beginnen?
Personas
Szenario
Use Case
UX Beispiel Visitenkarte
User ExperienceMJK
UX Prozess, wie beginnen?
Was ist das Ziel?
Wer sind die Benutzer? (Personas)
Was ist das Problem?
Wie sieht ein Szenario aus?
Wie sieht ein einzelnes Use Case aus?
Fragen stellen nach:
MJK
UX Process Personas
Name: Klaus Baumwald
Alter: 34
Beruf: Außendienstmitarbeiter
für ein Pharmaunternehmen
Ziel: Will seinen Weg zur Arbeit und wieder zurück aufzeichnen.
Person: Hat Familie, ein Kind, macht gerne Sport und ist ein sehr
zuverlässiger Mitarbeiter. Er ist regelmäßig im Internet und
kommt mit den üblichen Officeprogrammen gut zurecht. Er liebt
neue Gimmicks und besitzt privat ein Smartphone und ein iPad.
MJK
MJK UX Process Personas
Persona Geschlecht,Alter Beruf, Situation Hobbies Rolle Ziele/Erwartungen Technik Affinität
UX Process - User Story / Journey
Allgemein
verständliche
Geschichte erzählen,
wie die Zielgruppe das
Produkt benutzt.
Der Benutzer agiert
zum ersten Mal.
Ein normaler User ist
kein Entwickler.
MJK
UX Process - User Scenario
Konkretes Szenario
entwerfen.
Sich auf einen kleinen
Prozessschritt
konzentrieren
Realistische
Annahmen treffen
Der Idealfall (Expert
Walkthrough) wird
skizziert
MJK
Definition User Experience Design
Warum UX Design?
Was beinhaltet UX Design?
Bereiche aus denen sich UX zusammensetzt
Die einzelnen Bereiche
Designprozess, wie beginnen?
Personas
Szenario
Use Case
UX Beispiel Visitenkarte
User ExperienceMJK
MJK UX Process – Example V-Card
Companyname
Name of the Person
Phonenumber
Email
Adress
As usually:
Pharma
Klaus Baumwald
Telefonnummer: 1 2345 6789
E-Mail@Baumwald.de
www.muster.mann
12345 Musterstadt
Musterstraße 5
User Journey Today
Vcard
handover Purse Get out
Transfer
Data
Contact
Client
Positive
Negative
„Great, nice talk“
„Why does it
bend and
fold…?“
„Why does it
stick in the
slot…? “
„Uh,must transfer
the whole data to
outlook…?“
„If work will be
the same…?“
MJK
UX Process Getting the Problem
Was ist das Problem
des Benutzers?
Lösung für den
Benutzer?
1. Visitenkarten verkanten und
verknicken.
2. Kontaktdaten müssen
umständlich übertragen werden
1. Ohne Ecken kein Verkanten
2. Einpflegen der Daten per
Smartphone und QR-Code
MJK
UX Process Optimized
Schon ein Wireframe
Prototyp Test
Neue Technologie
MJK
MJK UX Process – Example V-Card
Problem solved
Pharma
Klaus Baumwald
Telefonnummer: 1 2345 6789
E-Mail@Baumwald.de
www.muster.mann
12345 Musterstadt
Musterstraße 5
- Round edges can not
stuck in the pocket
- Apps can read the QR-
Code, so make it
prominent
- Cardreaders can read
the letters, so make it big
QR Reader, Barcode Scanner, Business Card Reader, Camcard
User Journey Tomorrow
Vcard
handover Purse Get out
Transfer
Data
Contact
Client
Positive
Negative
„Great, nice talk“ „This was easy!“ „Gets out
Perfect“
„Cool, with just
one scan “
„Work together
will be great!“
MJK
Wireframing
Interface
Information
Layout
Gestaltungspsychologie
Ästhetik
Look&Feel
Joy-of-Use
User Experience Next
Testmethoden
Papertesting
A-B Test
Patterns
Begriffe
Glossar
MJK
Thank you!
User Experience IntroductionMJK

Weitere ähnliche Inhalte

Was ist angesagt?

Mensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UXMensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UX
Hartmut Obendorf
 
Die Studierende von heute sind die Designer der Zukunft
Die Studierende von heute sind die Designer der ZukunftDie Studierende von heute sind die Designer der Zukunft
Die Studierende von heute sind die Designer der Zukunft
Zwetana Penova
 
Persuasives Web-Design. Jenseits von Usability und Konversion
Persuasives Web-Design. Jenseits von Usability und KonversionPersuasives Web-Design. Jenseits von Usability und Konversion
Persuasives Web-Design. Jenseits von Usability und Konversion
Sebastian Deterding
 
Game ux handout - Susan Hartmann
Game ux handout -  Susan HartmannGame ux handout -  Susan Hartmann
Game ux handout - Susan Hartmann
Evgeny Becker
 
denkwerk Ideation Workshops (2014)
denkwerk Ideation Workshops (2014)denkwerk Ideation Workshops (2014)
denkwerk Ideation Workshops (2014)
denkwerk GmbH
 
Ein Bild sagt mehr als tausend Worte - Visual Thinking in der B2B-Kommunikation
Ein Bild sagt mehr als tausend Worte - Visual Thinking in der B2B-KommunikationEin Bild sagt mehr als tausend Worte - Visual Thinking in der B2B-Kommunikation
Ein Bild sagt mehr als tausend Worte - Visual Thinking in der B2B-Kommunikation
Deutsches Institut für Marketing
 
Product tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux shortProduct tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux short
Inken Petersen
 
Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...
Maria Rauschenberger
 
UX in Agile Session, UX Meetup FFM
UX in Agile Session, UX Meetup FFMUX in Agile Session, UX Meetup FFM
UX in Agile Session, UX Meetup FFM
Wolf Noeding
 
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs? Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
kris_lohmann
 
KPIs vs. UX – ist User Experience messbar?
KPIs vs. UX – ist User Experience messbar?KPIs vs. UX – ist User Experience messbar?
KPIs vs. UX – ist User Experience messbar?
Matthias Feit
 
Wunschfeld Ix Design Workshop World Usability Day 08
Wunschfeld Ix Design Workshop World Usability Day 08Wunschfeld Ix Design Workshop World Usability Day 08
Wunschfeld Ix Design Workshop World Usability Day 08
Dirk Platzek
 

Was ist angesagt? (12)

Mensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UXMensch & Computer 2010 - Tutorial Agile UX
Mensch & Computer 2010 - Tutorial Agile UX
 
Die Studierende von heute sind die Designer der Zukunft
Die Studierende von heute sind die Designer der ZukunftDie Studierende von heute sind die Designer der Zukunft
Die Studierende von heute sind die Designer der Zukunft
 
Persuasives Web-Design. Jenseits von Usability und Konversion
Persuasives Web-Design. Jenseits von Usability und KonversionPersuasives Web-Design. Jenseits von Usability und Konversion
Persuasives Web-Design. Jenseits von Usability und Konversion
 
Game ux handout - Susan Hartmann
Game ux handout -  Susan HartmannGame ux handout -  Susan Hartmann
Game ux handout - Susan Hartmann
 
denkwerk Ideation Workshops (2014)
denkwerk Ideation Workshops (2014)denkwerk Ideation Workshops (2014)
denkwerk Ideation Workshops (2014)
 
Ein Bild sagt mehr als tausend Worte - Visual Thinking in der B2B-Kommunikation
Ein Bild sagt mehr als tausend Worte - Visual Thinking in der B2B-KommunikationEin Bild sagt mehr als tausend Worte - Visual Thinking in der B2B-Kommunikation
Ein Bild sagt mehr als tausend Worte - Visual Thinking in der B2B-Kommunikation
 
Product tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux shortProduct tank karlsruhe 2021 modern ux short
Product tank karlsruhe 2021 modern ux short
 
Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...Uability und User Experience - Ein bisschen darüber geplaudert ...
Uability und User Experience - Ein bisschen darüber geplaudert ...
 
UX in Agile Session, UX Meetup FFM
UX in Agile Session, UX Meetup FFMUX in Agile Session, UX Meetup FFM
UX in Agile Session, UX Meetup FFM
 
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs? Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
Die UX von Enterprise-Anwendungen: Ein Aschenputtel des Software-Designs?
 
KPIs vs. UX – ist User Experience messbar?
KPIs vs. UX – ist User Experience messbar?KPIs vs. UX – ist User Experience messbar?
KPIs vs. UX – ist User Experience messbar?
 
Wunschfeld Ix Design Workshop World Usability Day 08
Wunschfeld Ix Design Workshop World Usability Day 08Wunschfeld Ix Design Workshop World Usability Day 08
Wunschfeld Ix Design Workshop World Usability Day 08
 

Andere mochten auch

ux kundenworkshop
ux kundenworkshop ux kundenworkshop
ux kundenworkshop
diana frank
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)
Agnieszka Maria Walorska
 
Ux Nightmares — Manches sieht toll aus, funktioniert aber nicht
Ux Nightmares —  Manches sieht toll aus, funktioniert aber nicht Ux Nightmares —  Manches sieht toll aus, funktioniert aber nicht
Ux Nightmares — Manches sieht toll aus, funktioniert aber nicht
Tobias Glawe
 
UX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzenUX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzen
IOZ AG
 
USECON: User Experience? Clever & Smart!
USECON: User Experience? Clever & Smart!USECON: User Experience? Clever & Smart!
USECON: User Experience? Clever & Smart!
USECON
 
TWT Usability Testing
TWT Usability Testing TWT Usability Testing
TWT Usability Testing
TWT
 
Mach Deinen Nutzer happy! Usability und UX
Mach Deinen Nutzer happy! Usability und UXMach Deinen Nutzer happy! Usability und UX
Mach Deinen Nutzer happy! Usability und UX
Astrid Beck
 
UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
UxHH Talk - Der Weg zu barrierefreien Apps durch UX DesignUxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
fwippich
 
Hitchikers guide to Ux'ing without a Ux'er
Hitchikers guide to Ux'ing without a Ux'erHitchikers guide to Ux'ing without a Ux'er
Hitchikers guide to Ux'ing without a Ux'er
Chrissy Welsh
 
UX im Unternehmen
UX im UnternehmenUX im Unternehmen
UX im Unternehmen
Uwe Thimel
 
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Marcy Kellar
 
Branded Interaction Design – Digitale Markenerlebnisse planen und gestalten. ...
Branded Interaction Design – Digitale Markenerlebnisse planen und gestalten. ...Branded Interaction Design – Digitale Markenerlebnisse planen und gestalten. ...
Branded Interaction Design – Digitale Markenerlebnisse planen und gestalten. ...
think moto GmbH
 
UX User Experience ... Mobile Apps - UI & UX
UX User Experience ... Mobile Apps - UI & UXUX User Experience ... Mobile Apps - UI & UX
UX User Experience ... Mobile Apps - UI & UX
m-ACADEMY
 
Challenges of B2B User Experience Design
Challenges of B2B User Experience DesignChallenges of B2B User Experience Design
Challenges of B2B User Experience Design
Rob Gillham
 
Branded Interaction Design ... oder warum Usability nur der Anfang ist.
Branded Interaction Design ... oder warum Usability nur der Anfang ist. Branded Interaction Design ... oder warum Usability nur der Anfang ist.
Branded Interaction Design ... oder warum Usability nur der Anfang ist.
think moto GmbH
 
Usability Presentation
Usability PresentationUsability Presentation
Digitale Markenerlebnisse planen und gestalten
Digitale Markenerlebnisse planen und gestaltenDigitale Markenerlebnisse planen und gestalten
Digitale Markenerlebnisse planen und gestalten
think moto GmbH
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo GmbH
 
Designing for Cross Channel User Experience
Designing for Cross Channel User ExperienceDesigning for Cross Channel User Experience
Designing for Cross Channel User Experience
Chrissy Welsh
 
Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)
Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)
Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)
USECON
 

Andere mochten auch (20)

ux kundenworkshop
ux kundenworkshop ux kundenworkshop
ux kundenworkshop
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)
 
Ux Nightmares — Manches sieht toll aus, funktioniert aber nicht
Ux Nightmares —  Manches sieht toll aus, funktioniert aber nicht Ux Nightmares —  Manches sieht toll aus, funktioniert aber nicht
Ux Nightmares — Manches sieht toll aus, funktioniert aber nicht
 
UX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzenUX & Design: UX-Optimierungen in SharePoint umsetzen
UX & Design: UX-Optimierungen in SharePoint umsetzen
 
USECON: User Experience? Clever & Smart!
USECON: User Experience? Clever & Smart!USECON: User Experience? Clever & Smart!
USECON: User Experience? Clever & Smart!
 
TWT Usability Testing
TWT Usability Testing TWT Usability Testing
TWT Usability Testing
 
Mach Deinen Nutzer happy! Usability und UX
Mach Deinen Nutzer happy! Usability und UXMach Deinen Nutzer happy! Usability und UX
Mach Deinen Nutzer happy! Usability und UX
 
UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
UxHH Talk - Der Weg zu barrierefreien Apps durch UX DesignUxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
 
Hitchikers guide to Ux'ing without a Ux'er
Hitchikers guide to Ux'ing without a Ux'erHitchikers guide to Ux'ing without a Ux'er
Hitchikers guide to Ux'ing without a Ux'er
 
UX im Unternehmen
UX im UnternehmenUX im Unternehmen
UX im Unternehmen
 
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
 
Branded Interaction Design – Digitale Markenerlebnisse planen und gestalten. ...
Branded Interaction Design – Digitale Markenerlebnisse planen und gestalten. ...Branded Interaction Design – Digitale Markenerlebnisse planen und gestalten. ...
Branded Interaction Design – Digitale Markenerlebnisse planen und gestalten. ...
 
UX User Experience ... Mobile Apps - UI & UX
UX User Experience ... Mobile Apps - UI & UXUX User Experience ... Mobile Apps - UI & UX
UX User Experience ... Mobile Apps - UI & UX
 
Challenges of B2B User Experience Design
Challenges of B2B User Experience DesignChallenges of B2B User Experience Design
Challenges of B2B User Experience Design
 
Branded Interaction Design ... oder warum Usability nur der Anfang ist.
Branded Interaction Design ... oder warum Usability nur der Anfang ist. Branded Interaction Design ... oder warum Usability nur der Anfang ist.
Branded Interaction Design ... oder warum Usability nur der Anfang ist.
 
Usability Presentation
Usability PresentationUsability Presentation
Usability Presentation
 
Digitale Markenerlebnisse planen und gestalten
Digitale Markenerlebnisse planen und gestaltenDigitale Markenerlebnisse planen und gestalten
Digitale Markenerlebnisse planen und gestalten
 
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
eparo – User Experience Design und Usability. Niemand sagt mehr "Konzeption" ...
 
Designing for Cross Channel User Experience
Designing for Cross Channel User ExperienceDesigning for Cross Channel User Experience
Designing for Cross Channel User Experience
 
Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)
Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)
Erfolgsfaktoren für UX Consulting im eGovernment (German UPA 2013)
 

Ähnlich wie UX Erklaert 01 / UX Overview 01

Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Rainer Gibbert
 
Digital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User ExperienceDigital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User Experience
Jürg Stuker
 
User Experience im Digital Banking
User Experience im Digital BankingUser Experience im Digital Banking
User Experience im Digital Banking
Jürg Stuker
 
BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX Fachartikel: UCD – Formel für bessere Intranets?BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX GmbH
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
chmoser79
 
Corporate Travel Forum: UserExperience & EyeTracking
Corporate Travel Forum: UserExperience & EyeTrackingCorporate Travel Forum: UserExperience & EyeTracking
Corporate Travel Forum: UserExperience & EyeTracking
eResult_GmbH
 
User (Experience) Stories #iak13
User (Experience) Stories #iak13User (Experience) Stories #iak13
User (Experience) Stories #iak13
Screamin Wrba
 
UX Methoden, Costumer Journey, Prototyping
UX Methoden, Costumer Journey, PrototypingUX Methoden, Costumer Journey, Prototyping
UX Methoden, Costumer Journey, Prototyping
Maria Mory
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
Peter Rozek
 
eparo - UX-Design goes Unterbewusstsein (Vortrag IA Konferenz 2013 - Markus W...
eparo - UX-Design goes Unterbewusstsein (Vortrag IA Konferenz 2013 - Markus W...eparo - UX-Design goes Unterbewusstsein (Vortrag IA Konferenz 2013 - Markus W...
eparo - UX-Design goes Unterbewusstsein (Vortrag IA Konferenz 2013 - Markus W...
eparo GmbH
 
Über Service Design @ Plexgroup Open
Über Service Design @ Plexgroup OpenÜber Service Design @ Plexgroup Open
Über Service Design @ Plexgroup Open
Jens Otto Lange
 
Ux vs. Agile
Ux vs. AgileUx vs. Agile
Ux vs. Agile
Uwe Thimel
 
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
City & Bits GmbH
 
UX-Messung
UX-MessungUX-Messung
UX-Messung
uxHH
 
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
USECON
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda Wien
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
iTiZZiMO
 
Dipl.-Ing. Ludwig Meyer (alysis)
Dipl.-Ing. Ludwig Meyer (alysis)Dipl.-Ing. Ludwig Meyer (alysis)
Dipl.-Ing. Ludwig Meyer (alysis)
Praxistage
 
Agil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseAgil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne Designprozesse
Hans-Joachim Belz
 
Webdesign Fachbegriffe
Webdesign FachbegriffeWebdesign Fachbegriffe
Webdesign Fachbegriffe
sascha assbach
 

Ähnlich wie UX Erklaert 01 / UX Overview 01 (20)

Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
 
Digital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User ExperienceDigital Banking: Simplicity and User Experience
Digital Banking: Simplicity and User Experience
 
User Experience im Digital Banking
User Experience im Digital BankingUser Experience im Digital Banking
User Experience im Digital Banking
 
BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX Fachartikel: UCD – Formel für bessere Intranets?BTEXX Fachartikel: UCD – Formel für bessere Intranets?
BTEXX Fachartikel: UCD – Formel für bessere Intranets?
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
 
Corporate Travel Forum: UserExperience & EyeTracking
Corporate Travel Forum: UserExperience & EyeTrackingCorporate Travel Forum: UserExperience & EyeTracking
Corporate Travel Forum: UserExperience & EyeTracking
 
User (Experience) Stories #iak13
User (Experience) Stories #iak13User (Experience) Stories #iak13
User (Experience) Stories #iak13
 
UX Methoden, Costumer Journey, Prototyping
UX Methoden, Costumer Journey, PrototypingUX Methoden, Costumer Journey, Prototyping
UX Methoden, Costumer Journey, Prototyping
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
 
eparo - UX-Design goes Unterbewusstsein (Vortrag IA Konferenz 2013 - Markus W...
eparo - UX-Design goes Unterbewusstsein (Vortrag IA Konferenz 2013 - Markus W...eparo - UX-Design goes Unterbewusstsein (Vortrag IA Konferenz 2013 - Markus W...
eparo - UX-Design goes Unterbewusstsein (Vortrag IA Konferenz 2013 - Markus W...
 
Über Service Design @ Plexgroup Open
Über Service Design @ Plexgroup OpenÜber Service Design @ Plexgroup Open
Über Service Design @ Plexgroup Open
 
Ux vs. Agile
Ux vs. AgileUx vs. Agile
Ux vs. Agile
 
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
Portalsymposium City&Bits - Usability in Internet- und Mitarbeiterportalen
 
UX-Messung
UX-MessungUX-Messung
UX-Messung
 
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
User-Experience in Echtzeit messen (USECON & QuestBack Case Study)
 
Fonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor BenutzeroberflächeFonda: Erfolgsfaktor Benutzeroberfläche
Fonda: Erfolgsfaktor Benutzeroberfläche
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
 
Dipl.-Ing. Ludwig Meyer (alysis)
Dipl.-Ing. Ludwig Meyer (alysis)Dipl.-Ing. Ludwig Meyer (alysis)
Dipl.-Ing. Ludwig Meyer (alysis)
 
Agil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne DesignprozesseAgil und kreativ - Moderne Designprozesse
Agil und kreativ - Moderne Designprozesse
 
Webdesign Fachbegriffe
Webdesign FachbegriffeWebdesign Fachbegriffe
Webdesign Fachbegriffe
 

UX Erklaert 01 / UX Overview 01

  • 1. User Experience Was ist eigentlich UX Design? A short introduction MJK
  • 2. Definition User Experience Design Warum UX Design? Was beinhaltet UX Design? Bereiche aus denen sich UX zusammensetzt Die einzelnen Bereiche Designprozess, wie beginnen? Personas Szenario Use Case UX Beispiel Visitenkarte List of Contents Definition User Experience Design MJK
  • 3. Definition User Experience Design Persönlicher subjektiver „gefühlter“ Eindruck eines Anwenders von einem Produkt. Zusammenspiel aus: Erwartung Eindruck Erfahrung Bewertung MJK
  • 4. MJK Definition User Experience Design Erwartung
  • 8. Definition User Experience Design Wikipedia explains all aspects of a person’s experience with the system or product generates cohesive, predictive and desirable designs addressing all aspects of a product or service as perceived by users is based on holistic considerations includes Interface Graphics Industrial design Interaction MJK
  • 9. User Experience vs. Usability? Schwer usable Die Flasche ist mit einem Korken luftdicht verschlossen Man benötigt ein Werkzeug um den Korken zu entfernen Das Verschließen ist umständlich Gute Usability Die Flasche ist mit einem Schraubverschluss verschlossen Einfach zu öffnen ohne Werkzeug Das Verschließen ist einfach MJK
  • 10. MJK User Experience combines Usability The bottle is well closed Easy to open Easy to close Delivers an experience or when opening it User Experience includes Usability
  • 11. Warum User Experience Design? Beziehung schaffen Benutzer glücklich machen Benutzer erreicht das Ziel mühelos mit Freude Produkte schaffen, die das Leben einfacher machen Nicht komplizierter! MJK
  • 12. MJK Dies zu vermeiden Dies zu machen Warum User Experience Design?
  • 13. Definition User Experience Design Warum UX Design? Was beinhaltet UX Design? Bereiche aus denen sich UX zusammensetzt Die einzelnen Bereiche Designprozess, wie beginnen? Personas Szenario Use Case UX Beispiel Visitenkarte User ExperienceMJK
  • 14. What UX Design involves Creativity Prototyping User Research Scenarios Usability Testing Art Design Theory Flow Charts Marketing Psychology Design Interviews Empathy to think for the user MJK
  • 15. Definition User Experience Design Warum UX Design? Was beinhaltet UX Design? Bereiche aus denen sich UX zusammensetzt Die einzelnen UX Bereiche Designprozess, wie beginnen? Personas Szenario Use Case UX Beispiel Visitenkarte User ExperienceMJK
  • 16. UX Design Disciplines Entspricht der Zielgruppe oder des Landes Form, Symbole, Linien, Farbe, Dimensionen.. Musik oder gesprochene Worte, zB. VoIP. VR Animation, Slides, Bewegung Informationsaufbereitung, Inhalt, Schrift, Beziehungen, Berührungspunkte, Gruppierungen, Controls Abläufe, Systemverhalten, HCI Bsp. 01 Bsp. 02 Bsp. 03 Bsp. 04 MJK
  • 17. Definition User Experience Design Warum UX Design? Was beinhaltet UX Design? Bereiche aus denen sich UX zusammensetzt Die einzelnen Bereiche Designprozess, wie beginnen? Personas Szenario Use Case UX Beispiel Visitenkarte User ExperienceMJK
  • 18. UX Prozess, wie beginnen? Was ist das Ziel? Wer sind die Benutzer? (Personas) Was ist das Problem? Wie sieht ein Szenario aus? Wie sieht ein einzelnes Use Case aus? Fragen stellen nach: MJK
  • 19. UX Process Personas Name: Klaus Baumwald Alter: 34 Beruf: Außendienstmitarbeiter für ein Pharmaunternehmen Ziel: Will seinen Weg zur Arbeit und wieder zurück aufzeichnen. Person: Hat Familie, ein Kind, macht gerne Sport und ist ein sehr zuverlässiger Mitarbeiter. Er ist regelmäßig im Internet und kommt mit den üblichen Officeprogrammen gut zurecht. Er liebt neue Gimmicks und besitzt privat ein Smartphone und ein iPad. MJK
  • 20. MJK UX Process Personas Persona Geschlecht,Alter Beruf, Situation Hobbies Rolle Ziele/Erwartungen Technik Affinität
  • 21. UX Process - User Story / Journey Allgemein verständliche Geschichte erzählen, wie die Zielgruppe das Produkt benutzt. Der Benutzer agiert zum ersten Mal. Ein normaler User ist kein Entwickler. MJK
  • 22. UX Process - User Scenario Konkretes Szenario entwerfen. Sich auf einen kleinen Prozessschritt konzentrieren Realistische Annahmen treffen Der Idealfall (Expert Walkthrough) wird skizziert MJK
  • 23. Definition User Experience Design Warum UX Design? Was beinhaltet UX Design? Bereiche aus denen sich UX zusammensetzt Die einzelnen Bereiche Designprozess, wie beginnen? Personas Szenario Use Case UX Beispiel Visitenkarte User ExperienceMJK
  • 24. MJK UX Process – Example V-Card Companyname Name of the Person Phonenumber Email Adress As usually: Pharma Klaus Baumwald Telefonnummer: 1 2345 6789 E-Mail@Baumwald.de www.muster.mann 12345 Musterstadt Musterstraße 5
  • 25. User Journey Today Vcard handover Purse Get out Transfer Data Contact Client Positive Negative „Great, nice talk“ „Why does it bend and fold…?“ „Why does it stick in the slot…? “ „Uh,must transfer the whole data to outlook…?“ „If work will be the same…?“ MJK
  • 26. UX Process Getting the Problem Was ist das Problem des Benutzers? Lösung für den Benutzer? 1. Visitenkarten verkanten und verknicken. 2. Kontaktdaten müssen umständlich übertragen werden 1. Ohne Ecken kein Verkanten 2. Einpflegen der Daten per Smartphone und QR-Code MJK
  • 27. UX Process Optimized Schon ein Wireframe Prototyp Test Neue Technologie MJK
  • 28. MJK UX Process – Example V-Card Problem solved Pharma Klaus Baumwald Telefonnummer: 1 2345 6789 E-Mail@Baumwald.de www.muster.mann 12345 Musterstadt Musterstraße 5 - Round edges can not stuck in the pocket - Apps can read the QR- Code, so make it prominent - Cardreaders can read the letters, so make it big QR Reader, Barcode Scanner, Business Card Reader, Camcard
  • 29. User Journey Tomorrow Vcard handover Purse Get out Transfer Data Contact Client Positive Negative „Great, nice talk“ „This was easy!“ „Gets out Perfect“ „Cool, with just one scan “ „Work together will be great!“ MJK
  • 31. Thank you! User Experience IntroductionMJK