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
Robert Glaser
November 05, 2015
Design
65
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
530
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
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
1
660
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
630
2026_01_07_3DプリントはじめましたLT.pdf
hideakitakechi
0
210
20251217リビングラボ・トークin尼崎(尼崎おせっかい会議&オトナテラコヤ)
a2k
0
140
Of Ordination and Rebellion exploration sketches
rezaline
0
140
2026年5月24日Redesigner Career Jamご参加者様ご案内資料
base
PRO
0
170
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
280
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
1.3k
Figma MCPを活用するためのデザインハンドブック
vivion
7
18k
第18回サイゼミ
lw
1
3.9k
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
380
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
930
Featured
See All Featured
The Curious Case for Waylosing
cassininazir
1
390
The SEO Collaboration Effect
kristinabergwall1
1
490
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
170
Typedesign – Prime Four
hannesfritz
42
3.1k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
360
Believing is Seeing
oripsolob
1
150
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
870
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Test your architecture with Archunit
thirion
1
2.3k
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?