design and development better together
TRANSCRIPT
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 for both the happy paths & thorny paths
Janky
Quality is inversely related to the number features
Buggy
State and modality are hard to design and predict
Confusing
Compositions may not work if they weren’t designed with real data.
Complex
Die Zusammensetzungen können nicht funktionieren, wenn sie nicht mit realen Daten entwickelt wurden.
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 or stock should act like they are system.
Non-Standard
Items should only behave differently if they are truly special
Special Case
Being fancy for no good reason
Gratuitous
We can only display the data or do what is possible
API or Platform
If we do this, things get slow.
Performance Constraints
Communication and Balance
HIG (Human Interface Guidelines) API Diffs
Common Language
Designer DesignsDeveloper Checks It
Developer CodesDesigner Checks It
Traditional Waterfall Process
Users Only Experience Shipped Products
I don’t care what your spec says… CODE WINS
Loading Indicators Performance Empty States
Error Conditions First Run Experience
Etc. Etc.
Agile isn’t just for developers
13
3
Agile isn’t just for developers
73
Design + Development
♥
Thank you.
@graiz