SlideShare uma empresa Scribd logo
1 de 32
UX-DRIVEN
DESIGN
(and I didn’t know)
@despos facebook.com/naa4e Press
DINO
ESPOSITO
EXPOWARE SOFT - 2017
The user of the software won’t know what
she wants until she sees the software.
Humphrey’s Law
An interactive system can never be fully
specified nor can it ever be fully tested.
Wegner’s Lemma
EXPOWARE SOFT - 2017
EXPOWARE SOFT - 2017
MAKING SURE IT
WORKS IS HARD
ENOUGH TO
EVER BOTHER
ABOUT DESIGN.
EXPOWARE SOFT - 2017
DO THINGS RIGHT
AND POSTPONE
LEARNING ABOUT
THE RIGHT THING.
EXPOWARE SOFT - 2017
DOING THINGS RIGHT?
EXPOWARE SOFT - 2017
Presentation
Business
Data
How You See Your System How Users See Your System
Interface
BLACK
MAGIC
EXPOWARE SOFT - 2017
DOING THINGS RIGHT?
EXPOWARE SOFT - 2017
Presentation
Business
Data
How You See Your System How Users See Your System
Interface
BLACK
MAGIC
DOING THINGS RIGHT
EXPOWARE SOFT - 2017
USER INTERFACE
EXPOWARE SOFT - 2017
Anonymous
If you wait until the last minute to
complete the user interface, it only takes
a minute.
EXPOWARE SOFT - 2017
Many great ideas have been first
sketched out on paper napkins.
EXPOWARE SOFT - 2017
Visual immediacy
Missed points caught earlier
Focus on tasks and actions
Frontend and backend match up
EXPOWARE SOFT - 2017
INVOICE
ISSUED
EMAIL
CUSTOMER
in 3
WEEKS
WHAT
DOES IT
MEAN???
SHOULD
WE SWAP
THESE?
NEED
MONITORING
CRITICAL
NOTES
ALERT
NOTES
ACTIONS
DOMAIN
EVENTS
Can’t be
changed
anymore
NEED
GREAT
UI HERE
EXPOWARE SOFT - 2017
Two Architect Roles
Collect usability requirements to
build the best possible UX for
the presentation layer
Collect business requirements
to build the best possible
domain layer
Software
Architect
Faces the painful truth of
requirements
UX
Architect
Faces the blissful simplicity
of visuals
Remember: all I'm offering is the truth. Nothing more.
—Morpheus (from “The Matrix”)
EXPOWARE SOFT - 2017
Architecture of the information
User-machine interaction
Usability reviews
Responsibilities of
UX architects
■ Record users in action
■ Analyze body language
■ Monitor timing of operations
EXPOWARE SOFT - 2017
UXDD in Three Steps
Create screens as
users love them
Trigger workflows
from screens
Code workflows to
use business logic
EXPOWARE SOFT - 2017
Two-phase waterfall
Low-cost design of the frontend
Straight implementation of the backend
 Longer than classic bottom-up
 Nearly no post-deployment costs
UXDD
Summary
EXPOWARE SOFT - 2017
UXDD
Summary
NO POST-DEPLOYMENT COSTS?
NO POST-DEPLOYMENT COSTS.
EXPOWARE SOFT - 2017
PRESENTATION
APPLICATION
DOMAIN
INFRASTRUCTURE
DEVELOPER USER/DESIGNER REAL-WORLD
UXDD
EXPOWARE SOFT - 2017
The experience users go through while
interacting with the application.
User Experience
EXPOWARE SOFT - 2017
SKETCH
Freehand drawing
primarily done to jot
down ideas
Related Terminology
WIREFRAME
More precise sketch
focused on layout,
navigation, content
MOCKUP
As detailed as a
wireframe with some
sample UI attached
EXPOWARE SOFT - 2017
PROOF OF CONCEPT
Small exercise to verify
truthfulness or viability of
an assumption
Related Terminology
PROTOTYPE
Fake system simulating
the behavior of the real
system to be built
PILOT
Production-ready system
tested against a subset of
the intended audience
EXPOWARE SOFT - 2017
Sketches
Wireframes
Prototypes
Basic understanding
Basic prototyping
Advanced
prototyping
UXDD Prototyping Levels
EXPOWARE SOFT - 2017
EXPOWARE SOFT - 2017
DATA MODEL
BUSINESS LOGIC
USER INTERFACE
Possible model mismatch
BOTTOM-UP
REQUIREMENTS
EXPOWARE SOFT - 2017
TOP-DOWN
DATA MODEL
BUSINESS LOGIC
USER INTERFACE
Model cut to fit
REQUIREMENTS
EXPOWARE SOFT - 2017
TOP-DOWN
DATA MODEL
BUSINESS LOGIC
USER INTERFACE
Model cut to fit
REQUIREMENTS
EXPOWARE SOFT - 2017
TOP-DOWN
BLACK MAGIC
USER INTERFACE
REQUIREMENTS
Model cut to fit
EXPOWARE SOFT - 2017
USER INTERFACE
SCREEN SCREENSCREEN
APPLICATION LAYER
WORK
FLOW
WORK
FLOW
WORK
FLOW
DOMAIN LAYER
INFRASTRUCTURE LAYER
VIEW modelINPUT model
The UX users want
Backend to support
just the UX users want
EXPOWARE SOFT - 2017
UXDD
IN OTHER WORDS …
is yet another
DD thing!!!
EXPOWARE SOFT - 2017
@despos

Mais conteúdo relacionado

Mais de NETFest

Mais de NETFest (20)

.NET Fest 2019. Андрей Литвинов. Async lifetime tests with xUnit and AutoFixture
.NET Fest 2019. Андрей Литвинов. Async lifetime tests with xUnit and AutoFixture.NET Fest 2019. Андрей Литвинов. Async lifetime tests with xUnit and AutoFixture
.NET Fest 2019. Андрей Литвинов. Async lifetime tests with xUnit and AutoFixture
 
.NET Fest 2019. Анатолий Колесник. Love, Death & F# Tests
.NET Fest 2019. Анатолий Колесник. Love, Death & F# Tests.NET Fest 2019. Анатолий Колесник. Love, Death & F# Tests
.NET Fest 2019. Анатолий Колесник. Love, Death & F# Tests
 
.NET Fest 2019. Алексей Голуб. Монадные парсер-комбинаторы в C# (простой спос...
.NET Fest 2019. Алексей Голуб. Монадные парсер-комбинаторы в C# (простой спос....NET Fest 2019. Алексей Голуб. Монадные парсер-комбинаторы в C# (простой спос...
.NET Fest 2019. Алексей Голуб. Монадные парсер-комбинаторы в C# (простой спос...
 
.NET Fest 2019. Roberto Freato. Azure App Service deep dive
.NET Fest 2019. Roberto Freato. Azure App Service deep dive.NET Fest 2019. Roberto Freato. Azure App Service deep dive
.NET Fest 2019. Roberto Freato. Azure App Service deep dive
 
.NET Fest 2019. Леонид Молотиевский. DotNet Core in production
.NET Fest 2019. Леонид Молотиевский. DotNet Core in production.NET Fest 2019. Леонид Молотиевский. DotNet Core in production
.NET Fest 2019. Леонид Молотиевский. DotNet Core in production
 
.NET Fest 2019. Александр Демчук. How to measure relationships within the Com...
.NET Fest 2019. Александр Демчук. How to measure relationships within the Com....NET Fest 2019. Александр Демчук. How to measure relationships within the Com...
.NET Fest 2019. Александр Демчук. How to measure relationships within the Com...
 
.NET Fest 2019. Anna Melashkina та Philipp Bauknecht. Dragons in a Mixed Real...
.NET Fest 2019. Anna Melashkina та Philipp Bauknecht. Dragons in a Mixed Real....NET Fest 2019. Anna Melashkina та Philipp Bauknecht. Dragons in a Mixed Real...
.NET Fest 2019. Anna Melashkina та Philipp Bauknecht. Dragons in a Mixed Real...
 
.NET Fest 2019. Alex Thissen. Architecting .NET solutions in a Docker ecosystem
.NET Fest 2019. Alex Thissen. Architecting .NET solutions in a Docker ecosystem.NET Fest 2019. Alex Thissen. Architecting .NET solutions in a Docker ecosystem
.NET Fest 2019. Alex Thissen. Architecting .NET solutions in a Docker ecosystem
 
.NET Fest 2019. Stas Lebedenko. Practical serverless use cases in Azure with ...
.NET Fest 2019. Stas Lebedenko. Practical serverless use cases in Azure with ....NET Fest 2019. Stas Lebedenko. Practical serverless use cases in Azure with ...
.NET Fest 2019. Stas Lebedenko. Practical serverless use cases in Azure with ...
 
.NET Fest 2019. Сергей Медведев. How serverless makes Integration TDD a reali...
.NET Fest 2019. Сергей Медведев. How serverless makes Integration TDD a reali....NET Fest 2019. Сергей Медведев. How serverless makes Integration TDD a reali...
.NET Fest 2019. Сергей Медведев. How serverless makes Integration TDD a reali...
 
.NET Fest 2019. Сергей Корж. Natural Language Processing in .NET
.NET Fest 2019. Сергей Корж. Natural Language Processing in .NET.NET Fest 2019. Сергей Корж. Natural Language Processing in .NET
.NET Fest 2019. Сергей Корж. Natural Language Processing in .NET
 
.NET Fest 2019. Eran Stiller. Create Your Own Serverless PKI with .NET & Azur...
.NET Fest 2019. Eran Stiller. Create Your Own Serverless PKI with .NET & Azur....NET Fest 2019. Eran Stiller. Create Your Own Serverless PKI with .NET & Azur...
.NET Fest 2019. Eran Stiller. Create Your Own Serverless PKI with .NET & Azur...
 
.NET Fest 2019. Eran Stiller. 6 Lessons I Learned on My Journey from Monolith...
.NET Fest 2019. Eran Stiller. 6 Lessons I Learned on My Journey from Monolith....NET Fest 2019. Eran Stiller. 6 Lessons I Learned on My Journey from Monolith...
.NET Fest 2019. Eran Stiller. 6 Lessons I Learned on My Journey from Monolith...
 
.NET Fest 2019. Kevin Dockx. Uncovering Swagger/OpenAPI
.NET Fest 2019. Kevin Dockx. Uncovering Swagger/OpenAPI.NET Fest 2019. Kevin Dockx. Uncovering Swagger/OpenAPI
.NET Fest 2019. Kevin Dockx. Uncovering Swagger/OpenAPI
 
.NET Fest 2019. Kevin Dockx. OpenID Connect In Depth
.NET Fest 2019. Kevin Dockx. OpenID Connect In Depth.NET Fest 2019. Kevin Dockx. OpenID Connect In Depth
.NET Fest 2019. Kevin Dockx. OpenID Connect In Depth
 
.NET Fest 2019. Андрей Антиликаторов. Проектирование и разработка Big Data ре...
.NET Fest 2019. Андрей Антиликаторов. Проектирование и разработка Big Data ре....NET Fest 2019. Андрей Антиликаторов. Проектирование и разработка Big Data ре...
.NET Fest 2019. Андрей Антиликаторов. Проектирование и разработка Big Data ре...
 
.NET Fest 2019. Irina Scurtu. Forget about HTTP
.NET Fest 2019. Irina Scurtu. Forget about HTTP.NET Fest 2019. Irina Scurtu. Forget about HTTP
.NET Fest 2019. Irina Scurtu. Forget about HTTP
 
.NET Fest 2019. Łukasz Pyrzyk. Daily Performance Fuckups
.NET Fest 2019. Łukasz Pyrzyk. Daily Performance Fuckups.NET Fest 2019. Łukasz Pyrzyk. Daily Performance Fuckups
.NET Fest 2019. Łukasz Pyrzyk. Daily Performance Fuckups
 
.NET Fest 2019. Андрей Винда. Создание REST API с поддержкой высокой нагрузки
.NET Fest 2019. Андрей Винда. Создание REST API с поддержкой высокой нагрузки.NET Fest 2019. Андрей Винда. Создание REST API с поддержкой высокой нагрузки
.NET Fest 2019. Андрей Винда. Создание REST API с поддержкой высокой нагрузки
 
.NET Fest 2019. Arnon Axelrod. Test automation for developers
.NET Fest 2019. Arnon Axelrod. Test automation for developers.NET Fest 2019. Arnon Axelrod. Test automation for developers
.NET Fest 2019. Arnon Axelrod. Test automation for developers
 

Último

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Último (20)

Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 

.NET Fest 2017. Dino Esposito. UXDD: A New Pragmatic Methodology for Domain Modeling and User Experience

  • 1. UX-DRIVEN DESIGN (and I didn’t know) @despos facebook.com/naa4e Press DINO ESPOSITO
  • 2. EXPOWARE SOFT - 2017 The user of the software won’t know what she wants until she sees the software. Humphrey’s Law An interactive system can never be fully specified nor can it ever be fully tested. Wegner’s Lemma
  • 4. EXPOWARE SOFT - 2017 MAKING SURE IT WORKS IS HARD ENOUGH TO EVER BOTHER ABOUT DESIGN.
  • 5. EXPOWARE SOFT - 2017 DO THINGS RIGHT AND POSTPONE LEARNING ABOUT THE RIGHT THING.
  • 6. EXPOWARE SOFT - 2017 DOING THINGS RIGHT?
  • 7. EXPOWARE SOFT - 2017 Presentation Business Data How You See Your System How Users See Your System Interface BLACK MAGIC
  • 8. EXPOWARE SOFT - 2017 DOING THINGS RIGHT?
  • 9. EXPOWARE SOFT - 2017 Presentation Business Data How You See Your System How Users See Your System Interface BLACK MAGIC DOING THINGS RIGHT
  • 10. EXPOWARE SOFT - 2017 USER INTERFACE
  • 11. EXPOWARE SOFT - 2017 Anonymous If you wait until the last minute to complete the user interface, it only takes a minute.
  • 12. EXPOWARE SOFT - 2017 Many great ideas have been first sketched out on paper napkins.
  • 13. EXPOWARE SOFT - 2017 Visual immediacy Missed points caught earlier Focus on tasks and actions Frontend and backend match up
  • 14. EXPOWARE SOFT - 2017 INVOICE ISSUED EMAIL CUSTOMER in 3 WEEKS WHAT DOES IT MEAN??? SHOULD WE SWAP THESE? NEED MONITORING CRITICAL NOTES ALERT NOTES ACTIONS DOMAIN EVENTS Can’t be changed anymore NEED GREAT UI HERE
  • 15. EXPOWARE SOFT - 2017 Two Architect Roles Collect usability requirements to build the best possible UX for the presentation layer Collect business requirements to build the best possible domain layer Software Architect Faces the painful truth of requirements UX Architect Faces the blissful simplicity of visuals Remember: all I'm offering is the truth. Nothing more. —Morpheus (from “The Matrix”)
  • 16. EXPOWARE SOFT - 2017 Architecture of the information User-machine interaction Usability reviews Responsibilities of UX architects ■ Record users in action ■ Analyze body language ■ Monitor timing of operations
  • 17. EXPOWARE SOFT - 2017 UXDD in Three Steps Create screens as users love them Trigger workflows from screens Code workflows to use business logic
  • 18. EXPOWARE SOFT - 2017 Two-phase waterfall Low-cost design of the frontend Straight implementation of the backend  Longer than classic bottom-up  Nearly no post-deployment costs UXDD Summary
  • 19. EXPOWARE SOFT - 2017 UXDD Summary NO POST-DEPLOYMENT COSTS? NO POST-DEPLOYMENT COSTS.
  • 20. EXPOWARE SOFT - 2017 PRESENTATION APPLICATION DOMAIN INFRASTRUCTURE DEVELOPER USER/DESIGNER REAL-WORLD UXDD
  • 21. EXPOWARE SOFT - 2017 The experience users go through while interacting with the application. User Experience
  • 22. EXPOWARE SOFT - 2017 SKETCH Freehand drawing primarily done to jot down ideas Related Terminology WIREFRAME More precise sketch focused on layout, navigation, content MOCKUP As detailed as a wireframe with some sample UI attached
  • 23. EXPOWARE SOFT - 2017 PROOF OF CONCEPT Small exercise to verify truthfulness or viability of an assumption Related Terminology PROTOTYPE Fake system simulating the behavior of the real system to be built PILOT Production-ready system tested against a subset of the intended audience
  • 24. EXPOWARE SOFT - 2017 Sketches Wireframes Prototypes Basic understanding Basic prototyping Advanced prototyping UXDD Prototyping Levels
  • 26. EXPOWARE SOFT - 2017 DATA MODEL BUSINESS LOGIC USER INTERFACE Possible model mismatch BOTTOM-UP REQUIREMENTS
  • 27. EXPOWARE SOFT - 2017 TOP-DOWN DATA MODEL BUSINESS LOGIC USER INTERFACE Model cut to fit REQUIREMENTS
  • 28. EXPOWARE SOFT - 2017 TOP-DOWN DATA MODEL BUSINESS LOGIC USER INTERFACE Model cut to fit REQUIREMENTS
  • 29. EXPOWARE SOFT - 2017 TOP-DOWN BLACK MAGIC USER INTERFACE REQUIREMENTS Model cut to fit
  • 30. EXPOWARE SOFT - 2017 USER INTERFACE SCREEN SCREENSCREEN APPLICATION LAYER WORK FLOW WORK FLOW WORK FLOW DOMAIN LAYER INFRASTRUCTURE LAYER VIEW modelINPUT model The UX users want Backend to support just the UX users want
  • 31. EXPOWARE SOFT - 2017 UXDD IN OTHER WORDS … is yet another DD thing!!!
  • 32. EXPOWARE SOFT - 2017 @despos