Project Details

Company :

Rockwell Automation (Kin + Carta's client)

Duration :

October - December 2022 (6 weeks)

Role :

Lead UX designer for the project

Tools :

Figma, Illustration

Problem

In order to find more information about a products life cycle user have to navigate to a totally new page and start the search process all over again. We needed to replace the current Lifecycle Status search page and transfer the detailed information about lifecycle of a product into a product card.
Solution Image

Goals

Problem Icon
Give users results on life cycle status, discontinued date, replacement category and product
Allow sorting and replacement category filtering to product collection
Make the information and results for lifecycle prominent

Current Site Audit

To understand how the current problem further, I explored the current flow of how a user navigates to find more information about a products life cycle. It was confusing for the user to navigate to the proper page within the Support menu. Then the user would have to type in the product they are searching for and scroll through repetitive information.

On the original Product Catalogue, none of the product cards have any information about the lifecycle status of the item. In order to find out more information user would have to navigate to the header navigation, select Support and then Lifecycle page.Once user gets to lifecycle page they will need to search for that product again and filter through all the data.Tooltips were repetitive on every product.

Story Image

Low-Fidelity Wire-framing

I sketched out several explorations of how to redesign the product card to fit in information about lifecycle. The approved ideas I moved on to high-fidelity wireframes to present to the client.

Use flow Image

UX Research Plan

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.

Social connections may also impact the relevancy of some search results, either within a social media network or at a ‘mainstream’ search engine. Social media itself is a catch-all term for sites that may provide radically different social actions. For instance, Twitter is a social site designed to let people share short messages or “updates” with others.

Use flow Image

Final Concepts

After presenting several different solutions of incorporating the lifecycle status, all the stakeholders aligned on the option with the least development effort, the accordian design.

Concept Image

Accessible information

The accordion component uses progressive disclosure to deliver large amounts of content in a small space. The user can choose to expand that content within the constraints of the accordion.

Handy tooltips

The repetitive tooltips that took up unnecessary space and gave no new information were now instead moved to the filters on the side where a user can keep the definitions handy.

Concept Image
Style Image