UI/UX Design
As data becoming more and more important the ability to transform data to useful information become more and more demanding. Azure Data Factory, a service built for all data integration needs and skill levels. Easily construct ETL and ELT processes code-free within the intuitive visual environment, or write your own code.
Company/
Microsoft
​
Role /
Lead Designer
​
Year /
2017-2019


Dusting off the sketchbook . . .



The goal is to create the tool that would enable user, including those with less coding knowledge to transform and orchestrate their data.
The Hybrid data integration service that simplifies extract, transform and load data at scale
A problem worth solving
Microsoft realized that the main user for big data are data analyst and data scientist, however the user in these two personas not alway be tech savy. The process of cleaning and transform data usually demand the user to have extensive technical knowledge and ability to code. There wasn't that many virtual data transformation/orchestration tool that exist in the market and certainly non from Microsoft. Before data factory V2 the non-technical have to rely on data engineer to clean the data for them which mean extra time needed.
​
Part of Azure portal​
Pure coding experience ​

Can only work on one pipeline at a time​
No guiding information​
Persona
We can separate the user into 6 personas. In ADF v1, however, we only targeted one persona - data engineer. After comprehensive interviews with data engineers we realised that they work closely with data analyst and data scientist. There is a lot of unnecessary data transfer between these roles.

Potentail User
Current User
Potentail User
Data analyst and data scientist are usually less tech savvy, most of them prefer not to code. This gave us a goal to enable these 3 personas to collaborate more effectively.

Challenges
Flexible Integration​
Accommodate all the unstructured data from anywhere​
Compute agnostic​
ADF can hook up all the different analytic platforms and drive BI reporting​
Code free visual tool​
Enable complex experiences to less tech savvy users by creating intuitive visual tools​
Corroborate work space​
Version control & protected editing for different personas​
Process
Agile design process​

Wireframe
I started making wireframe once I have some idea on the direction we want to preceded. There were 2 levels: High level wireframe which used to show stakeholder, engineers and PMs and confirm that they are happy with the direction we are moving toward. Detail wireframes were used by PM to present to users(partner) to get their feedback and reaction.​

Detailed wireframes were used by PM to present to users(partner) to get their feedback and reaction.​

Design Details​
I created visual designs after making the detailed wireframe. One of the goals for this project was to make the help center consistent with Microsoft’s component library style. I used colours, fonts, spacing, buttons, cards, icons, etc. from Microsoft branding guidelines. In visual design process, I kept in mind keywords for simple and clean.
Overview
Azure navigator bar with the factory name​
Introduction video and latest news about the product​
Other option​

Logout option​
Tutorial video​
Pipeline Canvas​
Activities menu (collapse able)​
Version control​

Coding option​
Canvas action bar​
Setting (resizable)​
Data Flow Canvas​
Guiding layout system​

Coding option​
Canvas action bar​
Setting (resizable)​
Dataset setting tab​
Dataset icon​
We spend a lot of time making sure that the settings make sense to the user​

Coding option​
Tab for switching between settings​
Pipeline Run​ Monitor
These buttons appear only in monitoring mode​
Action bar​
Status

User can copy their filter and share their filter with other user​
Data Flow Monitor

Outcome​
Azure Data Factory launched general availability in July 2018 and October 2019 for Data Flow feature.
"I’ve worked many years with SAP and with other clouds and Microsoft is clearly on the right track. Nothing matches it in terms of interface and user friendliness"
– Alexandre G.
“It's pretty good. Very satisfied. I thought this was easier than Nifi (compatitor). This was actually very minimal. It's only a 1 step thing”
-Participant 7
“ADF improved our productivity! It helps us a lot”
-Kapil