I design what gets through.

Product designer at Stellantis, leading advanced speed-control features for ADAS and HMI. I work where attention is scarce: in the car, the inbox and the headset.

0km/h

Your scroll speed, limit 120

Scroll fast and watch the sign.

Selected work

Four projects, one question: what deserves attention right now, and what can wait?

Stellantis, in production

Intelligent Cruise Control

Cruise control that adopts the legal speed limit, and a driver who stays in charge.

What gets throughThe new limit, only when the driver wants it.

Role
Global HMI lead
Tested
30 drivers in a simulator
Award
“Silent hero”, global UX meet
Read the case study

Stellantis, 2026

CoDesigner

An AI tool that lets HMI teams decide on evidence, for any feature. The overspeed warning was its pilot.

What gets throughEvidence, not seniority.

Role
Sole designer, research to pitch
Shown to
60 people at a design review
Status
Vision prototype in development
Read the case study

Evaluation report

Overspeed warning, full-size SUV cluster

  1. 1Speed-sign digit blink4.31
  2. 2Ambient peripheral glow3.94
  3. 3Gradient warning bar3.59
  4. 4Pulsing red numeral3.51
138

Driver panel, 30 drivers

22 keep it on8 neutral0 disable

Recreated from the prototype. Demo data.

University of Toronto, VPRI, 2022

Research Alerts

A 9-year-old funding alert service, redesigned around where people read it: the inbox.

What gets throughThe alert that matters, not five a day.

Role
UX research and design, team of six
Research
9 interviews on both sides of the service
Outcome
Emotional low points from 4 to 0
Read the case study
Before: one email per alert, four or five a day, deadlines buried in the text.

University of Toronto, 2021

Aug-Fice

A focus app for mixed reality glasses: a quiet office you can wear.

What gets throughThe call you’re waiting for, not the room.

Role
Storyboard, sketches, research, visual and hi-fi UI
Tested
14-person background preference test
Designed
11 hi-fi screens for MR glasses
Read the case study
Focus set: the partition hides the room.

How I work

  • Control earns trust.

    Drivers keep a manual mode and a way back to their own speed, because no speed-limit data is perfect.

    From Intelligent Cruise Control
  • Evidence before opinion.

    Every score tied to a source, so a decision stays decided.

    From CoDesigner
  • Let research set the scope.

    The brief said website. Interviews said inbox. We designed the inbox first.

    From Research Alerts
  • Design the boundary, not just the setup.

    What matters is the moment the real world gets back in.

    From Aug-Fice
Sahil Faraz in a hoodie, lit red and blue, in front of a neon triangle

About

Hello, I’m Sahil.

A user-centred product designer with a decade across engineering and design, in startups and global enterprises: mobile, web, automotive and gaming.

  • Product designer, ADAS and HMI, Stellantis
  • Co-founder, MySleepyTale
  • AI video production
  • Photographer
  • University of Toronto

Vision

Experiences that feel almost invisible, yet profoundly impactful.

As a photographer I see the world through different lenses, and people’s stories keep reshaping how I see it. The Himalayas taught me tranquillity, sustainability, simplicity and adventure.

Mission

Co-design with communities, at every step.

Empathy, accessibility and clarity in every interaction. Inclusive designs that inspire confidence, encourage meaningful features and reflect the diversity of human stories.

Sahil on a motorcycle in front of a snow-covered Himalayan peak, drinking from a bottle
The Himalayas

Brands I’ve worked with

Design, digital marketing and quality assurance

  • JeepDesign
  • DodgeDesign
  • MaseratiDesign
  • PeugeotDesign
  • Alfa RomeoDesign
  • University of TorontoDesign
  • BCGDigital marketing
  • NokiaDigital marketing
  • AdobeQuality assurance
  • UbisoftQuality assurance
  • EmiratesQuality assurance
  • Hike MessengerQuality assurance
“Silent hero”

Quarterly global UX meet, Stellantis. For a working file that settled, in one meeting, logic that used to take weeks.

Now
Product designer, ADAS and HMI, Stellantis
Also
Co-founder, MySleepyTale
After hours
AI video production
Studied
University of Toronto
Writing
Medium

Have something that needs to get through?

Design roles, HMI, research tools, or anything in between.

ADAS HMI case study, Stellantis

Intelligent Cruise Control

Speed Limit Assistance lets Adaptive Cruise Control and the Speed Limiter adopt the legal limit, with the driver still in charge.

My role
Global HMI lead: north-star strategy for future Stellantis vehicles, and global stakeholder management
Skills
Benchmarking, journey mapping, user research, interaction design, prototyping
Also called
Speed Limit Assistance, Speed Limit Adjustment
Status
Launched. Next iteration planned.
Instrument cluster: a speed-limit sign showing 90 with the message Speed Zone Detected, To Accept Press RES. On the right, the sign reads 90 and the speed reads 70, with a set speed of 70 km/h in green. A white SUV follows a green lead car.
The launched design. A new speed zone appears, and a popup asks the driver to accept it with RES.
  • 30drivers in a simulator study
  • 90minwith each of them
  • 3→2activation steps
  • 90%+had switched it off, in the forum threads I analyzed

Problem

Drivers pay for speed-limit features, then switch them off.

Approach

Benchmarks, social listening, journey maps, a guerrilla test and a 30-driver study.

Outcome

Launched with the driver in control. Next: retire the popups.

Drive it

Speed signs pass. Accept a new limit with RES, go back to your own speed, or send a critical alert and see who gets the screen.

An illustration of the behaviour, not the production HMI. The planned version is a direction, not the final design.

One feature, six kinds of trouble

  • Competitors

    Existing solutions were oversimplified and poorly received.

  • Complexity

    Drivers still struggle with cruise control and speed limiter basics.

  • Discoverability

    A new safety function has to be obvious and easy to switch on.

  • Unreliable data

    Speed-limit data is unreliable across the industry.

  • Driver behaviour

    Drivers often go over the limit on purpose on highways.

  • Many teams

    A multi-team pipeline meant launch risks and inconsistencies.

The route it actually took

Eight stops, and it doesn’t end at launch.

  1. Benchmark and listenCompetitors, social listening, J.D. Power IQS
  2. Map the journeyPain points from the insights
  3. Align stakeholdersTeams worried about added complexity
  4. Interaction modelsHMI state-machine concepts
  5. Guerrilla test4 variants for deviation scenarios
  6. Scope alignmentCross-team rules for behaviour
  7. User test2 variants; 3 steps became 2
  8. RegulationDCAS later confirmed the direction

PlannedNext loop: retire the popups

Two calls that earn trust

1

Manual mode, by default

The factory setting keeps the driver in control. The feature is visible, but it never forces a limit.

2

A way back to your own speed

No speed-sign recognition is 100% accurate, and you’d likely spot an error on your daily commute. So the driver can resume their previous set speed.

90%+ of the people in the automotive forum threads I analyzed had turned off a feature they paid thousands for.

Nobody else in the industry offered this. The team was afraid of being on an island, so I made the case with evidence: forum research and two journey maps.

30 drivers, one surprise

Journey A

The car reads the wrong speed limit.

Journey B

The driver wants to keep up with traffic, above the legal limit.

Asset slot: journey maps A and B
  • 30screened participants
  • 90mineach, in a driving simulator
  • 2wkof sessions
  • MixedADAS expertise and car brands
Asset slot: study results

We chose discoverability

123

A 3-step activation, more complex on purpose.

Drivers chose simplicity

12

2 steps, even with a popup at every speed-limit change. We shipped it.

Asset slot: final interaction design

After launch, I kept going

As ADAS continuous-improvement lead: what happens when a driver wants to leave the legal limit?

  1. 4interaction designs, with pros and cons, in a global design review
  2. 1internal guerrilla vote: designers and engineers, from no ADAS experience to experts. No time for a user test.
  3. Sep 2024The UN’s DCAS regulation (R171) came into force. The winning design already complied.
Asset slot: the 4 variants

Edge cases I added for the future

Through the continuous-improvement loop I had built, I got new requirements approved.

  • No speed limit: the German Autobahn
  • A legal limit below the system’s minimum speed
  • And more

Planned

A popup on every speed change is a distraction.

That was the clearest message from the latest round of user feedback. The popup space is shared with messages that matter, so it should stay reserved for critical alerts, not feature HMI like this.

Launched

Speed zone detected90

A popup for every new limit

Next

Free for critical alerts90

A subtle animation in the sign itself

Asset slot: updated designs and study data

I changed how the team works

One-pagers became a ~50-page spec

Built with the UX engineering team’s hi-fi prototypes. Far less ambiguity, far fewer development issues.

Journey maps in an engineering-led team

They had never used them. I showed how they win an argument.

Figma through the whole build

Not just for hand-off. I helped the team learn it for every stage of development.

A large working file with dozens of screens, flows and logic tables arranged on a dark canvas, with highlighted edge cases

“Silent hero” Quarterly global UX meet

My working file for logic that used to take weeks of meetings. It was settled in one.

What I did

  1. Competitive benchmarking report
  2. Secondary research: online sentiment, IQS and J.D. Power reports, existing studies found with AI, sensor performance, cluster signal architecture, software and budget limits
  3. Presented in the global design review and ran the guerrilla vote on 4 variants
  4. Led the user study with 30 participants with different ADAS exposure
  5. Used the study to request changes for future model years, through the continuous-improvement loop I owned
  6. Requested hi-fi prototypes with the 3D team, and defined the indication behaviour (signals for the dev teams)

There is more to do as next-generation ADAS modules move from L2+ to L3 and beyond.

Next case study CoDesigner Decisions like these kept getting made by vote. So I built a tool.

ADAS HMI case study, Stellantis, 2026

CoDesigner

An AI decision tool for HMI teams. Any feature, any design question, settled on evidence instead of the loudest voice in the room.

My role
Sole designer: research, workshops, concept, prototype and pitch
Built for
UX designers who lead one ADAS feature for its whole life, and the directors who sign off
Built with
Claude, working from my specs and flows. No engineering team.
Status
Vision prototype, in active development

ExamplePilot feature: overspeed warning

138

km/h

18 km/h over the limit

One example, not the limit. The pilot replayed a decision the team had already made: digits in the sign blink gray to black, calmer than red and still compliant. Try the treatments, or drop below 120.

I designed CoDesigner end to end, piloted it on 1 real decision, tested it with 6 designers, got 2 directors on board and walked 60 people through it at a design review.

Problem

14 brands, 14 playbooks. When evidence was thin, the meeting decided, and decisions came back months later.

Approach

A 14-step design thinking loop, then a working prototype built with Claude from my specs.

Outcome

A study that ranks designs for any ADAS feature and shows why. The pilot replayed the overspeed warning. Leadership backed it.

One merger, many playbooks, decisions by committee

14 brands, each with its own way to choose HMI designs. When evidence was thin, the meeting decided. Decisions came back months later: launch delays, millions lost.

Today

Multiple global UX teamsDifferent priorities, regulations, user feedback and competitive sets

each team argues its case

UX alignment meetingA is unacceptableB is too complexWhy change an existing solution?

seniority settles it

A decisionNo rationale anyone can trace

reopened at the next gate

What the team wanted

  • Regulations and best practices
  • Research-based heuristics
  • Competitor benchmarks
  • User tests
  • Social listening
  • User journey maps

all in one study

One shared studySame criteria for every brand, every score tied to a source

recommends, with reasons

Decision and rationaleClosed once, reused by every brand

What deciding one feature really looks like

Speed Limit Assistance, a feature I led. Eleven stops, and it still isn’t done.

How it went

  1. Benchmarks
  2. Social listening
  3. Journey maps
  4. Stakeholder concerns
  5. A ~50-page spec
  6. Four variants
  7. Guerrilla vote
  8. Scope alignment
  9. User test, 30 drivers
  10. Regulation check
  11. Next loop: popups

The goal, with CoDesigner

  1. One questionPick the feature and the variants
  2. One studyRegulation, heuristics, benchmarks, tests, social listening, journeys
  3. One reportRanked, every score tied to a source
  4. Decided onceLogged, and reused by every brand
The full Speed Limit Assistance story

The overspeed warning was the pilot, not the limit

Same study, any ADAS feature or HMI question. Pick one.

  • Regulations
  • Heuristics
  • Benchmarks
  • User tests
  • Social listening
  • Journey maps

Ranked, with reasons. Bars are an illustration; only the overspeed pilot ran for real.

The full design thinking loop, start to finish

Fourteen steps, from a first chat with my manager to a review with 60 people. Red explores, teal builds. Select a step.

    Start

    Now: building the data foundation

    1Project rundown

    Framing the brief with my manager

    In a 1:1, I asked my manager why we didn’t use a more structured approach instead of going into reviews unprepared, and whether there were heuristics or best practices we should follow. He put it down to the merger, and I could see why.

    Problem

    No shared, evidence-based way to choose HMI designs across regions.

    Who it’s for

    UX designers who lead one feature for its whole life, and the directors who sign off.

    Constraints

    No engineering team or budget yet. Prove the value with a working prototype first.

    Success looks like

    Decisions the team can defend, reuse across brands, and stop relitigating.

    Pilot

    One live ADAS decision: how the cluster warns a driver who is over the speed limit.

    2User research and personas

    The person who carries the decision

    Here, the HMI feature designer owns a feature across brands, architectures, regions and model years. Every call they make follows them into every brand.

    • 1:1 with my manager
    • Workshop with the global ADAS HMI team
    • My own work as a feature lead
    • Scan of five kinds of existing tools

    Proto-persona

    Maya

    ADAS HMI feature owner for the speed control domain, across Stellantis brands.

    “I own this feature in every brand we sell. I need decisions I can defend in any room.”

    Goals

    • Ship one design that holds up in every brand, as far as possible
    • Decide on evidence, early
    • Reuse what other regions already learned

    Frustrations

    • Decisions settled by seniority
    • Evidence scattered across drives and decks
    • Heuristics exist, but nobody scores against them
    • Clinics cost $100k+, so they rarely happen

    Works with

    Systems engineering, homologation, product planning, quality, benchmarking

    Needs sign-off from

    Global UX director, ADAS director

    What already exists, and what it misses

    Tool categoryFinds internal knowledgeCustomer signalCompetitor benchmarksScores HMI heuristicsChecks regulation and architectureExplains the decision
    Enterprise AI assistantsCopilot, ChatGPT EnterprisePartlyNoNoNoNoPartly
    Knowledge platformsNotion AI, Atlassian IntelligenceYesNoNoNoNoNo
    Customer insight toolsQualtrics, MedalliaNoYesNoNoNoNo
    Benchmark providersTeardown and feature databasesNoNoYesNoNoNo
    Synthetic research platformsSimulated user feedbackNoPartlyNoNoNoNo
    CoDesignerYesYesYesYesYesYes

    covers itpartlynot covered Existing tools each cover a slice. None scores HMI designs against heuristics, regulations and architecture together.

    3Empathy map

    Owning a decision you can’t prove

    Says

    • Do we have any data on this?
    • Which brand’s guideline wins here?
    • Let’s take it to the alignment meeting.

    Thinks

    • If this goes wrong, it’s mine for years.
    • Another region has probably solved this.
    • Am I just picking what I like?

    Does

    • Digs through drives and decks for benchmarks
    • Reads competitor owner’s manuals one by one
    • Brings three or four variants to every review
    • Reworks when architecture limits surface late

    Feels

    • Exposed in reviews
    • Rushed
    • Frustrated when a closed decision reopens
    • Unsure bias isn’t making the call

    Pains Opinion beats evidence. Sources scattered across teams. No shared scorecard.

    Gains Confidence to push back with data. One design reused across brands. Time back for design.

    4Workshop and playback

    The wall said it plainly: we decide by committee

    A workshop with the global HMI team: pain points, clusters, playback. One cluster ran through all the others.

    Decided by committee

    The loudest voice wins

    Seniority settles ties

    Nobody can say why we picked it

    Reopened at every gate

    No time for research

    No time to read papers

    Clinics cost $100k+

    Heuristic reviews get skipped

    Evidence is scattered

    Benchmarks live in personal folders

    Owner’s manuals hunted one by one

    Quality data is hard to get

    Late surprises

    Architecture limits found after design

    Regulation checks come last

    Many playbooks

    Every brand has its own guidelines

    Same study run twice in two regions

    No fair way to compare

    No scorecard for variants

    Heuristics exist, nobody applies them

    Same ideas again

    We recycle last program’s design

    Few outside perspectives

    Decided by committee, not by data or heuristics. It shows up in every other cluster.

    Pain-point wall from the workshop, redrawn.

    5As-is scenario

    As-is: many loops, one opinion

    Main user: Maya, feature owner. Her expectations: ship one design that holds up in every brand, decide on evidence, reuse what other regions learned.

    Phases

    Kick off

    Gather evidence

    Create variants

    Compare

    Align

    Build and learn

    Does

    • A new requirement lands, like a speed-assist update
    • Checks which brands and programs it touches
    • Digs through drives and decks for benchmarks
    • Reads competitor owner’s manuals
    • Asks other regions what they did
    • Sketches three or four variants
    • Leans on competitor screenshots and the last program
    • Writes pros and cons by hand
    • Heuristics exist, nobody scores them
    • A clinic would help, at $100k+
    • Presents in alignment meetings
    • Debate until seniority settles it
    • Reopens at the next gate
    • Conflicts surface late
    • Rework
    • Lessons stay in old decks

    Feels and thinks

    Pain points

    Every brand and region brings its own playbook

    Evidence is scattered, so research gets skipped

    Few perspectives; last program’s design gets recycled

    No shared scorecard, and clinics cost $100k+

    Main pain point Opinion and seniority decide, not data or heuristics

    Late surprises; learnings aren’t reused

    Opportunity

    One starting point per feature, with rules by brand and region

    Sources gathered and ranked by credibility

    Real benchmarks plus AI-generated options

    Score variants on heuristics; early driver signal

    A traceable rationale that keeps decisions closed

    Check constraints up front; log every decision

    6Needs statements

    Five needs, one user

    1. Decided by committee

      A feature owner needs a way to compare variants against shared heuristics so that evidence outranks seniority.

    2. Evidence is scattered

      A feature owner needs a way to find benchmarks, regulations and past decisions in one place so that nobody starts from zero.

    3. Late surprises

      A feature owner needs a way to see architecture and regulation limits up front so that late surprises stop forcing rework.

    4. No time for research

      A feature owner needs a way to get directional driver feedback early so that only finalists need a $100k+ clinic.

    5. Many playbooks

      A feature owner needs a way to share a rationale anyone can trace so that a decision stays closed and every brand can reuse it.

    7Big ideas

    Ideation, from sensible to absurd

    We pushed past the obvious on purpose. Even the wild ideas pointed the same way: the team wanted evidence that carries weight in the room.

    Evidence in one place

    Searchable benchmark library

    Best-of-the-best decision log

    Brand and region rule packs

    Architecture constraint lookup

    Fair comparison

    HMI heuristic scorecard

    Synthetic driver panel

    Evidence-strength meter

    Explainable recommendation report

    Blind review: hide who designed what

    New options

    AI-generated concept options

    Chat assistant: ask the HMI brain

    Read designs straight from screenshots

    Wild cards

    Decision roulette for alignment meetings

    An AI clone of the ADAS director that pre-approves designs

    Opinion tax: $5 every time someone says “I feel”

    A/B test new warnings on the whole fleet tonight

    One global HMI czar decides everything

    A human-factors professor for every brand

    made the first versionwild card

    8Prioritization

    What made the first version

    Ideas plotted by impact on decision quality, and by whether a prototype could prove them now.

    Needs a data foundation

    Build first

    Park

    Cheap but shallow

    Higher impact

    Lower impact

    Harder to prove now

    Easier to prove now

    First version

    1. A guided five-step study: design, panel, sources, priorities, results
    2. Heuristic scores with weights the team sets
    3. A driver panel built from real segments
    4. Sources you can see, include and exclude
    5. An org knowledge library, seeded with examples

    Later: the real repositories behind the library, regulation checks, reading designs straight from screenshots.

    From a wall of ideas to a first version

    We ideated from sensible to absurd (an AI clone of the ADAS director, an opinion tax of $5 every time someone says “I feel”), then plotted every idea by its impact on decision quality and whether a prototype could prove it now. Five made the first version.

    1. A guided five-step study: design, panel, sources, priorities, results
    2. Heuristic scores with weights the team sets
    3. A driver panel built from real segments
    4. Sources you can see, include and exclude
    5. An org knowledge library, seeded with examples

    9To-be scenario

    To-be: one study, one report, one decision

    Main user: Maya, feature owner. What she gets: one study instead of scattered research, a score for every criterion with its source, and a decision that stays decided.

    Phases

    Kick off

    Gather evidence

    Create variants

    Evaluate

    Align

    Learn

    Does

    • Picks the feature and program
    • Brand, region and regulation rules load automatically
    • Sources arrive ranked by credibility
    • Excludes forums in one click
    • Adds study-specific research
    • Adds her own designs
    • Mixes in real benchmarks and AI options
    • Chooses what enters the study
    • Weights the heuristics
    • Builds a driver panel from real segments
    • Runs the study
    • Shares one report: ranking, evidence, verbatims
    • The decision closes in one meeting
    • Decision logged for every brand
    • Finalists go to a clinic when needed
    • Back-tests keep the model honest

    Feels and thinks

    What changes

    No more starting from zero

    Evidence before opinion

    A wider option space

    Every score is explainable

    Decided once

    Knowledge compounds

    Risks to manage

    Rules must be kept current

    The repositories have to exist first

    AI options need clear labels

    Trust in synthetic panels

    Leaning on one number

    Back-test before scaling

    10Hills

    Three hills to aim at

    Who
    A feature owner
    What
    can compare HMI variants against heuristics, regulations and real benchmarks in one sitting
    Wow
    without waiting for a research slot.
    Who
    A design director
    What
    can see why a variant won, with every score traced to a source
    Wow
    and close the decision in one alignment meeting.
    Who
    A feature owner
    What
    can test variants with a driver panel built from real segments
    Wow
    before spending $100k+ on a clinic.

    11Storyboard

    The overspeed warning, decided once

    Six frames, told with the pilot feature. Swap in any other.

    1. 1A new speed-assist rule lands.

    2. 2Maya opens CoDesigner and picks the feature.

    3. 3Her variants, plus real benchmarks and AI options.

    4. 4She builds a driver panel from real segments.

    5. 5Sign blink wins, refined to gray-to-black.

    6. 6One meeting. Decided, logged, reused.

    12Prototyping

    Sketches first, then a vision check

    Rough sketches of the flow went back to the team before anything was built. They confirmed it was what they needed, so I moved straight to a working prototype.

    new study

    designpanelsourcesweightsresults
    OEM AOEM FAI option+ mine
    Study setupmix: benchmarks + AI + my own

    driver panel

    all owners 30seniors + low tol.tech-forward
    seniors 60+low tolerancefamiliestech-forward
    Driver panelreal segments, not random bots

    results

    winner: sign blink

    how we judged

    Resultsevery score links to a source

    ask CoDesigner

    why did A win?

    answer + [K1] [S07]

    ask anything…

    Ask CoDesigner (chat)front door for new users, answers cite sources

    Early sketches, redrawn.

    Built with Claude, on a live decision

    I wrote the specs, flows and scoring rules, and Claude wrote the code. The pilot replays a decision the team had already made, so reviewers could judge the output against a known answer.

    1. v1

      SafeSignal

      Built

      • Three steps: pick designs, set priorities, run
      • Fixed panel of 30 drivers
      • Scores on five human-factors criteria
      • Regulation check on every design
    2. v2

      CoDesigner

      Built

      • A guided five-step study
      • Panels built from real driver segments
      • Sources you can include, exclude and weight
      • Org knowledge library with admin approval
      • Your designs, benchmarks and AI options side by side
      • Org HMI heuristics in every score
    3. v3

      Ask CoDesigner

      In design now

      • Chat assistant as the front door
      • Answers that cite approved sources only
      • Smart defaults for first-time users
    SourceWhat we heardWhat changed
    LeadershipUse our own HMI heuristics, and put a number on every decision.Org heuristics feed every 1 to 5 score; weights roll the scores up to one total.
    TeamAI options, or real competitor benchmarks?Both, side by side and labelled. Some AI options were worth testing; the designer decides.
    PushbackSynthetic users aren’t real users.Panels come from real segments, with minimum sizes, and every answer can be traced.
    UsabilityA complex decision tool is a lot to take in the first time.A chat assistant and smart defaults, in design now.
    My learningAI must never invent evidence.Only cited, approved sources count, with weights the team controls.

    Inside the prototype

    Five steps, one report, and the reasons behind it

    Click through the study the way Maya would.

    Evaluation report

    Overspeed warning, full-size SUV cluster. 30 drivers, 34 research sources, 16 org knowledge entries.

    Recommended design

    Speed-sign digit blink Regulation: compliant

    Digits blink inside the speed-limit sign drivers already glance at: noticed fast, low effort, never competes with collision or lane alerts. 22 of 30 drivers would keep it on.

    Refining the winner

    138

    Red digit blinkBaseline

    138

    Gray-to-black digit blinkRecommended

    138

    Red outline blinkCompetitor reference

    Design rankings

    1. 1Speed-sign digit blink4.31
    2. 2Ambient peripheral glow3.94
    3. 3Gradient warning bar3.59
    4. 4Pulsing red numeral3.51

    How we judged

    • Glance timeNHTSA glance limitStrong
    • Cognitive loadWickens, multiple resourcesStrong
    • Response timeHick–Hyman lawStrong
    • Context adaptabilityEuro NCAP protocolStrong
    • Driver acceptanceVan Der Laan scaleStrong

    Driver panel: all owners, 30 drivers

    22keep on

    8neutral

    0disable

    “It uses the sign I’m already glancing at. Subtle but unmistakable.” Persona W20, 54, comfort-focused owner

    Recreated screens, program anonymized. Numbers are the prototype’s own demo data.

    13Evaluate

    Validated in widening circles

    From the team that asked for it, to the people who would use it daily, to the directors who would fund it.

    Usability sessions

    6 ADAS designers and feature leads, North America

    Finding
    It’s a complex decision tool, and first-time users need more guidance through it.
    Response
    A chat assistant as the front door, smart defaults, detail revealed only when asked for.

    Leadership review

    Global UX director and ADAS director

    Both saw it making the team’s decisions more confident, and giving designers backing to push for their ideas.

    Asked for
    Our own HMI heuristics in every score, and a number on every decision.

    The pushback: synthetic users aren’t real users

    A fair challenge. The answer was to show where the panel comes from, and where it stops.

    1. Real dataOwner reviews, surveys and demographics. Forums count, at low weight.
    2. SegmentsSeniors, tech-forward, low alert tolerance, families and more.
    3. Personas30 in the pilot, each tied to a segment and the data behind it.
    4. Your panelPick groups or people. Under 8 is directional only; 20 or more supports a go / no-go call.

    In-house clinic

    Who
    Real drivers
    Cost
    $100k+ per study
    Best for
    Confirming finalists
    Output
    Observed behaviour

    CoDesigner panel

    Who
    Personas built from real segment data
    Cost
    Compute only, per run
    Best for
    Narrowing many options early
    Output
    Directional answers you can trace
    1. All variantsyours, benchmarks, AI
    2. CoDesigner panelnarrows to finalists
    3. Finaliststwo or three
    4. Clinic$100k+, real drivers
    5. Decisionwith the evidence attached

    Accuracy: test it on decisions we’ve already made

    The fastest honest check: replay past decisions with known outcomes and see how often the tool agrees.

    1. Pick a past decisionOne with a known outcome and the evidence that existed at the time.
    2. Re-run itSame designs, same evidence, in CoDesigner.
    3. CompareDoes the recommendation match what shipped, and does the rationale hold?
    4. Track the match rateBy decision type, before trusting it on new ones.

    NextThe pilot already replays the overspeed digit-blink decision end to end. Running more past decisions through it is the next validation step.

    14Playback theatre

    A design review with 60 people

    I presented the problem, the process and a live run of the prototype to 60 people across different domains.

    60 people

    Leadership’s read: more confident decisions, and backing for designers to push their ideas.Global UX director and ADAS director, paraphrased
    What happened
    Development continues, with a clear first job: the repositories that feed the tool.
    Where it goes
    More ADAS features first, then other HMI teams.

    The hard part now: cleaning house

    The AI is only as good as the data it reads. Building CoDesigner forces us to streamline how benchmarks, compliance documents and decisions flow.

    Scattered today

    Benchmarksscreenshots in personal folders

    Compliance documentsmany versions, many owners

    Best-of-the-best patternsburied in slide decks

    Alignment decisionsmeeting notes, if anywhere

    Curated repositories

    Benchmark libraryevery teardown, tagged

    Regulations and compliancecurrent version, one owner

    Best-of-the-best libraryapproved patterns with rationale

    Decision logevery decision and its evidence

    CoDesigner

    Every studyretrieves the evidencescores each designruns the driver panelexplains the resultand you decide

    Decision with rationale

    Every decision feeds the next one.
    1. Repositories nowBenchmarks, compliance, best-of-the-best and decisions, each with an owner.
    2. Back-testReplay past decisions and track the match rate.
    3. Chat assistantA gentler front door for first-time users.
    4. More ADAS featuresLane departure, blind spot, forward collision.
    5. Other HMI teamsThe same engine beyond ADAS.

    What I’d tell the next team

    AI can’t be the source of truth

    It should only stand on reliable, cited sources, with weights the team can adjust.

    Control earns trust

    Real benchmarks and AI options side by side, and the designer decides what counts.

    Clean the house before the AI

    The repositories are the real product. The interface is the easy part.

    Deep tools need a gentle front door

    Chat and smart defaults on day one, full control by day ninety.

    $100k+The cost of one in-house clinic. Narrowing concepts before a clinic is where the savings start, and over time they are projected to reach millions.

    All artifacts are redrawn and anonymized for confidentiality. Product screens recreate a vision prototype and use its demo data.

    Next case study Research Alerts A university’s research alerts, redesigned around the inbox.

    UX research and service redesign, University of Toronto, 2022

    Research Alerts

    Redesigning a university’s research funding alerts around the place people actually read them: the inbox.

    Client
    Division of the Vice-President, Research & Innovation (VPRI)
    Course
    INF2192 Representing UX, Winter 2022
    Team
    6 UX researchers and designers
    My role
    UX research and design
    Deliverables
    As-Is and To-Be maps, prototype, usability test
    Set Alert Preferences screen with tabs for alert types, frequency options, and program and faculty selection
    Alert preferences by type
    Urgent alert email for the NSERC CREATE Quantum Call with funding and training tags, a deadlines box and a Submit Now button
    An urgent alert, deadlines first
    Research Alerts portal home with an Upcoming Deadlines panel, keyword search and tagged alert cards
    A portal that starts with deadlines

    Final prototype, one screen per redesigned stage. Select a stage, or open any screen full size.

    A team of six spoke to 9 people on both sides of a 9-year-old service, mapped 5 journey phases, redesigned 3 touchpoints and tested them in 2 task scenarios.

    Problem

    One email per alert, topics in terms nobody recognised, and an archive most people never found. Funding officers felt overwhelmed.

    Approach

    9 interviews on both sides, a five-phase journey map, and a redesign of the three phases that hurt most.

    Outcome

    A tested prototype: preferences by alert type, a weekly digest, deadline-first urgent alerts and a deadline-led portal.

    Six steps over one term

    1. UX researchof the current system
    2. As-Isexperience map
    3. Ideationand prototyping
    4. Usabilitytesting
    5. To-Beexperience map
    6. Closureand way forward with VPRI

    A 9-year-old service with two halves

    Research Alerts pushes funding opportunities, awards, workshops and events to subscribers by email. Every published alert is also kept on a website, where signed-in users can search the collection. The system is a custom build that predates the team that supports it.

    VPRI asked us to review the website. They already knew:

    • The alert list showed only the ~10 most recently published alerts.
    • Search filters only filtered alerts on the current page.
    • The look was dated, and the mobile view failed accessibility basics such as readable font sizes.

    Constraints we designed within

    • Custom CodeIgniter app on a LAMP stack. VPRI runs it; the library owns the system.
    • No feedback channel, and no data on what people open or click.
    • The system can’t tell faculty from students.
    Original Research Alerts portal: a dense My Alerts table with subject, author and date columns and a sidebar of discipline and function tags
    BeforeThe Research Alerts portal: a table of recent alerts and a long sidebar of tags. Author names blurred.

    We interviewed the people who write alerts and the people who read them

    Six weeks, 9 interviews: 4 people who create and approve alerts, 5 who receive them. An affinity board on one side, an empathy map on the other.

    Empathy map with quadrants Says, Thinks, Does and Feels filled with end-user quotes and observations
    End usersEmpathy map: what they say, think, do and feel.
    Affinity board of sticky notes grouped by participant: publishers and editors, creators, a research approver and an approver
    InternalAffinity board: publishers and editors, creators and approvers. Names blurred.

    What we heard

    1. “There is no way! I have no time or no need to go back to the portal.”End user
      “I don’t even know you can search on RA.”End user
    2. “I know I can filter, but I just signed up for everything.”End user
      “I bet 99% or 95% of users select all of these (tags).”Approver
    3. “Everything captured in same platform… it gets to be a little bit overwhelming.”End user
      “I rely on email. But I get too many emails.”Research approver
    4. Difficulty to highlight important information and timelines.Creators, interview note
      “It’s sometimes hard to skim for the important details.”End user
    5. Search by author returns the most recent entry only.Research approver, interview note
      Search not intuitive, never searched before, not aware there is a search function.End user, interview note
    6. Emails are great and short, not too much but enough information.End user, interview note

    Framing the service

    A Business Model Canvas and a Value Proposition Canvas helped us see Research Alerts from VPRI’s side and decide who to design for.

    Business Model Canvas for VPRI Research Alerts with sticky notes in each of the nine blocks
    Business Model CanvasEmail is the main channel; the portal is secondary. VPRI has no feedback relationship with users and no data on what they open. Main segment: faculty researchers and administrative staff; students mostly hear about opportunities through professors.
    Value Proposition Canvas mapping products, gain creators and pain relievers against customer jobs, gains and pains
    Value Proposition CanvasCore segment: people who work closely with researchers but aren’t researchers themselves, such as research funding officers. Gains: push notifications, the category in the subject line, one-click review from the preview. Pains: no time to go back to the portal, unreliable search, no previews.

    Comparable services we scanned

    How other research-alert and funding-opportunity sites handle filtering and layout.

    SFU funding and award opportunities list with a topic sidebar
    SFU Research Services
    University of Guelph Research Alerts list with category and discipline filters
    University of Guelph
    Newswise Research Alert page with a filter panel
    Newswise
    innovation.ca research stories in a card grid with topic, province and institution filters
    innovation.ca

    Key decision

    We moved the focus from the portal to the inbox

    1. The brief

      Fix the website

      Improve the website where people search the collection of published alerts.

    2. What research showed

      People live in email

      Most end users never open the website. They read subject lines, skim, and forward what applies. The pain sits in sign-up, email volume and relevance.

    3. What we decided

      Redesign three stages, email first

      Focus on Subscription, Notification and Usage, which hold six of the seven pain points we mapped. The email becomes the entry point, and the portal is where an email leads.

      MotivationSubscriptionNotificationUsageExit

    Motivation (finding the service) and Exit (unsubscribing) stayed out of scope. In the As-Is map, Exit was the one phase with no pain points.

    Rita, and the journey she takes with Research Alerts

    We built the persona around the main user group, end users. Rita Amato is a research funding officer: she checks email every day, forwards the alerts that apply to faculty, and has no time to log in to another system.

    Portrait of Rita, the persona
    “I wish there was a way to separate grants, awards and funding opportunities from other alerts.”

    Rita Amato, Research Funding Officer, 45, Toronto. Persona.

    How Rita feelsOverwhelmedConfusedUncertain

    Persona card for Rita, the Research Funding Officer: photo, bio, goals, frustrations, personality sliders, current feelings and motivations
    PersonaRita Amato, Research Funding Officer, 45, Toronto.

    As-Is experience map

    We mapped what Rita does, feels and thinks across five phases, along with pain points and opportunities for VPRI. Between the first and second playback we rebuilt the map: the steps became one continuous path that shows Rita’s daily email loop and where usage branches off, touchpoints are named by service instead of device, and VPRI’s goals and opportunities were condensed into one row of opportunities.

    First version of the As-Is customer experience journey with rows for doing, feeling, thinking, pain points and organisation goals Final As-Is experience map across Motivation, Subscription, Notification, Usage and Exit with does, feels, thinks, pain points and opportunities

    Pain points and opportunities by phase

    PhaseHow Rita feelsPain pointsOpportunities for VPRI
    MotivationCurious, excitedDifficulty finding the Research Alerts pageMake the service easier to find
    Subscription In scopeHopeful, confusedLittle diversity of tags for setting preferencesLet users customise their alert preferences
    Notification In scopeOverwhelmed, intrigued, satisfiedHard to skim and judge the relevance of alerts. The influx of alerts can be overwhelming.Send only relevant alerts. Make the key content clear in the email. Make users aware they can manage preferences.
    Usage In scopeOverburdened, informed, uncertainUnaware the portal exists. Search and filter aren’t intuitive. No preview of the alert summary.Help users reach relevant alerts when they need them. Raise awareness of what the portal can do.
    ExitRelaxedNone foundLet users say why they unsubscribe

    Ideas first, then a value and feasibility cut

    We ideated broadly, including a few deliberately absurd ideas, then plotted every idea by its value for users against its feasibility for our team.

    Wall of sticky notes with ideas such as toggle modes, alert tags, weekly digest, calendar mode for deadlines and reminders for urgent alerts
    IdeationIdeas from the team session.
    Prioritization matrix with value for users on the vertical axis and feasibility for the team on the horizontal axis
    PrioritizationValue for users vs feasibility for the team.

    What made the cut. High-value ideas became the core of the redesign: alert tags you can add and remove, a full list of programs and faculties, reminders for urgent alerts, a calendar of deadlines, a weekly digest, condensed alerts with a “see more” link, and one-click navigation.

    What didn’t. Ideas in the low-value, low-feasibility corner, such as an Outlook pop-up and saving alerts as favourites, stayed out of the prototype.

    Sketches, reviewed with VPRI

    We sketched four concepts and walked the VPRI team through them. Their feedback went into the high-fidelity designs.

    Hand sketch of a redesigned alert email: title, deadline, call to action, more info and see more, with edit preference and unsubscribe links
    Redesigned emails
    Hand sketch of a preferences page: alert frequency, faculty, department and topics of interest with help icons
    Onboarding and edit-preferences flow
    Hand sketch of a personalized alerts dashboard with filters, search, sort options and alert cards
    Dashboard with personalized alerts
    Hand sketch of a monthly calendar view marking deadlines and favourites
    Calendar view of deadlines

    Ideas first, then a value and feasibility cut

    We ideated broadly, plotted every idea by value for users against feasibility for our team, and walked VPRI through four sketched concepts before going hi-fi. Tags, a weekly digest, urgent reminders and a calendar of deadlines made the cut; an Outlook pop-up and favourites didn’t.

    Three touchpoints, redesigned from what we heard

    Each change answers a specific finding. Flip between before and after.

    02Subscription

    Preferences people can set with confidence

    • “I filter by faculty, not by discipline.”
    • “I don’t know what some of these functions mean.”
    • “Are there different funding opportunities for CFOs?”
    • Three alert types (Research & Funding, Workshops & Training, Other), each with a description, replace a list of vague “functions”.
    • Frequency per type: daily, weekly, bi-weekly or monthly.
    • Program and faculty replace discipline, matching how people already filter on other U of T sites.
    • Role selection removed. It confused people and doesn’t change which alerts VPRI sends.

    Sketch: onboarding and preferences, then prototype, then tested in task 1

    Original preferences form with long checkbox lists for discipline, function and role Redesigned Set Alert Preferences page with alert-type tabs, frequency, program and faculty

    Before: checkbox lists for discipline, function and role.After: alert-type tabs, frequency, program and faculty.

    03Notification

    Fewer emails, each one easier to skim

    • “I look at the subject line to see if it’s relevant.”
    • “It’s sometimes hard to skim for the important details.”
    • “A lot of information here.”
    • “4–5 alerts a day is overwhelming, once a day would be better.”
    • A periodic digest replaces one email per alert, at the frequency each person chooses, grouped by category, each alert tagged and summarised.
    • Urgent alerts still arrive on their own, flagged in the subject line, so nothing important waits for the digest.
    • A deadlines box puts key dates first; supporting detail sits below it.
    • Clear buttons for Submit Now, Edit My Preferences and Unsubscribe.

    Sketch: redesigned emails, then prototype, then tested in task 2

    Original alert email for the NSERC CREATE Quantum Call: a long block of plain text with deadlines buried in the body Redesigned urgent alert email with tags, a deadlines box and a Submit Now button

    Before: one email per alert, deadlines buried in the text.After: tags, a deadlines box and one-click navigation.

    Annotated weekly digest email: personalized weekly alerts, categories, more alerts on the portal, visible preference buttons and a link to the portal
    AfterWeekly digest, grouped by category. Names blurred.
    Annotated urgent alert email: tags distinguish the type of funding opportunity, a condensed summary highlights deadlines, and a Submit Now button gives one-click navigation
    AfterUrgent alert: tags, a condensed deadline summary and one-click navigation.

    04Usage

    A portal that starts with deadlines

    • “It’s not clear where I have to edit preferences.”
    • “Search functions are not intuitive.”
    • Edit My Preferences in every email opens the preferences page directly. Programs and faculties become tags you can include or exclude.
    • Filtered search by alert type, faculty and published date.
    • Upcoming Deadlines panel with a calendar mode.
    • Colour-coded tags on every alert: Grant, Funding, Research, Training.

    Sketches: dashboard and calendar, then prototype, then tested in tasks 1 and 2

    Original My Alerts list view of the Research Alerts portal Redesigned My Customized Alerts page with Upcoming Deadlines, keyword search and tagged alert cards with Read More links

    Before: a table whose filters only covered the current page.After: upcoming deadlines, keyword search and tagged alerts.

    Alert email in Outlook with the subject labelled Computer Science and Funding, and Edit My Preferences and Unsubscribe buttons at the bottom
    AfterFrom any alert email…
    Edit Alert Preferences page with included program and faculty tags, an excluded section and a quick menu
    After…straight to Edit Alert Preferences.
    Redesigned portal with Filter Search open: alert type dropdown listing Research, Workshop and Grant, plus faculty and published date filters, and the calendar mode switched on
    AfterFilter search open, calendar mode on.

    Two everyday tasks, tested on the clickable prototype

    We wrote task scenarios around Rita’s day and storyboarded every screen and click participants were expected to make.

    Task 1

    Sign up and explore the portal

    The user learns about Research Alerts and goes to its login and sign-up page.

    1. Log in with UTORid and password.
    2. In onboarding, choose frequency, program and faculty.
    3. Save and confirm the preferences.
    4. Explore the portal: switch on the calendar panel and open Filter Search.
    5. Expand Alert Type and filter the list to grant alerts.
    Storyboard for task 1: home page, U of T login, set alert preferences blank and filled, confirmation, then portal home, calendar panel, filter search, alert type and grant alerts filtered
    StoryboardTen screens from login to filtered grant alerts.

    Task 2

    Manage alerts from the inbox

    Having just signed up, the user now receives the daily digest by email.

    1. Walk through what the digest email shows.
    2. Click Edit My Preferences and log in.
    3. Add Political Science from the faculty list.
    4. Exclude Political Science, then click Save.
    5. Confirm in the review pop-up and land on the updated alert list.
    Storyboard for task 2: daily digest in Outlook, Edit My Preferences, Political Science selected then excluded, review pop-up and the updated home page
    StoryboardFrom the digest email to updated preferences. Contact details blurred.

    Rita’s journey, before and after

    Prototyping and usability testing fed the To-Be experience map. Across subscription, notification and usage, the low points of the As-Is journey gave way to positive moments.

    Emotional low points between subscription and usage, from 4 in the As-Is map to 0 in the To-Be map.

    Confused, overwhelmed, overburdened, uncertainHopeful, easy, relaxed, satisfied

    As-Is emotional curve: hopeful, confused, overwhelmed, intrigued, satisfied, overburdened, informed and uncertain, with quotes, across subscription, notification and usage To-Be emotional curve: hopeful, easy, relaxed, satisfied, relaxed and satisfied, with quotes, across subscription, notification and usage

    To-Be experience map

    To-Be experience map adding a future-state row: preferences setting, weekly digest, urgent alert and the future research alert portal, each with numbered features and a new emotional curve
    To-BeThe future-state row annotates preferences setting, weekly digest, urgent alert and the redesigned portal. Names blurred.

    We closed the project in a final discussion with VPRI covering the move from As-Is to To-Be and the future scope for redesigning Research Alerts.

    Takeaways and next steps

    Let research set the scope

    The brief pointed at the portal. Interviews showed people live in their inbox, so we designed there first and treated the portal as the place an email leads.

    Prioritise with constraints in view

    Plotting ideas by user value and team feasibility kept the redesign realistic for a custom, 9-year-old system.

    Tie every change to evidence

    Each change in the prototype traces back to a pain point or a participant quote, and the main flows were checked in usability tasks.

    Opportunities we found but left for later

    • Tools for the people who write alerts: previews before publishing, easier formatting, and reminders for alerts waiting more than 48 hours.
    • A feedback loop. VPRI gets no data on what people open, and editors wanted more feedback on how alerts are received.
    • The two phases outside our scope: making the service easier to find, and asking people why they unsubscribe.

    Research Alerts Client project for the Division of the Vice-President, Research & Innovation (VPRI), University of Toronto. INF2192 Representing UX, Winter 2022. Team Garima Batra, Sahil Faraz, Zimeng Li, Navid Rahman, Mona Abou Swaid, Nan Wang.

    Names and email addresses of VPRI staff, alert authors and participants are blurred in all screenshots.

    Next case study Aug-Fice A quiet office you can wear: focus in mixed reality.

    Mixed reality product design, University of Toronto, 2021

    Aug-Fice

    A quiet office you can wear. An app concept for mixed reality glasses that helps students and desk workers focus in busy, shared places.

    Product
    App concept for MR glasses
    Courses
    INF2310 and INF2191, University of Toronto, Fall 2021
    Team
    Concept with Grace Chen and Sabrina Yeasmin
    My role
    Storyboard, UI sketches, user research, visual design, hi-fi UI
    Tools
    Figma, Miro, Stark
    A person in a café points at a floating Choose your environment panel with Home, Work and Public presets, each showing transparency and shape
    Hi-fi UI composited into a café: the user picks a workspace preset with a hand gesture.

    From 6 research sources to 11 hi-fi screens, with a background chosen by 14 people and 3 ways to interact.

    Problem

    Students and desk workers lose focus to the people around them and the phone on the table. Home, libraries and cafés all came with crowds.

    Approach

    A team of three: six sources and a storyboard. On my own: UI sketches, a user interview, a 14-person preference test and the hi-fi UI.

    Outcome

    11 hi-fi screens for MR glasses: two modes, custom partitions, whitelisting, a people indicator and a grayscale fade for breaks.

    Team, INF2310

    With Grace Chen and Sabrina Yeasmin

    • Literature review
    • Concept and two modes
    • Storyboard, drawn by me
    • User flow

    Solo, INF2191

    My own work

    • UI sketches
    • User interview
    • Background preference test
    • Visual design system
    • Hi-fi UI in Figma
    1. Early explorationInterviews and about two dozen responses, a year earlierSolo
    2. Literature reviewSix sources turned into design principlesTeam
    3. Concept and storyboardTwo modes and an eight-step storyboardTeam
    4. UI sketchesPaper screens, revised in red penSolo
    5. Feedback and testingCritique, one interview, a 14-person preference testSolo
    6. Visual system and hi-fi UIStyle guide and 11 annotated screensSolo

    Distraction follows people from home to the library

    A year before this project, in an individual exploration, I interviewed peers and family and collected responses through an Instagram story, about two dozen in all. Distraction while working stood out as a real and recurring problem.

    Persona card for Michael, the bemused: 28, student in Toronto, high tech literacy, with bio, core needs, frustrations, personality, brands, next purchase and preferred MR interactions
    PersonaMichael, the bemused.
    “I have the superpower to get distracted anywhere!”

    Michael is 28, a student in Toronto with high tech literacy. Assignments have piled up, and the people around him and the phone next to him keep pulling him away.

    For Aug-Fice we kept the same audience, students and people with desk jobs, and focused on visual distractions: people moving around them and the phone on the table.

    Design cues

    • Work well around other people, not only alone
    • Remind him to get back to work
    • Offer calm places to work, like the beach he can’t travel to
    • Start with head tracking and hand gestures, his first choice of input

    I wrote up early ideas for tackling distraction with mixed reality in a Medium article.

    Team

    Six sources gave the partition its controls

    We read studies on virtual partitions and VR workspaces, the Pomodoro technique, diminished reality and digital wellbeing. Each one turned into something the user can control.

    1. Lee et al., 2019Partitioning open-plan workspaces via AR. 48 participants, 11 expert interviews.

      Any partition beat none. People preferred semi-transparent partitions, and experts said transparency and coverage should come first.

      Adjustable transparency and distance

    2. Lee & Bianchi, 2020YourSphere. 18 interaction designers.

      People imagined partitions as virtual panels, shapes extruded from drawn lines, extended screens, or spheres around them.

      Shapes beyond a rectangle: cubicle, sphere, blinds

    3. Ruvimova et al., 2020“Transport Me Away,” CHI. 35 participants.

      Flow was highest in a closed office. People preferred it and a VR beach, and strongly disliked open offices.

      Calm 360° environments to work in

    4. Cirillo, 2006The Pomodoro Technique.

      25-minute work periods with 5-minute breaks, a planning step first, and breaks that truly detach you from the task.

      Focus mode with sets, a to-do list and break transitions

    5. Mori et al., 2017A survey of diminished reality.

      Real objects can be diminished, seen through, replaced or inpainted.

      Hide the phone screen, ads and distracting websites

    6. GoogleDigital Wellbeing experiments.

      Tools that make phone use visible or cut apps and notifications down to the essentials.

      Grayscale screens to weaken the pull of apps

    Concept, team

    Two modes and a partition you control

    Focus runs Pomodoro sets with a to-do list. Zen is untimed. In both, a virtual partition hides the room, and the glasses hide the phone screen and distracting sites.

    TransparencyMedium

    ShapeBlinds

    People indicatorOn

    Public: medium transparency with blinds, so you’re hidden but not cut off.

    An illustration of the three presets from the hi-fi design. When the partition is more than half opaque, the people indicator shows who’s nearby: brighter means closer.

    I drew the eight-step storyboard for our team submission

    1. Sketch of a person at a shared table distracted by people talking, a meowing cat and a phone

      1Distracted in a shared space: people talking, a cat, a phone.

    2. Sketch of the person putting on a mixed reality headset

      2Puts on the MR headset.

    3. Sketch of a floating panel with Office, Home and Public space presets, selected with an air tap

      3Picks a preset (Office, Home or Public space) with gaze and air tap.

    4. Sketch of the customization panel with background, shape, transparency, height and distance controls

      4Sets the cubicle’s shape, background and distance.

    5. Sketch of the Choose mode panel with Zen and Pomodoro options

      5Chooses Pomodoro over Zen.

    6. Sketch of session settings: import to-do list, work duration, break, Zen toggle and duration

      6Sets work and break times and imports a to-do list.

    7. Sketch of the virtual cubicle with a to-do list and 24:30 timer while the phone rings

      7The cubicle fades in and the room fades out. The phone rings.

    8. Sketch of the user glancing at the phone, which shows a not-important message, with the timer at 23:00

      8The phone shows the call isn’t important. At the break, the partition clears and screens turn gray.

    Turning point

    “It’s Steps 7 and 8 where your real ideas are.”

    Prof. Tony Tang, on our storyboard

    He called the setup steps boilerplate and asked what happens at the boundary between the user and the room: “If I step close to you, am I still diminished? At what point do I become something that you cannot ignore?” The hi-fi design builds out that boundary.

    • New

      People indicator

      Nearby people appear as markers in three distance bands whenever the partition is more than half opaque. Brighter means closer.

    • Built out

      Whitelisting

      Step 8’s “not important” message became a screen for choosing the contacts and apps that can still reach you.

    • Built out

      Break transitions

      Step 8’s gray screens became an opt-in grayscale fade, with the partition clearing as a set ends.

    • New

      Lighter setup

      Each mode remembers its last settings, and feature intros only appear on first run.

    Still open: how people nearby can tell whether it’s OK to interrupt. The interview suggested a plain desk sign.

    Solo

    Sketching the screens, then marking them up

    I sketched every screen on paper and revised the sketches in red pen before moving to Figma.

    Paper sketch of a mode selection screen with Focus and Relax, and an environment screen with Office, Home and Public presets plus open questions about the Public preset
    Mode selection and environment presets, with open questions about the Public preset.
    Paper sketch of a customization screen with shape, background, transparency, distance and size, plus a to-do list screen with an import option and an immersive keyboard
    Customization, then a to-do list with an immersive keyboard.
    Paper sketch of the cubicle Pomodoro view with people icons around it, and a first-run screen explaining how Show people works with three distance bands
    The cubicle Pomodoro view and the first-run “show people” intro.
    Paper sketch of a screen explaining grayscale during break with No and Yes buttons, and a whitelist settings screen to choose apps and contacts
    Grayscale during break, and whitelist settings.

    What changed on paper

    • Mode now comes before environment. The storyboard had them the other way round.
    • Explicit consent. “Tap to continue” was struck out on both feature intros and replaced with a No / Yes choice, with each feature off by default.
    • People in distance bands. The people indicator got three colour-coded bands: within 3 m, 3–10 m and 10–20 m.
    • Clearer labels. “Add” and “View” on the whitelist became “Choose”.
    • Open questions in the margins: rectangle, cube, sphere or blinds? Size as a number or XS to XXL?

    What I tested, and what it changed

    Three kinds of feedback: a storyboard critique, a flow interview and a background preference test.

    Peer review, 2 classmates

    Liked the idea, asked about sound and privacy

    Both liked pairing productivity with wellbeing. They asked how audio distractions would be handled, for a privacy explanation before first use, for one storyline per mode, and for more annotations.

    Critique, Prof. Tony Tang

    Pointed to the boundary with the room

    Praised the grounding in research and called steps 7 and 8 the most promising. He asked how people sitting nearby should be treated, and how they can tell whether to interrupt.

    User interview, 1 participant Solo

    Problem confirmed, gestures untested

    28, a tech enthusiast with about ten VR sessions and no hands-on AR. We didn’t cover gestures because the participant didn’t know the common AR ones.

    Seven observations from the interview

    1. Visual distraction is one of the biggest hindrances to productivity.
    2. Consider a “virtual cabin” for co-working with teammates, as in Spatial.
    3. Liked the flow, and customizable 360° environments; suggested a “360 wallpaper engine”.
    4. An all-white UI could feel monotonous and claustrophobic; try lo-fi animations.
    5. Hiding the phone fails when it rings on the desk; show whitelisted notifications in the glasses.
    6. Privacy features felt “scary” and shouldn’t be pursued.
    7. A traditional desk sign is the best way to tell people you’re in AR.

    Background preference test Solo

    14 people, 21 votes, one background

    14 people saw the mode screen on different backgrounds and voted for the ones they liked. Each person could pick more than one.

    1. Background A: dark sand texture

      A5 votes

    2. Background B: near-black with soft cloud

      B5 votes

    3. Background C: dark teal texture with stars

      C8 votes, chosen

    4. Background D: dark navy

      D2 votes

    5. Background E: dark green gradient

      E1 vote

    6. Background F: flat olive gray

      FNo votes recorded

    C was picked by 8 of the 14 people and became the background of the final UI.

    What we heard, and how the design responds

    What we heardFromHow the design responds
    “An all-white UI could feel monotonous and claustrophobic.”InterviewA dark, textured UI with bright colours used sparingly, which also eases VR discomfort. Background C won the vote.
    “Hiding the phone fails when it rings.”InterviewWhitelisting stays in the app: choose the contacts and apps that can reach you. Showing those alerts inside the glasses is left to the headset’s OS.
    “Privacy features feel scary.” “Explain privacy before first use.”Interview, peer reviewThe people indicator and grayscale fade are off by default, and each gets a one-screen explanation with a No / Yes choice.
    “If I step close to you, am I still diminished?”ProfessorThe people indicator shows nearby people in three distance bands when the partition is more than half opaque.
    “Add more annotations.”Peer reviewEvery screen on the hi-fi storyboard carries its own annotation.

    Still open: audio distractions, a storyline for Zen mode, letting others know you’re focusing, and a shared “virtual cabin” for teams.

    PlannedNext round

    A task-based usability test of the hi-fi flow

    Who

    5 to 8 students and desk workers, mixing people new to AR with people who have used it.

    How

    First a click-through of the Figma prototype on a laptop, to test the flow and wording. Then a headset session, to test gestures, comfort and the partition.

    Measures

    Task success, time on task and errors; a one-question ease rating per task; SUS at the end; simulator sickness and neck comfort in the headset.

    TaskScreens it covers
    Start a Focus session of four 25-minute sets with 5-minute breaks.Choose a mode, Customize session
    Set up the Public preset with a rectangle partition 5 ft away and the people indicator on.Choose your environment, Customize Public, People indicator
    Let calls from one contact through while you work.Whitelisting
    Import your to-do list, start working and tick off a task.Prepare to-do list, Work
    Notice the break, then get back to work.Break, Work

    Visual design, solo

    A dark, calm system built for a headset

    I collected references in a Miro moodboard, then wrote a style guide in Figma covering colour, contrast, type, the logo, motion, and layout rules for head tracking.

    Aa

    Charcoal#393D36, background

    Aa

    Green#8BC34A, primary

    5.27:1 on charcoal

    Aa

    Gold#D9C37E, breaks

    6.36:1 on charcoal

    Aa

    White at 75%#FFFFFF, primary text

    11.08:1 on charcoal

    • Dark by default

      Bright backgrounds add to VR sickness, so whites and bright colours are used sparingly.

    • No abrupt changes

      Sessions and breaks fade in and out with saturation and dissolve transitions, so eyes can adjust.

    • Built for head tracking

      Targets are big, and the most-used ones sit in the centre to limit neck movement.

    • Checked for contrast

      Colour pairs were checked with the Stark plugin; green and gold on charcoal both pass WCAG AA.

    • Two typefaces

      Avenir Next LT Pro for headings, Source Sans Pro for body text and small sizes.

    • Resizable and lockable

      Corner brackets let users resize any window by hand gesture, and the lock pins the UI in place during a quick interruption.

    Moodboard of mixed reality interfaces, AR glasses, 360 environments and workspaces
    MoodboardMixed reality UIs, headsets, 360° scenes and workspaces.
    Style guide with colours and contrast ratios, colour proportion, tone, background image, logo, moderation, convenience, typeface, typography scale and resizing frame
    Style guideColour and contrast, tone, logo, motion, type scale and the resizing frame. Open it full size to read every rule.

    Final design, solo

    The flow, screen by screen

    Eleven hi-fi screens in Figma, built on the team’s user flow. Step through them, or use the arrow keys.

    Splash screen with the Aug-Fice logo and the line Focus on what matters Choose a mode screen with Zen and Focus cards, each with a Customize button Customize session screen: session duration 25 minutes, 4 sets, 5-minute short break, 30-minute long break, change background after each set off Choose your environment screen with Home, Work and Public presets Customize Public screen: partition shape rectangle, background texture 1, transparency low, distance 5 ft, people indicator off, grayscale fade off Whitelisting screen to choose contacts and apps that can reach you in focus mode How people indicator works: within 2 meters, 2 to 8 meters away, 8 to 15 meters away, with No and Yes buttons How grayscale fade works: a laptop screen in colour, desaturating 5 seconds before the break, and fully gray until the break ends Prepare to-do list screen with four items and an Import from cloud option Work screen: Set 2 timer at 24:34 until your break, to-do list on the left, and person markers at the edges Break screen with a gold timer at 04:50 until your next set

    1 of 11

    Design decision

      Photo of a person in a café with the Aug-Fice work screen floating at 20 percent transparency, pointing at the to-do list
      In contextAt 20% transparency with a rectangle partition, the user points with head tracking at the second to-do item and air-taps to tick it.

      Three ways to interact

      1. Head tracking with air-tapThe default. Point with your head and tap the air to click. Suits people who don’t need screens or a phone while working.
      2. Hand rayA ray from the hand replaces head tracking, for people who have trouble with it.
      3. Web app with keyboard and mouseFor people who prefer them in MR.

      Assumes to-do lists sync from a web app, keyboards pair with the glasses (or a virtual keyboard like Immersed), cloud services connect to the app, and back and home gestures are standard.

      The annotated storyboard

      The full Aug-Fice storyboard: all hi-fi screens connected in flow order with annotations, ending in the café composite
      All screens in flow order with their annotations. Open it full size and use Actual size to read them.

      Takeaways and next steps

      Let research set the controls

      Transparency, distance and shape came straight from the partition studies, and 360° environments from the VR workspace study.

      Design the boundary, not just the setup

      The moments that matter are when the real world gets back in: someone walks up, an important call comes in, a set ends.

      Ask before sensing people

      Anything that watches the room starts switched off and explains itself first. The interview showed how quickly trust can drop.

      Next steps

      • Run the planned usability test, ending with a session in a headset.
      • Handle audio distractions, which both peer reviewers raised.
      • Show the people nearby when you’re focusing, so they can decide whether to interrupt.
      • Let users reshape the partition’s corners with hand gestures.
      • Explore a shared “virtual cabin” for teams working together.

      Project

      Aug-Fice, INF2310 (guided by Prof. Tony Tang) and INF2191, University of Toronto, Fall 2021. Concept team: Sahil Faraz, Grace Chen, Sabrina Yeasmin.

      References

      • Lee, Je, Kim, Verma, Alavi & Bianchi (2019), Personal and Ubiquitous Computing
      • Lee & Bianchi (2020), Archives of Design Research
      • Ruvimova, Kim, Fritz, Hancock & Shepherd (2020), CHI
      • Cirillo (2006), The Pomodoro Technique
      • Mori, Ikeda & Saito (2017), IPSJ Trans. Computer Vision and Applications
      • Google, Experiments with Google: Digital Wellbeing
      Next case study Intelligent Cruise Control Cruise control that adopts the legal limit, with the driver in charge.