Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Die Unbenutzbarkeit von Enterprise Web-Anwendungen
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Robert Glaser
November 05, 2015
Design
69
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
86
Dein Produkt braucht nicht mehr Technik, sondern mehr Produkt
youngbrioche
3
540
Stop flying blind. Profiling your App's Internals.
youngbrioche
3
510
Bootstrapping & Boilerplating
youngbrioche
9
360
Travis CI
youngbrioche
4
330
Modern Web Development with Ruby on Rails
youngbrioche
2
330
Rails Engines. Doing It Wrong. And Then Right.
youngbrioche
6
280
Other Decks in Design
See All in Design
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
480
CULTURE DECK/Frontend Engineer
mhand01
0
1.4k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
220
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
280
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
1
690
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
1.2k
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
240
言幹と言葉(Stems & Leaves)
kakukoki
0
130
凡庸を落とすハーネス
hiromimaeo
1
550
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
650
AIでデザインをつくる:基礎編
kenichiota0711
4
3.2k
The Art of Messy the Maid
marzstarz
0
110
Featured
See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
340
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
220
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
610
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
600
Odyssey Design
rkendrick25
PRO
2
730
KATA
mclloyd
PRO
35
15k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
340
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
290
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?