CENTRIC SOFTWARE - 3D VIEWER

The world of fashion is rapidly embracing the 3D realm, with its unparalleled potential to redefine brand experiences. During my time at Centric Software, I delved deep into Centric’s 3D viewer, spearheading a new feature development that would bring customized lighting settings to 3D documents.

Centric-

01/ Overview

The 3D viewer in Centric8 software allows users to view 3D documents to enhance collaboration, create review sessions on 3D Samples and take snapshots and add annotations.


But there was a glitch in this otherwise seamless experience. Without the guidance of a designer, there was no way to edit the lighting around a model, a crucial element to truly bring a design to life, and the ‘environments’ feature just wasn’t doing justice to their vision. This gap created a bottleneck, with stakeholders often waiting on designers to make minor tweaks.

I took the lead on a feature that would address this very pain point. I introduced a lighting customization tool, integrated right within the 3D viewer that would encourage even the most design-shy user to jump in and experiment. No more waiting, no more designer dependency, just pure, uninterrupted creativity.

02/ my role

User Experience Designer - Research, Feature Scoping, UX Design, Interaction Design, Visual Design, Prototyping

03/ TEAM

Grif Van Holst, Product Manger
Leanner Werner, SoftwareEngineer
Vanshika Swaika, Senior UX Designer

04/ Tools

Figma, Miro, Protopie, Maze, Jira

05/ Highlights

Lighting at a click

No need to start from scratch, just pick, tweak, and go!

Select-Preset

Error-free edits

With recovery options, experimenting is risk-free and fun.

Preview-mode

Versatile interactions

Adjust and play with lights your way. Experience that feels custom-tailored, every time.

Drag-interactions

Visual cues

Custom labels, unique icons, and more.

Edit-light-name

06/ DIVING DEEP INTO USER NEEDS

“We want to be able to change the lighting around the model.” But why?


User interviews helped me identify the exact reasons behind this request, especially when the 'environments' feature was already in place.

These insights uncovered underscored the necessity of adding a new layer of customization to the Centric8 platform, going beyond the existing 'environments' feature.

Efficiency

Efficiency

Relying solely on environments was seen as a bottleneck, leading to delays and dependencies. Users desired the tools to make tweaks on-the-go.

Control

Granular Control

Users wanted the ability to emphasize or downplay specific parts of a model, which the broad strokes of environments couldn't always provide.

Exploration

Exploration

Users expressed the desire for a tool that supports spontaneous tweaks, real-time feedback, and the freedom to visualize countless possibilities.

07/ Problem Statement

How might we equip the 3D viewer with adaptable lighting controls that encourages exploration and creativity?

08/ Competitive analysis

Having defined who my users are and what are their goals and values, I sought clarity on industry benchmarks for such a feature.

I performed extensive benchmarking diving deep into platforms like SketchFab, Vantana, and Adobe Dimension to identify the nuances that would make or break the user experience for the custom lights feature.

Competitive-Analysis

comparing direct and indirect competitors

Diverse interaction methods

Interaction-preferences

Everyone had their unique way of interacting with the options. Users highlighted the need for flexibility in interaction methods.

Low learning curve

Low-learning-curve

Users favoured simplicity over complexity, even if it meant fewer features.

The need for real-time feedback

Real-time-feedback

Instant feedback was non-negotiable. Users wanted to see their changes immediately, aiding them in quick iterations and decision-making.

09/ Reframed Problem Statement

How might we offer intuitive lighting in the 3D viewer that that encourages exploration and creativity without the complexity of traditional 3D software?

10/ Brainstorming and ideating

The insights derived from user themes like Efficiency, Exploration, Granular Control, and Low Learning Curve played a pivotal role in shaping my ideas.

Balancing ideas with practicality, I factored in business and technical limits. After discussions with the Product Manager and developer, some features were tweaked, some earmarked for later, and a few were shelved.

IE-Prioritization

Priroritizing ideas using Impact vs effort matrix

10/ USER FLOWS

The journey from selecting presets to the final save encapsulates a series of refined interactions designed to minimize effort and maximize satisfaction. Here’s a glimpse into the structured flow, ensuring every step contributes to a cohesive and delightful user experience.

User-Flow

11/ BACK TO THE BASICS

Diving into initial ideas, I turned to sketching on paper. This swift method allowed me to navigate through different concepts, iterate efficiently, and spot any user flow inconsistencies.

Sketching

The lighting panel

How might we make sure that the user is able to identify the lights and select the correct light to edit?

Lights-exploration

After careful consideration, I chose the third option over the others. This decision was informed by its balance of personalization and intuitive use. Despite the initial learning curve, this approach significantly enhances user experience by allowing for tailored naming and clear, easy-to-understand controls. Unlike the other options, it avoids the pitfalls of visual similarity and accessibility issues, ensuring every user can efficiently manage their lighting setup.

Presets

How might we design the presets selection process to be intuitive, efficient, and easily accessible?

Presets-Exploration

After careful consideration, I chose the third option over the others. This decision was informed by its balance of personalization and intuitive use. Despite the initial learning curve, this approach significantly enhances user experience by allowing for tailored naming and clear, easy-to-understand controls. Unlike the other options, it avoids the pitfalls of visual similarity and accessibility issues, ensuring every user can efficiently manage their lighting setup.

To refine the presets selection process, usability testing played a pivotal role in understanding user preferences and behaviors. Utilizing Maze, I conducted tests on two distinct flows to discern which offered a more intuitive and satisfactory user experience.

Presets-Testing

Upon evaluating usability test results from Maze on two different preset selection flows, it became clear that users significantly preferred Flow 1. This preference was attributed to the clear presentation of all presets upfront, providing users with a comprehensive view that enabled informed decision-making. Additionally, the intuitive edit option that appeared on hover empowered users with straightforward customization capabilities. The structured process of selecting, editing, and saving a preset in Flow 1 offered a seamless and user-friendly experience, distinctly outperforming the more implicit approach of Flow 2. This finding highlights the value of offering users clarity, control, and a guided path through customization, aligning with our objectives to enhance the preset selection experience.

12/ Crafting a Breezy Interaction Experience

I aimed to prioritize fluidity and simplicity across all user interactions. Each element was carefully crafted to ensure a straightforward and engaging user experience throughout.

Controls

Users can make adjustments with ease, enjoying a tactile and responsive interaction.

PreviewShow-Hide

Show or hide elements with minimal effort, keeping focus on the creative process.

Select-a-preset

Selecting a preset is simple, one-click action.

Edit-a-preset

With intuitive controls and real-time feedback, editing is breezy.

Save-a-preset

Effortlessly save your changes to the preset, or create a new one.

13/ Final Designs

I aimed to prioritize fluidity and simplicity across all user interactions. Each element was carefully crafted to ensure a straightforward and engaging user experience throughout.

Presets

A swift shortcut to perfection. Users could dive into a collection of ready-made settings curated by peers. No need to start from scratch, just pick, tweak if needed, and go!

Guided visualization

Color-coded cues and light icons simplify your choices, making the lighting environment immersive yet straightforward.

Versatile interactions

Adjust and play with lights your way, catering to everyone. Experience that feels custom-tailored, every time.

Preview

See before you save. This allows users to double-check changes, ensuring they're always confident in the end result.

Error recovery

Oops moments? No worries. With reset and revert functions, it's easy to backtrack. Plus, the 'save as new' option lets users test out ideas without fear, preserving the original settings.

Error-Free-Edits

REACH ME OUT

To say 'Hi.
If you want to hear about what color I'm planning to dye my hair next.
For an opportunity. I'm actively looking for a full-time role starting May 2023.

©️ 2023 Pareshi Rajveer