VDM is a critical part of analytics as a service which enables users at eBay to perform deep and ad hoc analytics without the need to export data and run analysis on their own laptop, but leveraging our big data platform.
VDM manager plays an important role to allow users to apply / manage VDMs , find VDM's, request VDM access etc. It currently has about 1400 monthly active users.
I worked with the project manager in communicating with clients, defining product direction and user interface requirements based on user research and functional requirements.
I was involved in all aspects of the product lifecycle, from ideation and concept to validation and implementation.
Tools and technologies
UI Prototype: HTML/CSS/JS/JSON
Usability Test: User Survey, Semi-structured interview
There was an existing old version...
but users were not quite satisfied..
So we needed to make a change!
Unusable software increases task completion time, which decreases productivity. We did need a change! Design isn’t just a differentiator for customers, but also for the performance of our own employees.
We started working on the information architecture and wireframes.
Working on high-fidelity mockups
Manage requests (Approve & Decline) online instead of using emails in the old version.
In the new version, it’s very convenient to create a new VDM and track creation status.
Browse and request higher level accesses( like write and delegate) easily.
In previous version, browse was only browse and users could not perform any actions.
Added usage dashboard where users can view usage situation like visiting frequency, space consumption. If vdms stay inactive for a certain period of time, some space-reallocation will be performed automatically.
Also Exploring other themes
Deliver UI Prototype with a focus on communicating design
I built the UI prototype using HTML/CSS/JS, and loaded dummy data using JSON.
With the UI prototype, it’s much clear to communicate & evaluate design intent.
After several rounds of modifications, I handed over UI prototype to our developers. They finished the production level code using AngularJS and NodeJS. Here is a glimpse of that.
A side note - for better performance and flexibility
All logos and icons were created in vector format. I converted them into a font library - a font file that is filled with icons and glyphs instead of letters and numbers.
This gives developers a lot of freedom and flexibility in using these icons, as they can easily change the size/ color/ shadow.
Also, using fonts instead of images can increase the loading performance a lot!
User Feedback - Positive!
After releasing the new version, we are very excited to receive positive feedback from our customers:
“I really like this design. I grant 2-3 access per day and now spend much less time granting an access due to the reduced steps and shorter loading times. Very neat!"
“Earlier it used to take a lot of time to load and now it’s fast and provides lot more useful details in a better way.”
“The new tool is much faster and user friendly.”
“This new version looks fantastic. Very friendly UI and much faster than before. Thanks a lot for your team’s efforts.”