Google ChromeOS Device Selector

Overview

Insight collaborated with Google to refine the ChromeOS Device Selector, an interactive tool designed to help small businesses find the right ChromeOS device. Integrated across various third-party vendor websites, the tool had already been in use when I joined the google team as a UX researcher and designer. My role focused on analyzing existing user tests, identifying key pain points, and proposing data-driven design enhancements to improve the overall experience.

While some project details remain confidential, I’m excited to share my process and key insights that informed our improvements.

Review User Testing

I analyzed 10 user interviews that were conducted through UserTesting.com before my involvement in the project.

Approach:
I carefully reviewed video recordings and written responses to extract meaningful feedback.
Challenge:
I analyzed 10 user interviews conducted through UserTesting.com before my involvement.
Deliverable:
I synthesized key findings into a stakeholder presentation, shaping the next steps for tool improvements.

Heuristic Evaluation

I reviewed the UI for usability issues, uncovering inconsistencies and easy-to-fix design flaws.

Original Design

Competitive Analysis

I compared our tool to competitors, notably the Microsoft Surface Device Picker, an agreed upon source of inspiration, and identified best practices.

The tool featured photos of the product
Simple design
Mobile responsive
Choices are easy to understand

Recommendations

After evaluating the tool and completing the competitive analysis, I collaborated with a teammate to present actionable design recommendations. We refined our suggestions based on stakeholder feedback, prioritizing key improvements to balance user needs with business goals.

Below are the general ideas of some of what I recommended and where we landed on on them.

Creating the New Design

Ideation

This marked the start of an iterative process with Google, where we continuously refined the design based on ongoing feedback

Final Design

Eye catching starting point
A large image enhances visual appeal while prominently showcasing a ChromeOS device.
Consistency between questions
Refined the questions for clarity and ensured a consistent design across all questions, incorporating large images for better visual engagement.
Clearer Results Page
Added a call-to-action for purchasing on the results page, introduced a comparison section, and enhanced the visuals by enlarging and refining the images.

A White Label Solution

The tool needed to be white-labeled, allowing multiple companies to apply their branding while keeping a cohesive and engaging UI. To achieve this, I refined the design to be modern, flexible, and visually appealing.

Here is a look at the Start Page for 2 different brands

Challenges

Throughout the project, I encountered several challenges:

Maintaining a White Label Design Solution:

Ensuring the tool's design could be easily adapted for various companies while preserving a cohesive and modern UI.

Balancing User Feedback and Stakeholder Goals:

Striking a balance between incorporating user feedback and meeting stakeholder expectations, often advocating for user-centric design in the face of differing stakeholder visions.

Working Within Structural Constraints:

Improving the tool’s usability while working within a structure that couldn’t be fundamentally changed.

Takeaways

These takeaways have significantly enhanced my approach to UX design, equipping me with valuable insights for future projects.

Confidence in UX Decisions

I've gained more confidence in my design decisions, knowing they are grounded in solid UX practices and user advocacy.

Balancing User and Business Needs:

This project reinforced the importance of balancing user needs with business goals, highlighting the ongoing need for effective negotiation and compromise.

ChromeOS Device Selector Tool