top of page

Connect the Dots

Designed a new Wikipedia feature and end-to-end user flow to nudge readers towards exploring more articles and forming an informed perspective.

Collaborating with The Wikimedia Foundation, our team of social innovators explored their ecosystem to identify opportunities for innovation. We discovered a gap in the education system and developed a new Wikipedia feature that promotes exploratory learning, critical thinking, and the formation of educated viewpoints.

Type

Civic Tech
Consumer Facing
End-to-End

Team

Senior Product Manager - US Team
4 Product Designers - US Team 
SWEs Europe Team
Developers Europe Team

Contribution

User Research
Product Designer

DSC_0949_edited.jpg
What opportunities exist within Wikipedia to engage Gen Z?
Wikipedia can evolve beyond an information repository to become a dynamic platform that empowers Gen Z, while maintaining trust in its open-source knowledge ecosystem.
magicpattern-8h_tctpq4h0-unsplash_edited.jpg
Initial Research/Problem Validation
What are the challenges with the decrease in Gen Z engagement on Wikipedia?
~ 407 M
Gen Z Wikipedia users
75%
Research participants couldn't use Wikipedia for academic purposes
38%
Gen Z considers critical thinking is important
mockuuups-child-writing-in-front-of-an-imac-mockup.jpeg

What Will Change Because of this Feature?

This feature has the potential to help Gen Z readers engage with diverse content and discover relevant topics while encouraging them to critically engage with information.

  • 25%

increase in Wikipedia's userbase upon launch

  • 30%

increase in users visiting 3 or more articles in one session

  • 25%

users enhancing their critical thinking skills

pexels-juanpphotoandvideo-1242348_edited
Group 1000011055.png

How Did We Involve Gen Z in the Process?

We collaborated with the Center for Art and Public Life, connecting with various institutions like short-term degrees, language and skill-based schools, and many knowledge seekers. This enabled us to host 3 workshops, virtual and in-person, with 50 participants globally.

DSC_1011_edited.jpg

4 Countries

DSC_1064_edited.jpg

3 Co-Design Workshops

IMG_8283_edited.jpg

50+ Learners

DSC_1093_edited.jpg

4+ Months Research

Research and Explanation
Co-Design Workshops: Understanding Our Users
We partnered with the Center for Art and Public Life to conduct 3 co-design workshops with over 20 learners aged 12-26. Each workshop featured four interconnected activities structured as a narrative. The goal was to identify Gen Z's needs, education ecosystem gaps, and how resource availability impacts their personal learning journeys.
DSC_0965.NEF

1. LEARNING ROADMAP

Understanding users learning patterns and processes.

DSC_1115_edited.jpg

2. LEARNING STATIONS

Identifying platforms and tools they instinctively turn to for learning.

DSC_1052.JPG

3. BUILD YOUR OWN TOOLKIT

Asked them to build a learning guide for Gen Z.

DSC_1108.JPG

4. CO-DESIGN

Co-design the best way for Gen Z to learn new information.

Gen Z's Learning Preferences That We Identified From Our Research

mockuuups-young-girl-studying-with-a-macbook-pro-mockup (1).jpeg
Critical Thinking
Personalization
Exposure
Finding their voice
Forming Perspectives
Autonomy
This helped us frame the problem

How might we empower Gen - Z to build an educated point of view using Wikipedia as a tool?

Concept testing of early ideas
We Validated Our Conceptual Ideas Before We Began Building
This testing aimed to understand how people explore topics and identify their preferred learning methods. We presented readers with three types of articles and prompted them to explore, reflect, and discuss at various points, observing how their understanding evolved and what they sought in the content.
bd5cd0f9-fe97-4c37-ab15-cc3b3c363746 - C

Testing Helped Us Define The Breadth of a "Point of View".

It helped us come up with 5 key indicators of success for an arbitrary term like forming a perspective.

  • Sparking interest in a topic

  • Nudge them to explore the topic

  • Critically thinking about the information

  • Making users feel or connect with the information and reflect on it

  • Getting different viewpoints on a single topic

Translating insights into design
Connect the Dots helps users navigate related Wikipedia content, making it easier to understand complex topics and form a well-rounded point of view.

And Here's What We Finally Built

CONNECT THE DOTS - ARTICLE PAGE

When readers click on "Dive Deeper," they see a split-screen view that presents curated information related to the article for quick understanding.

This feature allows them to easily explore multiple perspectives with just a click.
magicpattern-8h_tctpq4h0-unsplash.jpg
magicpattern-8h_tctpq4h0-unsplash_edited.jpg

TIMELINE AND COMPILED RESOURCES

We developed an interactive timeline to highlight key historical milestones, aiding users in understanding event chronology.

 

Additionally, we curated essential points from relevant articles into categories, allowing readers to explore all sides of the information and form an educated perspective.

EXPLORING PERSPECTIVES - HUBS

The goal was to create a space for meaningful idea exchanges by enabling users to engage in discussions and explore diverse perspectives.


Hubs allow individuals to join interest-based groups, fostering pro-discussion environments where they can drive conversations and access relevant articles that inform their perspectives.

magicpattern-8h_tctpq4h0-unsplash.jpg
Testing and Iterations
What Did Not Work Out and Had to be Changed? (Usability Testing)
To identify user experience issues and enhance navigation, we conducted usability testing with 10 users, which helped us identify various usability issues with two consistent big problems: content design and visibility of the new feature.
pexels-juanpphotoandvideo-1242348_edited_edited_edited.jpg
Visibility of the new feature
Certain features felt less useful
Content Design
Userflow felt long
Userflow and CTAs were less intuitive
Screenshot 2024-08-18 002605.png
24 years old, Female
ut 1.png
20 years old, Female
Testing and Iterations
We Made Changes to Address the Two Core Issues Identified During Testing
After 8 iterations, the final feature was designed as a split-screen view instead of a progressive disclosure, making it easier and more seamless for readers to explore and match their expectations. We also talked to SMEs to carefully craft neutral content and copy.
magicpattern-8h_tctpq4h0-unsplash.jpg
Group 1000011045.png
Screen Recording 2024-08-07 at 12.18.44 PM 2.png
Desktop - 45.png
Iteration 1
Involved many steps to reach the main feature
Iteration 5
Users could not comprehend what to expect 
Final Version
Seamless integration with neutral content design
Iteration 3
Did not have a seamless connection with the compare button

What Did my Time at Wikipedia Teach me?

  • Balancing user needs with business priorities, learned through constructive disagreements and alignment with my Design Manager.

  • Simplifying complex user flows through iteration, not first-pass perfection.

  • Facilitating international co-design workshops, both in-person and remote.

  • Designing within long-term organizational strategy, aligning work with Wikimedia’s 2026 Movement Strategy.

  • Designing within a legacy product, using design systems for faster execution while iterating to meet established patterns.

  • Not all work ships—and that’s not failure, but often a foundation for future teams and ideas.

pexels-juanpphotoandvideo-1242348_edited.jpg

Explore Other Projects

mockuuups-iphone-13-pro-mockup-held-up-against-an-ethereal-background (1).jpeg

Health Tech · Consumer Product · AI · 0 to 1

mockuuups-macbook-pro-14-mockup-in-female-hands.jpeg

Enterprise SaaS · Central Operations Dashboard · Generative AI

bottom of page