PyReconstruct

Introduced an onboarding system that replaced one-on-one training for every new researcher

Heuristic Evaluation User Interviews Card Sorting Usability Testing Neuroscience Tool
Role UX Researcher + Designer
Timeline Fall 2024
Team 5 designers + professor + client
Context INF 385T · UT Austin
PyReconstruct redesigned welcome screen
67.5 Baseline SUS score (Grade D)
4 → 1 Clicks to reach 3D view
12 Steps in the new guided tour
3 × New in-app features shipped

00 — Context

What is PyReconstruct?

PyReconstruct is a neuroscience tool used by researchers at UT Austin to trace, annotate, and reconstruct 3D models of brain synapses from electron microscopy images. It's a critical daily-use research tool — yet had a SUS score of 67.5, firmly in the "Grade D" range.

Our team of five designers partnered with the PyReconstruct development team to identify usability barriers and design targeted improvements — working directly with the developers and a professor who oversaw real lab usage.

Problem Statement

New users struggle to independently navigate PyReconstruct because critical workflows and system states are not visible or persistent, leading to heavy reliance on manual training.

What this meant for researchers

Slower Research Progress

Time was spent learning the tool instead of analyzing data, delaying reconstruction workflows and outputs.

Dependence on Expert Users

New users required constant guidance from experienced researchers, creating bottlenecks and uneven knowledge transfer.

Reduced Confidence & Errors

Unclear system states and hidden workflows led to mistakes and uncertainty, especially during early use.

Original PyReconstruct workspace
The original interface — exactly what a new researcher saw when first entering the workspace

Process

How we got there

Understand Problem
Research
Pre-tests
Design
Post-tests
Iterate

01 — Research

Heuristic Analysis

While 30+ heuristic violations were identified, not all had equal impact on user experience. We prioritized issues based on:

01
Impact on core workflows

Did this block or slow down key reconstruction tasks?

02
Learnability for new users

Did this increase reliance on training or hinder independent use?

03
Frequency of occurrence

How often would users encounter this issue?

Visibility of System Status 5
Shape palette continuously selected
No feedback on clicking elements of the tool palette
Cursor icons not consistent
No feedback for host selection
No feedback for '+' and '−'
Match between System & Real World 5
Unfamiliar icons — increment all vs increment active only
Icon naming unclear — arrow 1 (down) & arrow 2 (up)
Technical terms lead to unclear actions — eg: circle/star
Non-intuitive layout — end result shown on the left side
Uploading images/series not easy to understand for first-time users
User Control & Freedom 3
No option to deselect
No visible undo/delete button
No option to drag shapes/traces
Consistency & Standards 1
Navbar looks familiar to tools like Photoshop but behaves differently
Error Prevention 1
Same error message shown for all mistakes — no guidance on how to recover
Recognition Rather than Recall 2
No tooltips or descriptive labels for tools
Keyboard shortcuts not shown anywhere in the UI
Efficiency of Use 5
Reload required from file menu after changes
Scroll-toggle between sections not supported
Cmd+scroll not mapped to zoom
Center button to pan not available
Keyboard shortcuts not customizable
Aesthetic & Minimalist Design 7
Lacks brand cohesion
No light/dark mode support
Insufficient contrast
Information architecture has repeated elements
Lacks visual hierarchy — no emphasis on primary actions
Unnecessary elements on toolbars
Hover states missing on all interactive elements
Error Recovery 1
Errors are shown but no suggestions given on how to resolve them
Help & Documentation 2
Shortcuts exist (eg: 'k' for knife) but are never shown in the tooltip
No onboarding tutorial to guide new users
Heuristic analysis board

User Interviews

Two very different users, one shared frustration

User interview session

Key Objectives

Watch user interact with the app
Find potential areas to debug
Find the most used functions and user flows
Document user flows
Observation of user interaction
Differentiate between the needs and behaviors of expert and novice users

Primary Motivations

How easy is it to use the app?
Can they navigate intuitively?
What is user satisfaction?
Prioritize features and design elements for the UI redesign based on user feedback

Participant Context

New vs. experienced users

Participants ranged from first-week users to researchers with 2+ years of daily use

Frequency of tool usage

Daily to weekly — PyReconstruct was a core part of their reconstruction workflow

Dependency on training

All new users reported needing direct guidance from a colleague to get started

Key Observation

Most users relied on external guidance during early use and struggled to build a mental model of the system independently.

Themes

"I usually ask someone when I get stuck…"

Reliance on External Guidance

  • Users depended on experienced researchers to navigate the tool
  • Learning was social, not system-driven
"I don't always know what step comes next…"

Low Workflow Visibility

  • Key steps were not discoverable without prior training
  • Users couldn't anticipate next actions in a workflow
"There's too much to remember at once…"

High Cognitive Load

  • Users relied on memory over interface cues
  • Errors increased significantly during early use

02 — Early Explorations & Designs

Guided Entry Point

We introduced a welcome screen to guide both new and returning users before they enter the tool.

Guided entry point — welcome screen iteration

Contextual Tooltips

A guided entry point was designed to orient users before entering the system, helping both new and returning users understand available workflows.

Contextual tooltips iteration

Tooltip Iterations

Three tooltip design iterations
V1
  • Skip vs Next — so users always feel in control, never trapped in the flow
  • Step counter top right — so users know where they are without it interrupting the content
V2
  • × close button — so users can exit on their own terms at any moment
  • Chevrons instead of text buttons — so navigation feels lighter and doesn't compete with the actual message
  • Step counter moves to the bottom — so the header stays clean and the first thing you read is the content, not the progress
V3
  • Keyboard shortcuts in the title — so power users can act immediately without reading the whole tooltip
  • Second paragraph added — so users don't just know what the tool is, but know what to do next
  • Wider layout — so the extra content has room to breathe and doesn't feel cramped or overwhelming

04 — Solution

Before vs. after: a user's first day

Before

  • Open app → black screen, no guidance
  • Find a colleague to show you around
  • Ask how to import an image series
  • Ask what the knife tool does
  • Ask how to access 3D view
  • Still unsure about shortcuts weeks later

After

  • Welcome screen — Get Started or Take a Tour
  • Tour step 1 — Import and define assets (⌘N)
  • Knife tool explained inline, step 3
  • Covers trace, stamp, 3D access, shortcuts
  • Links to Help resources & searchable shortcuts
  • Ends with confetti — tour complete

Final Prototype

05 — Outcomes

Measurable improvements, handed off

We delivered Figma assets, a WCAG accessibility guide, and 20+ design recommendations directly to the PyReconstruct development team.

4 → 1
Clicks to 3D — now a single toolbar button with live 2D sync
0
Tab switches to report a bug — previously required GitHub every time
12
Steps in the welcome tour — every key feature covered
3 ×
New in-app features — Welcome Tour, Bug Report, Feature Request
8
Nav categories restructured via card sorting with real users
20 +
Design recommendations with Figma assets + WCAG guide

PyReconstruct Redesign — Team ProTotypers © 2024

UX Research + Interaction Design