Building Better Architecture with UX-Driven Design

  • Published on
    07-Jan-2017

  • View
    154

  • Download
    0

Embed Size (px)

Transcript

PowerPoint Presentation

BUILDING BETTER ARCHITECTURE WITH UX-DRIVEN DESIGNDINO ESPOSITOhttp://twitter.com/despos

A good software project must, like a house, start on strong foundations of good architecture and good requirements. (cit.) ABOUT ESTIMATEShttp://noestimatesbook.com/IN SOFTWARE NOBODY ASKS YOU TO SIMPLY BUILD A HOUSE

TENT

HUT

CARAVAN

CASTLE

2

All details are described in depth.CONSCIOUSREQUIREMENTSA few details reckoned obvious and omittedUNCONSCIOUSREQUIREMENTSNot mentioned at allDREAMSWORDSWORDS

3

To improve the software development process, we need a better way to learn.

Watch the webinar recording here:http://www.postsharp.net/blog/post/webinar-recording-ux-driven-design

The user of the software wont know what she wants until she sees the software.Humphreys LawAn interactive system can never be fully specified nor can it ever be fully tested.Wegners Lemma

AnonymousIf you wait until the last minute to complete the user interface, it only takes a minute.

Many great ideas have been first sketched out on paper napkins.

8

Talk is cheap. Show me the product.

Visual immediacyMissed points caught earlierFocus on tasks and actionsFrontend and backend match up

This slide is preset with animations

Two Architect RolesCollect usability requirements to build the best possible UX for the presentation layerCollect business requirements to build the best possible domain layerSoftware ArchitectFaces the painful truth of requirements UX ArchitectFaces the blissful simplicity of visuals

Remember: all I'm offering is the truth. Nothing more.Morpheus (from The Matrix)

How many people around role11

Architecture of the informationUser-machine interaction

Usability reviewsResponsibilities of UX architectsRecord users in actionAnalyze body languageMonitor timing of operations

This slide is preset with animations

UXDD in Three Steps

Create screens as users love them

Trigger workflows from screens

Code workflows to use business logic

SPRINTS

SPRINTS

Two-phase waterfallLow-cost design of the frontendStraight implementation of the backend

Longer than classic bottom-up Nearly no post-deployment costsUXDDSummary

This bullet list is preset with animations

14

UXDDSummaryNO POST-DEPLOYMENT COSTS?

NO POST-DEPLOYMENT COSTS.

This bullet list is preset with animations

Cost of support15

Watch the webinar recording here:http://www.postsharp.net/blog/post/webinar-recording-ux-driven-design

Presentation

Business

DataHow You See Your SystemHow Users See Your System

Interface

BLACK MAGIC

PRESENTATIONAPPLICATIONDOMAININFRASTRUCTUREDEVELOPERUSER/DESIGNERREAL-WORLD

UXDD

The experience users go through while interacting with the application.

User Experience

SKETCHFreehand drawing primarily done to jot down ideas

Related TerminologyWIREFRAMEMore precise sketch focused on layout, navigation, content

MOCKUPAs detailed as a wireframe with some sample UI attached

PROOF OF CONCEPTSmall exercise to verify truthfulness or viability of an assumption

Related TerminologyPROTOTYPEFake system simulating the behavior of the real system to be built

PILOTProduction-ready system tested against a subset of the intended audience

Basic understandingBasic prototypingAdvanced prototypingUXDD Prototyping Levels

If you need prototypes, wheres the saving?22

PRODUCTSBALSAMIQAXUREUXPINJUSTINMIND

DATA MODELBUSINESS LOGICUSER INTERFACE

Possible model mismatchBOTTOM-UPREQUIREMENTS

TOP-DOWN

DATA MODELBUSINESS LOGICUSER INTERFACE

Model cut to fit

REQUIREMENTS

TOP-DOWN

DATA MODELBUSINESS LOGICUSER INTERFACE

Model cut to fit

REQUIREMENTS

TOP-DOWN

BLACK MAGICUSER INTERFACE

REQUIREMENTS

Model cut to fit

Watch the webinar recording here:http://www.postsharp.net/blog/post/webinar-recording-ux-driven-design

USER INTERFACE

SCREENSCREENSCREEN

APPLICATION LAYER

WORKFLOWWORKFLOWWORKFLOWDOMAIN LAYERINFRASTRUCTURE LAYERVIEW modelINPUT modelThe UX users wantBackend to supportjust the UX users want

EVENT storeREAD modelCOMMANDstackQUERYstackUXDD leads to CQRS Event Sourcing

All this said The best way to save money on software projects is learning as much as possible about the domain and users expectations.Anonymous

Finally, about wrap up31

REFERENCES

http://naa4e.codeplex.com

Watch the webinar recording here:http://www.postsharp.net/blog/post/webinar-recording-ux-driven-design

Modern Software ArchitectureDomain Models, CQRS, and Event Sourcing

UX-driven Software Design coming soon

TOP 100

dino.esposito@jetbrains.comhttp://twitter.com/despos http://facebook.com/naa4e http://software2cents.wordpress.com