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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Robert Glaser
November 05, 2015
Design
72
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
92
Dein Produkt braucht nicht mehr Technik, sondern mehr Produkt
youngbrioche
3
540
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
富山デザイン勉強会_ブラッシュアップデザイン.pdf
keita_yoshikawa
0
100
AI時代、デザイナーの価値はどこに?
tararira
2
1.9k
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.6k
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
450
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
180
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
240
CULTURE DECK/Creative Director
mhand01
1
1.5k
「見せる」登壇資料デザインの極意
takanorip
7
1.5k
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
410
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.6k
Signull 団体説明資料
signull
0
780
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
490
Featured
See All Featured
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
480
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
WENDY [Excerpt]
tessaabrams
11
39k
GraphQLとの向き合い方2022年版
quramy
50
15k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
From π to Pie charts
rasagy
0
320
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
240
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
170
Designing for Performance
lara
611
70k
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?