Design + Development
Gregory Raiz
Presented by:
Title
+
Features
Usability
Performance
Technology
Design
Features
Usability
Performance
Technology
Design
Features
Usability
Performance
Technology
Design
Design
Aesthetic Usability Effect
Aesthetic Usability Effect
How things look
Itโ€™s design!
Functional, Usable, Beautiful
2000 XP
Better design leads to โ™ฅ
RaizlabsCreative Solutions
Better design leads to โ™ฅ
Design + Usability
Development
Somethingโ€™s not right.
Slick
Great
Smooth
Awesome
Useful
Helpful
Slow
Clunky
Janky
Buggy
Confusing
Complex
Design Development
Slow
Clunky
Janky
Buggy
Confusing
Complex
Performance is a feature
Slow
Sub-Second
1 Second
3-5 Seconds
5+ Seconds
30 Seconds +
Pixels and animations โ€จ
between the screens
Clunky
Design forboth the โ€จ
happy paths & thorny paths
Janky
Quality is inversely related โ€จ
to the numberfeatures
Buggy
State and modalityโ€จ
are hard to design and predict
Confusing
Compositions may not work if they โ€จ
werenโ€™t designedwith real data.
Complex
Die Zusammensetzungen kรถnnen nicht funktionieren,
wenn sie nicht mit realen Daten entwickeltwurden.
Complex
Slick
Great
Smooth
Awesome
Useful
Helpful
Inconsistent
Non-standard
Special-Case
Gratuitous
API Limited
Platform Limited
Performance Constrained
Things that look the same โ€จ
should act the same
Inconsistent
Nothing
Profile
Menu
Things that look system orstockโ€จ
should act like they are system.
Non-Standard
Items should only behave โ€จ
differently if they are truly special
Special Case
Being fancy forno good reason
Gratuitous
We can only display the data
ordowhat is possible
API orPlatform
If we do this, things get slow.
Performance Constraints
Communication and Balance
HIG (HumanInterface Guidelines)
API Diffs
Common Language
DesignerDesigns
DeveloperChecksIt
DeveloperCodes
DesignerChecksIt
TraditionalWaterfall Process
Users Only Experience Shipped Products
I donโ€™t carewhat yourspec saysโ€ฆ
CODEWINS
LoadingIndicators
Performance
Empty States
ErrorConditions
First Run Experience
Etc. Etc.
Agile isnโ€™t just for
developers
13
3
Agile isnโ€™t just for
developers
7
3
Design + Development
โ™ฅ
Thank you.
@graiz

Design and development better together