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
Robert Glaser
November 05, 2015
Design
74
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
96
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
ISO 9241-171:2025っていうのがあってな
shosira
1
320
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
270
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
RawrXD: The Sword
seanvraj_arts
0
120
日経電子版を支えていく Kasane Design System
taitotnk
0
340
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.5k
Basket_of_love.pdf
terencebasart
0
310
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
200
noteらしさを織り込むハーネスエンジニアリング
uto
0
1.4k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.1k
プレゼンスライド作成で意識していること
kimichan
0
120
開閉UIのアニメーション設計
hiro0218
2
1.1k
Featured
See All Featured
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
510
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
The Language of Interfaces
destraynor
162
27k
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
510
Designing for Performance
lara
611
70k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Building AI with AI
inesmontani
PRO
1
1.2k
Bootstrapping a Software Product
garrettdimon
PRO
306
120k
RailsConf 2023
tenderlove
30
1.6k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.2k
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?