Viewpoint Web
The Viewpoint eDiscovery platform delivers a flexible approach to legal and compliance document review with sophisticated analysis designed to help manage litigation, investigations, and compliance matters beginning to end. Within the Viewpoint umbrella exists a web version, and two on-prem legacy programs: Review and Processing. Our browser-based Viewpoint product is meant to fully replace our legacy products, but it will be a long process to bring feature parody to Web.
I have been tasked with redesigning Viewpoint Web's interface and fixing major UX problems before we implement these feature updates, to keep disruptions to the current users as minimal as possible. In order to update our UI, I first needed to expand upon any existing style guidelines and design a component library to be developed. Those guidelines can be found on the LCA UI Guidelines page and will be reflected here.




Problems to be Solved
​
When considering the old product UI there were user pain points as well as design failures that needed to be addressed. Examples of the old interface below reflect the following problems:
-
​Interface design is outdated.
-
Styling does not comply with Conduent's branding guidelines.
-
Menu items, tools, and navigation are disorganized and lack direction.
-
Many commonly used actions are only available with right-click.
-
Many elements do not pass WCAG / ADA testing.
-
There are inconsistencies with styling, actions, and naming conventions.
-
Use of space is not optimal.
-
Organization and workflow can be confusing.

Actions Taken
-
Complete audits to target design inconsistencies and accessibility problems.
-
Create user flows and wireframes to target workflow and layout issues.
-
Organize and clean up navigation and action menus.
-
Determine which action items are most used and give them visual hierarchy.
-
Create and present prototypes to POs, stakeholders, and lead developers, to update based on constructive feedback.
-
Document all design alterations to be included in epics to assist developers.
-
Perform a final audit after QA to ensure design execution accuracy.





