A interação entre designers e desenvolvedores é essencial na hora de construir um bom produto. Nessa talk falamos um pouco dos dois pontos fundamentais que facilitam a colaboração e possibilitam o compartilhamento de mindset entre designers e desenvolvedores.
____
The interaction between designers and developers is essential to build a good product. We talk about some of the two fundamental points that facilitate collaboration and enable the sharing of mindsets between designers and developers.
13. CMS
Allows non-technical users
to customize a website
and add content to it
Content Management System
Allows technical users to
extend it with new
functionalities
"Friends don’t
let friends
build CMS's"
14. Storefront
Allow store owners to customize
their stores using components
created by partner developers
Content Management System
17. The data structures we
created to persist conditional
configurations didn't foresee a
blatantly obvious use case:
letting the users see all
configurations for a
given component!
ENGINEERS DIDN'T INTERACT
ONE WEEK LOST 😧
20. The designers asked for a
floating button over each
section to add adjacent
components. However, we
had a hard constraint of not
adding "relative" divs around
user's components as to not
break their styles.
DESIGNERS DIDN'T INTERACT
ONE WEEK LOST 😵
23. The same constraint of not adding relative
divs forced us to re-implement the
component selection overlay as a single div
that was absolutely positioned. This turned
out to enable a better usability by allowing
the overlay to animate between hovers!
ENGINEERS & DESIGNERS
SOLVED IN ONE DAY 😋
26. SystemUsers
Designers
Interface
How will the user
behave?
What are the
possibilities?
What's the actual
problem?
How will the system
behave?
What are the
limitations?
How do I implement
the solution?
Developers
27. How will the user
behave?
What are the
possibilities?
What's the actual
problem?
How will the system
behave?
What are the
limitations?
How do I implement
the solution?
Designers Developers&
SystemUsers Interface
28. How will the user
behave?
What are the
possibilities?
What's the actual
problem?
How will the system
behave?
What are the
limitations?
How do I implement
the solution?
Designers Developers&
Research
& Ideation
Build
Launch
Learn
32. BRIAN CHESKY | AIRBNB FOUNDER
”Having a clear mission and making
sure that it comes through to the
company is probably the most
important thing you can do for
both culture and values”
40. Feedback early and often
https://www.inc.com/sam-hodges/3-ways-to-build-a-feedback-friendly-culture-at-your-company.html
1. Leaders set the tone
2. Feedback should be a part of daily life
3. It's a skill, not a talent
41. When giving feedback...
1. Be prepared, give concrete examples
2. Be descriptive, not judgemental
3. Be constructive, offer an alternative
42. When receiving feedback...
1. Be thankful! It's a gift
2. Be attentive, take notes and listen
3. Don't be defensive, don't justify yourself
61. VTEX IO
With VTEX IO, users
can create workspaces to
interact with code in an
isolated development
environment and send a
simple URL to their peers
62. Culture
An environment of trust
that allows for exchange
Mindset
Effectively employ
different strengths
Toolset
Make collaborating
the easy choice
+ =