Deep Prototyper
Desktop application
PROJECT SUMMARY
With features like pinned code, real-time collaboration and project management, the collaboration experience between designers and developers has never been better! Based on our day-to-day work flow as UX Designers, me and my friend, Jin Cao, who is now an Innovation Design Lead in Samsung, started this project.
ROLE
UX Designer, Visual Designer, Motion Designer
PROJECT SCOPE
UX Research, UI Design
DELIVERABLE
HOW CAN COLLABORATION BE BETTER ?
During my full-time role as a Product Designer in Menusifu, I encountered many times of exhausting collaboration with an outsourcing engineering team. After communicating with my friend, Jin Cao, who is also an UX designer in Samsung, we came up with an idea, Deep Prototyper, a future collaboration tool for designers and developers. We took initiative to analyze some prototyping softwares & IDEs on the market and conducted user studies with experienced designers & developers to inform the design. We summarized the glitches of collaboration are mainly due to:
DIFFERENT MINDSETS/PRIORITIES
-
Designers and developers speak/think in different mindsets, which might lead to redundant distrust/misunderstanding.
-
Designers and developers might prioritize their tasks distinctively, which might lead to friction/conflict when collaborating.
DIFFERENT TOOLS
-
Designers and developers are using tools that don't use the same language across prototype into production. Developers might need to come back to designers for more clear design specs.
-
Developers might lose fidelity of a design when they are only able to look at prototypes that cannot be used in their code. Flow, animation, transition, real data are not fully conveyed in the mockups.
INTRODUCING
DEEP PROTOTYPER
DEEP
The future of collaboration would be communicative and synergistic. That's what we call in-depth collaboration.
The future of collaboration would be communicative and synergistic. That's what we call in-depth collaboration.
Production and Iteration can be faster than ever when collaborating in real time with your team.
D
Development code and design assets are linked. So whenever there is a question to ask, pin it! In this way, designers can take ownership of animations, flows and many other parts of a product by cracking into the code.
Have a bird-eye's view of the whole team's priorities/schedules. Keep track of your own to-dos. Stay synced.
MAGICAL
Our powerful features enable seamless collaboration by combining technologies and that's where magic happens.
Designers can drag&drop, animate, feed data into and weave logic of widget components that developers can access to and reuse in their code. Developers can also go directly to the design mode for specs.
"Design once, code once, ship for all."
MICRO-INTERACTIONS
Animations make experience smooth and interface approachable.
DESIGN SYSTEM
I organized the design system components for future iteration.
