Tern
Tern is a data catalog software that allows allows easy discovery of data while the user searches through metadata. I translated the lineage graph and data search flow into multiple pages of designs that allow for a frontend engineer to integrate with backend.
Project Summary
Background: All data has been implemented into the software, the user flow and data structure has been established, but Tern need a designer to consolidate flows together while also make the data figure visualized to be more friendly for users.
Role: Lead Designer (30% UX, 70% UI)
Time: May 2021 - June, 2021
Team: Nadeem Chaudhry - Head of data and engineer.
Tools: Google doc (for data information)and Sketch
Approach
Understand main features of the software and data figures
![Screen Shot 2021-09-28 at 9.14.49 PM.png](https://images.squarespace-cdn.com/content/v1/5bd6149234c4e296e8e2ce7b/1632879887824-LU13JGNQDFOWLEIZ2FX7/Screen+Shot+2021-09-28+at+9.14.49+PM.png)
![Screen Shot 2021-09-28 at 9.15.01 PM.png](https://images.squarespace-cdn.com/content/v1/5bd6149234c4e296e8e2ce7b/1632879887957-ZD8MC26CTFRL7W20K0WY/Screen+Shot+2021-09-28+at+9.15.01+PM.png)
2. Explore visual options for data lineage graphs
![Version 1@1x.png](https://images.squarespace-cdn.com/content/v1/5bd6149234c4e296e8e2ce7b/1632880315287-AYRRDFFJYIIZQYGZELDB/Version+1%401x.png)
![Version 2@1x.png](https://images.squarespace-cdn.com/content/v1/5bd6149234c4e296e8e2ce7b/1632880315596-0CTPCV32NR94PKGJ0VM6/Version+2%401x.png)
3. Wireframes to connect all steps
4. Style guide, Hi-fi wireframes & design iteration based on dev constraints
![TERN - hi fi Copy@1x.png](https://images.squarespace-cdn.com/content/v1/5bd6149234c4e296e8e2ce7b/1632880907476-CHMWJGFSP6K7JFZSSJ7F/TERN+-+hi+fi++Copy%401x.png)
![TERN - hi fi Copy 2@1x.png](https://images.squarespace-cdn.com/content/v1/5bd6149234c4e296e8e2ce7b/1632880907506-GEF294R4DSQYEWQ3K5OM/TERN+-+hi+fi++Copy+2%401x.png)