BridgeUs Website

Researching conversation models and designing digital activities to collect research

Project Type

Tech4Good Lab, Education, Website

My Roles

UI Design, UX Research

Duration

Sep 2023 - Mar 2024 (7 months)

My Team

4 UI Designers

4 UX Researchers

What is BridgeUs?

BridgeUs reimagines family dialogue by uniting parents and teens with guided readings, interactive exercises, and conversation guides. The research team uses this platform that we make to collect data on how various communication styles shape relationships.

My Role

As the newest member of a tight design team in the Tech4Good Lab, I stepped in as the UI designer. Our mission delved into the complex world of parent-teen connections. Working under a PhD candidate and our professor, we developed prototypes that became the backbone of cutting-edge research.

Challenge

  • Translating our rough ideas into a polished prototype to conduct research.

  • Designing UI designs based on UX research for insightful digital activities.


Results

  • Created 5+ interactive pages and reading guides, collecting data better.


  • Created 20+ components to the current library while ensuring color, text, and visual hierarchy consistency.

Initial Draft

A draft reading guide filled with a wall of text that overwhelmed users. The content felt bulky, with words crossing into each other, making it hard to focus on the material.

Low Fidelity

To help with legibility

  • Created a dedicated reading area on a clean white card background

  • Incorporated intuitive icons and clear sectioning to improve legibility

New Problem
  • Users found themselves trapped in cycles of scrolling up and down

  • Repetitive dropdown interactions slowed down the experience

  • An overload of bullet points led to confusion and loss of focus

High Fidelity

  • Divided content into short, engaging chapters for easier consumption

  • Employed a cool blue background to delineate sections without overwhelming bullet points

  • Introduced a subtle hover effect that adds a refined, interactive touch

Conclusion

What I Learned

Embracing an iterative design process was key to solving complex UX challenges. Collaborating with researchers and a multidisciplinary team deepened my understanding of how design can drive actionable insights. This experience reinforced the power of user-centric design and clear communication in digital interfaces.

Results

Over the course of the project, we crafted more than 5 interactive pages and reading guides and built a library of over 20 cohesive design components, each aligned with our visual hierarchy and research goals.

What's Next

Our research data made it clear: we weren’t exploring the right avenue to uncover the insights we craved. This eye-opening pivot led us to shift our focus and move onto the Explore Careers platform. With this fresh direction, we’re set to dive deeper into conversation styles, refine our data collection methods, and push the envelope on digital interactions for even more impactful research.