Embed Size (px)
Citation preview
Hello!
I’m Amanda@amandadorrell
I’m AmandaProduct design & front-end development
Timely• 25 team members • 8 Techbots • Work remote
#timelylife
#timelylife
#timelylife
#efficientlife
Lean mean dev team
Lean mean dev team + designer
Lean mean dev team + designer ?
“There’s this massive chasm between design
and development” - Brad Frost
Design Development
Static psds with measurements
but now• Responsive • State changes • Interactions • Animations • Web-based products
Disconnect
Us vs them
However…
We’re on the same team
We’re on the same teamWith the same goals
To make a quality product
Goal:
Collaboration
Design Development
Design
Development
Get involved ASAP
Get involved ASAPDecisions without a dev?
DecisionsBrowser support
Wire-framing
0
100
text text text text
text
bacon ipsum because I
want to and I can
bacon ipsum because I
want to and I can
Frameworks
Frameworks(Or lack of )
Anything that moves
Anything that moves• Drop-downs • Hovers • Interactions • Animations
Styleguides
revert.io
Styleguide
MVP Styleguide
Speed up development useful for future additions constant iteration easy to test consistent design non-bloated CSS Showing to stakeholders
Revert styleguide:
Visual inventory
Be Proactive
Performance• Videos • Animations • Large images • Fonts • JS & CSS
http://natlib.govt.nz/records/30665403
The Checklist
The ChecklistInteractive items
The ChecklistInteractive items
State changes
The ChecklistInteractive items
State changes
Really long text
The ChecklistInteractive items
State changes
Really long text
Empty data
The ChecklistInteractive items
State changes
Really long text
Empty data
Different users
The ChecklistInteractive items
State changes
Really long text
Empty data
Different users
Performance
Transparency
Surely it’s just an if statement“ ”
IntentionsBehind decisions
Do Not Compromise on intentions
Remember your goal
OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
OutcomeSurprise designs Last minute decisions Gaping holes “Just add this” Impossible to implement designs
Thank you!@amandadorrell
