RectangleRectangle

fluidui.com

Fluid is a tool for designers and product visionaries that helps them create and communicate ideas for new software products. Fluid UI helps creatives to prototype mobile apps in particular but also supports desktop, wearables and smart TV.

I joined the Fluid UI team in February 2016 and I'll try to show a little of the work that I had the privilege of being responsible.

fluid-ui-previewfluid-ui-preview

The Goal

Redesign the platform reducing pain points, create and prioritize new features for the product.

 

Success Metric

Ensure users find how to upload images to their prototypes and reduce the number of deleted projects.

 

Research

Fluid UI has more than 500,000 active users among them, designers and product managers. Daily we talk to our users through our customer survey tools so we can filter and divide the feedbacks we receive.
Be it: Usability problem, Bug, or New feature.

Findings

#1 Images Upload

Users did not understand that to upload an image they need to drag an image on the library (left side) and not on the page.

 

#2 Deleting a project

Many people were deleting projects permanently because the difference between deleting and archiving a project was unclear.

 

#3 Co-working (new feature)

This is a feature that has been very questioned by our users. They need to work in real time with other designers. Perfect for those who work remotely on a team with multiple creatives.

Before we kick off the project my work includes preparing and organizing all the content that the team of developers needs to understand and continue the work. This material includes a document called 1Pager, where you attach Project Goal, user histories, Resources (team & time estimates), sketches etc.

User stories for New Uploads release

User stories for Project co-working release

fullfull
wireswires

High fidelity Prototype

New image upload flow

Desktop HDDesktop HD
utimo-testutimo-test
drop-to-zoom-outdrop-to-zoom-out

Designing

Fluid UI is not only used by designers, it is used by product managers and developers. Thinking about this we decided to create libraries with UI patterns so that the user can drag and drop to their projects.

fluid-ui-collabfluid-ui-collab

Live presentation

Present your ideas interactively on live video calls with clients or interact as you design with your team.

Complementary components

fluid-ui-componentsfluid-ui-components

Validate

Our office sits within a co-working space along with more than 20 startups of various sizes and one of the advantages of working in such an environment is that we can test and validate our ideas with designers and product managers from other companies And gather fast and important feedbacks to iterate our tool.

 

Results

The number of image uploads increased by 70% compared to the same semester of 2016


The number of deleted projects decreased by 50% and archived projects increased by 65% compared to the same semester of 2016