Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Robert Glaser
November 05, 2015
Design
73
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
Robert Glaser
November 05, 2015
More Decks by Robert Glaser
See All by Robert Glaser
RAG: The Architecture of Reliable AI
youngbrioche
0
95
Dein Produkt braucht nicht mehr Technik, sondern mehr Produkt
youngbrioche
3
550
Stop flying blind. Profiling your App's Internals.
youngbrioche
3
520
Bootstrapping & Boilerplating
youngbrioche
9
370
Travis CI
youngbrioche
4
340
Modern Web Development with Ruby on Rails
youngbrioche
2
340
Rails Engines. Doing It Wrong. And Then Right.
youngbrioche
6
280
Other Decks in Design
See All in Design
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
sekiguchiy
0
170
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
270
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
3.8k
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
1
200
設計の進め方と 品質特性品質特性
harakeishi
0
1.3k
Edmonton River Slidedeck
edmontonriver
0
270
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
120
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
150
Decksh keywords
ajstarks
0
120
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2.1k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
470
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
140
Featured
See All Featured
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
270
Music & Morning Musume
bryan
47
7.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.8k
Site-Speed That Sticks
csswizardry
13
1.5k
Practical Orchestrator
shlominoach
191
12k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
How STYLIGHT went responsive
nonsquared
100
6.3k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
280
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
6
1.2k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
410
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
4 Signs Your Business is Dying
shpigford
187
23k
Transcript
Die Unbenutz- barkeit von Enterprise-Web Anwendungen
ROBERT @mrreynolds
ROMAN @rstrangh
innoQ
None
None
NATURGESETZ oder VORSATZ?
PROBLEM FEHLENDES VERSTÄNDNIS
PROBLEM MANGELNDE WERTSCHÄTZUNG
http:/ /page-online.de/issue/page-05-2015/
Empathie
PROBLEM MANGELNDES KNOWHOW
MENSCH TECHNOLOGIE DESIGN USABILITY FRONTEND BACKEND
PROBLEM UNTERNEHMENS- KULTUR
Und nun?
UX für HACKER
„Was ist UX und was hat das mit Design zu
tun?“ VERSTÄNDNIS
Produkt
User Interface
User Experience http:/ /edlea.com/blog/product-ux-ui-cereal/
UX ist nicht UI. http:/ /uxisnotui.com
Field research Face to face interviewing Creation of user tests
Gathering and organizing statistics Creating personas Product design Feature writing Requirement writing Graphic arts Interaction design Information architecture Usability Prototyping Interface layout Interface design Visual design Taxonomy creation Terminology creation Copywriting Presenting and speaking Working tightly with programmers Brainstorm coordination Design culture evangelism Wie UX gesehen werden möchte.
Field research Face to face interviewing Creation of user tests
Gathering and organizing statistics Creating personas Product design Feature writing Requirement writing Graphic arts Interaction design Information architecture Usability Prototyping Interface layout Interface design Visual design Taxonomy creation Terminology creation Copywriting Presenting and speaking Working tightly with programmers Brainstorm coordination Design culture evangelism Wie UX typischerweise gesehen wird.
UX Design Dev
„Warum sollte mich UX überhaupt interessieren?“ WERTSCHÄTZUNG
Weil Du es tagtäglich umsetzt.
Weil die Einstiegshürde sehr niedrig ist.
Weil die Arbeit erfüllender ist.
“I don’t care how many kick-ass Visio architecture diagrams you
have; as far as the user is concerned, the UI is the application.“ —Jeff Atwood
Empathie durch Hypothesen & Annahmen.
Dabei vorher die richtigen Fragen stellen.
Wer sind die Nutzer der Anwendung? Wie beeinflusst die Anwendung
den Arbeitsalltag des Nutzers? Welches Geschäftsproblem löst die Anwendung? Wie und wann wird die Anwendung benutzt? Welche Features sind essentiell? Wie sollte sich die Anwendung verhalten und wie sollte sie aussehen?
Nutzer mit Hilfe von Personas entwickeln.
Name Demo- graphische Daten Schmerzen & Bedürfnisse Lösungen
Beispiel: Online Banking
Rolf K. Unternehmer Vorruhestand 50 Jahre alt Viele Umsätze, kein
Durchblick Umsatz- kategorien, Logos
„Was kann ich schon tun?“ KNOWHOW
Starte mit ein paar Basics…
UX BASICS DESIGN BASICS
Skizziere und Diskutiere UIs mit dem Team vor der Umsetzung.
Beginne mit Komponenten…
None
…und setze diese zu Größerem zusammen.
Malen
“We’re not designing pages, we’re designing systems of components.” —Stephen
Hay
Nutze Style Guides.
CLICK Enter Text… 3PX 3PX 8PX 105PX 5PX 7PX 5PX
10PX 5PX styleguide.pdf
None
Nutze Living Style Guides.
https:/ /yourcompany.com/styleguide
Ergänze mit Style Tiles.
http:/ /styletil.es
http:/ /styletil.es
Prüfe Annahmen mit Rapid Prototypes & MVPs
HTML, CSS und JavaScript müssen sitzen. Handwerkszeug!
Learn to code HTML and CSS http:/ /learn.shayhowe.com/ A re-introduction
to JavaScript https:/ /goo.gl/jpKyR7
„Wie kann ich UX etablieren?“ UNTERNEHMEN
Fachübergreifende Teams
UI Developer UX Designer Application Developer MENSCH TECHNOLOGIE DESIGN RESEARCH
FRONTEND BACKEND
Integration in den agilen Prozess
! Rolle des PO im Thema UX ! Pairing mit
Designern ! Keine Feuerwehr-Einsätze
NO UX LEAN UX Sketching Prototyping UX via User Stories
Pairing User Testing Feedback
“shifting from output to outcomes” “speed first, aethetics second” “not
relying on heroes” “embracing UX debt” EMPFEHLUNG
FAZIT. Es ist viel Arbeit, die es aber wert ist.
Danke.
ROBERT GLASER
[email protected]
ROMAN STRANGHÖNER
[email protected]
Fragen & Feedback?