Even given the seemingly saturated market of cloud-based storage and organization products, we were tasked with developing a product that could fill an underutilized need in that space. To accomplish this, we needed to have the right combination of features to meet the needs of a particular audience.View Prototype
The cloud storage and file management space is full of products, but there a few that truly fulfill the needs of all users especially from a collaboration standpoint. Additionally, there are few that cross over between both personal and professional use.
Inspired by the Git and Github workflow, Fuse is a cloud-based version control and file management hub for everything from your school projects to your client presentations that allows for collaboration across all files.
To begin, I surveyed a wide range of users across multiple
demographics, age groups, and professions, in order to get an
understanding of their current use of cloud storage products, to
get an understanding of their frustrations, and to get an
understanding of the limitations that each felt regarding their
product of choice.
See full survey results >
If a product had a feature that allowed collaborators to "fork" (or make their own copy or branch of) the file, which you could then ultimately approve as the "file owner" do you think you would find that feature helpful?
Google Drive is the most popular as well as the most cost effective, however, is limited in its collaboration features.
Dropbox seems to answer a lot of those questions and frequently rolls out new features, however, their cost and storage options do not make it an attractive alternative.
Box seems to really market itself solely to professionals and is therefore not nearly as cost effective for a wide audience.
Based on user surveys and the competitive analysis performed, representative user personas were developed in order to portray the ideal audience for this product idea
28 | Male | Washington, DC
20 | Female | Blacksburg, VA
Based on product demands, user research, and user personas, tasks were developed that indicated what new users, returning users, and all users, needed to accomplish. The tasks were then organized into high, medium, and low priority to form user stories.View all user stories >
Based on research, competitive analysis, and user stories, user flows were then developed in order to map out the ideal user experience. These were first sketched out by hand and then digitally. User flows included: onboarding, uploading and organizing, sharing a file/folder, creating a folder, creating a copy, and approving/disapproving/merging.View all user flows >
Referring back to the user flows, wireframes were created for each task. Firstly, sketches were drawn of the initial design ideas and then they were produced digitally. This was a continuous process until all user flows had been successfully wireframed.View all wireframes >
After digital wireframes had been constructed, the first round of usability tests commenced. Three scenarios were tested to ensure a good user experience. Testers were tasked with signing up for an account, adding a piece of content like a file or a folder, and lastly organizing a piece of content like a file into a folder.View full round 1 usability test restuls >
Next, the branding process began. This process included further research, sketching, refinement, moodboards, deciding on a color palette, and developing a style guide. Given that this product was inspired by Git/Github, I wanted to convey a sense of having different parts, but that all come together in the end to complete the overall picture. So users are able to create copies of the same file, make changes, and then merge it together to make one single, finished product.
Fuse: to join or blend to form a single entity.
The name “Fuse” was chosen based on the product’s concept. Once that was chosen, I began the process of developing a logo. Starting with sketching, I progressed to digital ideas and worked through various iterations of the idea based on feedback. In the process, I developed a color palette and a moodboard which allowed me to ultimately decide on the colors of the logo. After receiving feedback on my initial logo idea, I decided to change the idea slightly after realizing that when the logo was made smaller, it would not be as clear. I decided to go with the idea of different colors overlaying each other to form different colors. The idea behind this tries to show the idea behind Fuse itself. Lastly, I developed a style guide to show the overall branding, typeface, logo, and theme of Fuse.
Once I had a clearer idea of the product’s identity, I started the process of building out the high fidelity mockups through iterations so that I could ultimately develop a prototype and begin usability and A/B testing.See original mockups >
Original mockups and iterations of welcome page
Original mockups and iterations of the dashboard
Once the high fidelity mockups were complete, the testing commenced. Tools such as InVision, Maze, and Usability Hub were utilized for usability testing as well as A/B testing in order to ensure an ideal user experience was achieved.
I wanted to ensure that the marketing page for the product was not too overwhelming for each user so I tested this vs a “non-confetti” look in an A/B test. 63% of testers preferred the welcome page with the “confetti”, however many noted that it may be necessary to reduce the amount and the opacity.
I wanted to test the user avatar location on the dashboard so that it made the most sense to each user. It was placed in the top right location as well as on the left-hand side above the menu. 54% of testers preferred the user avatar to be placed on the top right-hand side of the page.
After completely usability testing with Maze, it showed that all users were ultimately able to complete the tasks successfully, however, most took an indirect path to success. The placement of the “merge with master” button was causing some confusion so I decided to preference test the button placement in 4 different locations. 69% of testers preferred the button to be placed in the top left hand area of the page. The results were non-conclusive as to if the testers preferred the button to be over the text or to have the text in the center area of the page.
The biggest takeaway from the usability testing is that the overall “workflow” of the product tended to cause some users confusion. Even with that, all users completed the tasks successfully, but took an indirect path to success. This tended to not be the case if users took the time to learn about the product from the welcome/marketing pages tended to perform better.
Based on all of the usability and A/B testing, additional changes to the layout of each page were made based on those results.View Prototype
Because users who took the time to learn about the product from the welcome/ marketing pages tended to perform better, if more time permits, it would be helpful to build out “walk through” directions for new users so that the workflow is clearer. From the test results, it became clear that this may be necessary and could help with taking my conception and making it clearer to the end user from the “get-go.”
Additionally, from the entire project, I learned that I need to test early and test often. This is crucial to ensuring that I didn’t go down a road that may not be the best choice. Additionally, if I ever felt stuck, it was best to turn that into a preference test and let the users ultimately decided for me. Also, I realized that I needed to develop a strong design system so that my work could be more efficient.
Overall, I believe that the user research that was completed shows that there is a need for additional features than the current selection of cloud storage products provides. The functionality that Fuse provides in being able to create versions of multiple different file types, collaborate on those files with other users, and then ultimately merge them into the best, final version, addresses some of these current shortcomings.