DATAVIZIONER
WEB APP UI REDESIGN
Summary
Re-create UI and visuals for a web app based on user research.
Duration
1 Month.
Team
Solo, with input from the DataVizioner Team.
Tools
Google Docs, Google Slides, Sketch, Adobe Illustrator, Adobe Photoshop
Client
Deliverables
THE PROBLEM
DataVizioner is a start-up tech company based out of Wellington, New Zealand. I was tasked to provide UX work revolving around their flagship product, Power BI Documenter. DataVizioner pointed out that, though they had been successful with their subscription-based model and were steadily signing on new users, like all SaaS startups they needed to improve user retention and reduce churn occurring in the first couple weeks – and improving the user experience was a key aspect of this.
COMPETITIVE ANALYSIS
The first step in my research was to find out more about Power BI itself, as well as other competitive products that DataVizioner was up against. I was new to the Business Intelligence workspace, and needed to become acclimated to the missing features and gaps in this space. I was asked to provide an overview of a couple key features of other players in the market.
User Interviews
Following my competitive analysis, I was ready to begin conducting interviews. Users were picked from individuals who had already made submissions to a survey within the application, asking if they would be willing to participate. With additional support from DataVizioner, I assisted in conducting usability tests and asking open format questions to let users tell their story about why and how they use Power BI Documenter.
The interviews conducted after the usability test proved immensely valuable, showing just exactly where the users pain points were, the features they thought could be improved, as well as what they expected from the application.
“User documentation isn’t that difficult, it’s more about the ‘what’s changed?’ and ‘where are the gaps?’ that’s the key bit.”
“I was hoping that I could connect to a workspace and then extract all of the reports and datasets.”
“How feasible is this for a user that has 1500 files?”
PERSONAS
A key deliverable that I was asked to provide for DataVizioner were crafted personas of their users. They wanted to ensure their product was useful for three different types of people: those who were extremely technical, those with some technical knowledge and those with none. Due to privacy issues, I can only display one here.
STYLE GUIDE
Now that I had personas to work with and consider, I was able to user the notes I took during my usability testing and interviews to create practical and valuable changes to the application’s UI. Many users had difficulty discerning differences in iconography and color, and many of the app’s screens needed spacing and tooltips that would lend to intuition. I created a style guide that the developer at DataVizioner would then be able to translate directly into the application.
MOCKUPS
As a final step before handing my process off to development, I created mockups of key screens with my style guide implemented. This process also allowed me to give a clear insight to the team about what their application would look like. I took the time during my presentation of these mockups to explain how and why each change was necessary, based on my previous user research.
FINAL THOUGHTS
Though this particular project did not have me complete the entirety of a typical UX process, it was a learning experience to find out just how I could fit into an already established company’s creative process, and figure out exactly what I could bring to the table. Though their scope was a little more limited than what we may find in a ground-up UX case, I was able to showcase the need for change within their user interface and explain exactly how it would be helpful for them in their struggle to gain more retention with their paid users.
Through providing DataVizioner with high fidelity mockups and a comprehensive style guide, I have set the stage to help make their product more intuitive and easier to use for their customer base. By providing clear lines of sight to impactful features, creating a larger diversity in their iconography and use of color, and highlighting the most practical and useful tools, users can begin to take hold of Power BI Documenter’s most lauded feature sets and see the return in their company by creating powerful governance and security measures.
OTHER WORK
Check out some of my other adventures.