The Windshield Wiper Experience

The Windshield Wiper Experience

The Windshield Wiper Experience

06
RESPONSIBILITIES
UI DESIGN
UI DESIGN
UX DESIGN
UX DESIGN
DELIVERABLES

Mobile App

{ SCROLL }
INTRO

A journey of finding and building connection with a partner through experiencing Alberto Mielgo’s Windshield Wiper embedded in a Market Hall.

A journey of finding and building connection with a partner through experiencing Alberto Mielgo’s Windshield Wiper embedded in a Market Hall.

A journey of finding and building connection with a partner through experiencing Alberto Mielgo’s Windshield Wiper embedded in a Market Hall.

Context

"The displacement of the nearby in public consciousness."

The intent is to inspire guests to pay attention to ordinary settings and people around them because the interactive touch-points could be activated in the most unexpected places or by an unexpected person.

There isn’t a shortcut to find a connection. The key is to let it happen and be ready for those moments by keeping your heart's eyes open.

This is what a Radar look like, but there are more than 20 more them!

This is what a Radar look like, but there are more than 20 more them!

This is what a Radar look like, but there are more than 20 more them!

Problem

A pop-up experience in collaboration with Hinge and The Windshield Wiper.

A pop-up experience in collaboration with Hinge and The Windshield Wiper.

A pop-up experience in collaboration with Hinge and The Windshield Wiper.

In the post-pandemic world, longing for meaningful connections nearby, we need experiences that direct our attention back from the abstracted concept of the ‘world’ to the ordinary reality, where people live, die, fall in love, and struggle. Through observing their realities, we establish our reality that is more humanistic and authentic. Therefore, I wanted to design a pop-up experience in collaboration with Hinge and The Windshield Wiper.


In the post-pandemic world, longing for meaningful connections nearby, we need experiences that direct our attention back from the abstracted concept of the ‘world’ to the ordinary reality, where people live, die, fall in love, and struggle. Through observing their realities, we establish our reality that is more humanistic and authentic. Therefore, I wanted to design a pop-up experience in collaboration with Hinge and The Windshield Wiper.


In the post-pandemic world, longing for meaningful connections nearby, we need experiences that direct our attention back from the abstracted concept of the ‘world’ to the ordinary reality, where people live, die, fall in love, and struggle. Through observing their realities, we establish our reality that is more humanistic and authentic. Therefore, I wanted to design a pop-up experience in collaboration with Hinge and The Windshield Wiper.


Discover Bigger Picture

Discover Bigger Picture

Discover Bigger Picture

Build Depth for Personalized Path

Build Depth for Personalized Path

Build Depth for Personalized Path

“I think more and more we're connecting through our technology, but that means missing out on the kinds of connections we can experience in real life.”


“I think more and more we're connecting through our technology, but that means missing out on the kinds of connections we can experience in real life.”


“I think more and more we're connecting through our technology, but that means missing out on the kinds of connections we can experience in real life.”


Gradient 1 - Blue
Gradient 2 - Purple
Gradient 1 - Blue
Gradient 2 - Purple
Gradient 1 - Blue
Gradient 2 - Purple
Storytelling

Galaxy Visualization: Enables open-ended exploration, revealing hidden connections through an intuitive, visual map.

Galaxy Visualization: Enables open-ended exploration, revealing hidden connections through an intuitive, visual map.

Galaxy Visualization: Enables open-ended exploration, revealing hidden connections through an intuitive, visual map.

Personal Dashboard: Adapts to individual roles and goals, surfacing timely, relevant insights that support day-to-day decisions.

Personal Dashboard: Adapts to individual roles and goals, surfacing timely, relevant insights that support day-to-day decisions.

Personal Dashboard: Adapts to individual roles and goals, surfacing timely, relevant insights that support day-to-day decisions.

Try out the Galaxy Visualization MVP

Try out the Galaxy Visualization MVP

Try out the Galaxy Visualization MVP

Technology View

What it does: Groups projects by the technologies they apply or explore.

  • Hierarchy: Tech field → Specific methods/models → Projects

  • Why it’s helpful: Ideal for identifying innovation trends, technical overlaps, or evaluating tech adoption maturity.

Technology View

What it does: Groups projects by the technologies they apply or explore.

  • Hierarchy: Tech field → Specific methods/models → Projects

  • Why it’s helpful: Ideal for identifying innovation trends, technical overlaps, or evaluating tech adoption maturity.

Technology View

What it does: Groups projects by the technologies they apply or explore.

  • Hierarchy: Tech field → Specific methods/models → Projects

  • Why it’s helpful: Ideal for identifying innovation trends, technical overlaps, or evaluating tech adoption maturity.

Domain View

What it does: Groups projects based on problem space within SLB, application area, or impact field (e.g., “Subsurface,” “Grid Modernization”).

  • Hierarchy: Domain → Product → Projects

  • Why it’s helpful: Useful for strategists or external partners to see applied impact areas and identify gaps or overlaps in research.

Domain View

What it does: Groups projects based on problem space within SLB, application area, or impact field (e.g., “Subsurface,” “Grid Modernization”).

  • Hierarchy: Domain → Product → Projects

  • Why it’s helpful: Useful for strategists or external partners to see applied impact areas and identify gaps or overlaps in research.

Domain View

What it does: Groups projects based on problem space within SLB, application area, or impact field (e.g., “Subsurface,” “Grid Modernization”).

  • Hierarchy: Domain → Product → Projects

  • Why it’s helpful: Useful for strategists or external partners to see applied impact areas and identify gaps or overlaps in research.

Team View

What it does: Organizes projects by contributing teams (e.g., AI Lab, Frontend, Robotics).

  • Hierarchy: Team → Sub teams within a Lab → Projects

  • Why it’s helpful: Great for internal alignment, performance tracking, and collaboration mapping across the org.

Team View

What it does: Organizes projects by contributing teams (e.g., AI Lab, Frontend, Robotics).

  • Hierarchy: Team → Sub teams within a Lab → Projects

  • Why it’s helpful: Great for internal alignment, performance tracking, and collaboration mapping across the org.

Team View

What it does: Organizes projects by contributing teams (e.g., AI Lab, Frontend, Robotics).

  • Hierarchy: Team → Sub teams within a Lab → Projects

  • Why it’s helpful: Great for internal alignment, performance tracking, and collaboration mapping across the org.

Due to the limitation of time, we didn't get to implement all the features. Below are the proposed features that are possible with available data from radar.

Inspiration Prompt:

  • Inspire user about what question to ask

  • Presentation of popular questions

  • Build mental model of how the system work

Inspiration Prompt:

  • Inspire user about what question to ask

  • Presentation of popular questions

  • Build mental model of how the system work

Inspiration Prompt:

  • Inspire user about what question to ask

  • Presentation of popular questions

  • Build mental model of how the system work

Intelligent Search & Filters:

Help user ask better questions by:

  • Evaluating if the system has enough parameters from user input

    • Ask follow up questions and give suggestions on refinement

Intelligent Search & Filters:

Help user ask better questions by:

  • Evaluating if the system has enough parameters from user input

    • Ask follow up questions and give suggestions on refinement

Intelligent Search & Filters:

Help user ask better questions by:

  • Evaluating if the system has enough parameters from user input

    • Ask follow up questions and give suggestions on refinement

The interactive timeline serves as both a filter and a line graph that indicates change in activity over time.

The interactive timeline serves as both a filter and a line graph that indicates change in activity over time.

The interactive timeline serves as both a filter and a line graph that indicates change in activity over time.

See projects with related domains, tech, team easily

See projects with related domains, tech, team easily

See projects with related domains, tech, team easily

Inspiration from Sleep No More

Inspiration from Sleep No More

Inspiration from Sleep No More

visual parameter

Mapped to

What’s needed to implement

Planet size

effort invested (time or money)

Actual effort metrics based on e.g. time and money

Star Brightness

Impact or visibility

quantitive impact score, or stakeholder priority

Rotation speed (within the trail or self-rotation)

Update frequency within stages, major updates

More granular way of documenting updates in projects

Split off trails

if multiple spin-off projects emerged from an original one

More relationship data to indicate relationships between projects

Satellite (Level 3 Category)

work (tech evaluation, partner, spin off) that supported that specific projects

Evaluation of DataOS

Planet shape

Entity type

Project, tech evaluation, partner

Domain star cluster

Product sub concepts

product line-features

The story starts with the gentleman sitting in a restaurant, reflecting on the question: “what is love?” Then, the film goes on to show the audience a montage of moments of different kinds of love in society, which makes the question harder to answer. Is it about hurting each other? Sitting together in silence? Lost and pain? Love at first sight? Growing old together? Worn out? Quarrel? ...? Or a color? In the end, the main character realizes that love is the secret society.

The story starts with the gentleman sitting in a restaurant, reflecting on the question: “what is love?” Then, the film goes on to show the audience a montage of moments of different kinds of love in society, which makes the question harder to answer. Is it about hurting each other? Sitting together in silence? Lost and pain? Love at first sight? Growing old together? Worn out? Quarrel? ...? Or a color? In the end, the main character realizes that love is the secret society.

The story starts with the gentleman sitting in a restaurant, reflecting on the question: “what is love?” Then, the film goes on to show the audience a montage of moments of different kinds of love in society, which makes the question harder to answer. Is it about hurting each other? Sitting together in silence? Lost and pain? Love at first sight? Growing old together? Worn out? Quarrel? ...? Or a color? In the end, the main character realizes that love is the secret society.

Our approach enables adaptive interfaces through conversational feedback. Users can directly express what they want to track or explore.

By entering their goal or question into a prompt input box, the system performs intent tagging to categorize the query and automatically surfaces the most relevant UI components.

Step 1: Intent Tagging: Understanding the ask

On interpreting the user input side, I defined 5 parameters to tag a questions.

On interpreting the user input side, I defined 5 parameters to tag a questions.

On interpreting the user input side, I defined 5 parameters to tag a questions.

For example ☝️

How did I come up with these parameters? Why?

How did I come up with these parameters? Why?

How did I come up with these parameters? Why?

During the user interview, I asked each interviewee: " If you can ask the galaxy page any question, what would you ask?" and looked for recurring patterns in what they were fundamentally asking for.

While an LLM could infer UI responses directly, defining a parameter tagging framework adds a structured, interpretable layer between user intent and system response. Putting LLM on rails as oppose to letting it range free.

During the user interview, I asked each interviewee: " If you can ask the galaxy page any question, what would you ask?" and looked for recurring patterns in what they were fundamentally asking for.

While an LLM could infer UI responses directly, defining a parameter tagging framework adds a structured, interpretable layer between user intent and system response. Putting LLM on rails as oppose to letting it range free.

During the user interview, I asked each interviewee: " If you can ask the galaxy page any question, what would you ask?" and looked for recurring patterns in what they were fundamentally asking for.

While an LLM could infer UI responses directly, defining a parameter tagging framework adds a structured, interpretable layer between user intent and system response. Putting LLM on rails as oppose to letting it range free.

Step 2: UI Matching: How to Answer with Different UI Components

On the system output side, for each of the potential intent, I have a set of corresponding UI components to answer.

On the system output side, for each of the potential intent, I have a set of corresponding UI components to answer.

On the system output side, for each of the potential intent, I have a set of corresponding UI components to answer.

A white and gray background with a gradient of black dots

01

A white and gray background with a gradient of black dots

01

A white and gray background with a gradient of black dots

01

A white and gray background with a gradient of black dots

02

A white and gray background with a gradient of black dots

02

A white and gray background with a gradient of black dots

02

A white and gray background with a gradient of black dots

03

A white and gray background with a gradient of black dots

03

A white and gray background with a gradient of black dots

03

A white and gray background with a gradient of black dots

04

A white and gray background with a gradient of black dots

04

A white and gray background with a gradient of black dots

04

For example, for "Discover" intent, an UI component like this be fetched☝️

Step 3: Curate Dashboard Space with Feedback

During the process of brainstorming how to leverage the power of LLM to empower better search, I talked to a start up company called glean, which provides a software that combines all source of information across platforms and domain and fuse them into smart search that's specific to the company.

Reflection

he launch of the new mobile banking app has been met with enthusiastic feedback from users and has significantly impacted the clients digital engagement metrics. The streamlined design and feature set have led to increased app usage, higher user satisfaction, and improved customer retention.

he launch of the new mobile banking app has been met with enthusiastic feedback from users and has significantly impacted the clients digital engagement metrics. The streamlined design and feature set have led to increased app usage, higher user satisfaction, and improved customer retention.