Virtual Data Mart (VDM) Manager


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. 

My role

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

Wireframe: Balsamiq

High-res: Photoshop


Production:  HTML/CSS/AngularJS/NodeJS

Usability Test: User Survey, Semi-structured interview 

There was an existing old version...

main item

but users were not quite satisfied.. 

main item

main item

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.

main item

Working on high-fidelity mockups

Manage requests (Approve & Decline) online instead of using emails in the old version.

main item

In the new version, it’s very convenient to create a new VDM and track creation status.

main item

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.

main item

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.

main item

Also Exploring other themes

main item

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! 

main item

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.”