Dropbox Dashboard Redesign
24 Hour Design Challenge
Challenge: Redesign Dropbox’s dashboard to increase visibility of types of files users have.
Problem: Users can’t easily identify the different types of files that they have saved
Solution: Remove redundancies from the current dashboard design and give users a clear view of all available file types
Process: Understand > Define > Ideate > Test > Prototype
Current Dropbox dashboard design
Observations about the current Dropbox solution:
•Desktop dashboard displays both ‘Suggested for you’ and ‘Recent’ files which feels redundant
•File type of ‘Recent’ files is identified by the extension and a small icon
•There’s no way to organize or view by file type
To kick off, I conducted a brief competitive analysis to learn about what the dashboards of other file hosting services look like. I chose to analyze Google Drive, Box, and iCloud Drive, and focused on researching how they identify different file types.
All of these file management products display file types on the user dashboard in a similar way. They rely on the file extension of individual documents as well as small icons to identify file types. None offer users the ability to view or organize files by file type on the dashboard. Dropbox could differentiate its dashboard design from the competitors by offering users a view of their files organized by type.
Before I began exploring solutions via sketching, I defined the primary tasks a potential user might need to accomplish:
•As a returning user, I want to view the types of files that I have saved
•As a returning user, I want to quickly find all of my files of a certain type
I sketched four variations of a redesigned Dropbox dashboard. With each iteration, my goal was to remove redundancies from the current dashboard design and give users a clear view of all available file types. The ‘Suggested for you’ section or the ‘Recent’ section on each was replaced with a section called ‘All Files.’ The files are then either displayed in folders grouped by file type or they are able to be filtered by selecting a file type from the list next to the ‘All Files’ title.
Digital wireframe V1
Digital wireframe V2
Next I turned to Figma to create digital wireframes. I created two wireframes of the dashboard--one with the ‘All Files’ section replacing ‘Recent’ on the bottom third of the screen, the other with ‘All Files’ being displayed prominently as the first section on the top of the screen. All other elements of the current dashboard including the main navigation menu and CTAs remained unchanged.
I created and distributed a preference test of the two wireframes. Time constraints limited the responses I was able to collect, but 3 out of 4 participants preferred version 2.
Redesigned Dropbox dashboard
The redesigned homepage removes redundancies from the current dashboard design and give users a clear view of all available file types.
