Product Component Central UI Design

The request is from the R&D Engineer team at Armenia

purpose of redesign

To make it user friendly
To build resonable design functions

The navigation before

The pain point

01.
Not match the Synopsys branding

02.
The design alignment problem

03.
The CTA buttons are dispersed

04.
Too many search inputs

05.
Filters are not visible

The New Design

There are several design updates on the product

The updates on New Design

Company Branding

Reason: Make it more Synopsys. Move the logo to the navigation bar and add Synopys logo on the right side of the bar and add the synopsys favico to the Tab and rename it to Synopsys | Component central

Redesign the navigation bar

Reason: Navigation is necessary for ensuring that the page is accessible and usable. Spacing and functions are crucial for the users' habits.

Filter should be list

Reason: Filter & sort options are the sub-elements of any search as they can help users narrow and organize their search results. See what they've picked and refilter the information.

Optomic the search bar

Reason: Multi-search bar will be confusing users.

Clear the input

Reason: With a clear line on the bottom of the input, The users will understand where to type the content.

Give users clear guideline

Reason: Pick more filter info, the list will be wider. It should be a sign for the users know scroll right will see more content.

CTA should be concentrated

Reason: Move CTA close to each other will help users to recogonize them.

Product Component Central Prototype

Component Central filter

The function of filter information and remove filter information.

Component Alphabet filter

Not just the filter button and search work, but the alphabet filter works good.

Prototyping mockup for Product Component Central

It is a test mockup and can be viewed with clicks

Highlights

The work was recognized from the Engineer team

My manager shared this feedback to me