top of page
Cover11 (3).jpg
Brief
Color Logo - VOICES ALOUD.png

VOICES ALOUD is a redesign of the ALOUD media archives, developed for the Library Foundation of Los Angeles (LFLA), a nonprofit organization. The ALOUD program connects authors and great thinkers to a live, public audience to exchange ideas through performances and conversations.

My Role

Product Designer

UX Researcher

Scope

Fall 2024

12-Weeks

Academic

Problem

The ALOUD digital media archives has a trove of past content, but their collection lacks proper organization making it difficult to discover.

Solution

Streamlining access to recordings and content with an automated tagging system and redesigned website sections with enhanced search and discovery.

Impact

Our design solutions outlined processes and tools to enhance accessibility and awareness, confirming the approach taken by an external development agency.

Process.png

1

Research
Stakeholder Meeting
Heuristic Evaluation

Competitive Analysis
User Surveys
Subject Matter Expert

2

Synthesis
Key Insights
User Journey

3

Ideation
Goals
Solutions

4

Final Designs
Prototype
Design System

5

Reflection
Outcome
Conclusion

Research
Discovery.png

RESEARCH

Stakeholder Meeting

To kick off the project, the team met with the Library Foundation ALOUD stakeholders to have a conversation on issues that they're currently facing with their digital archives. Through this conversation, I found several key challenges that their team faced that led our design process.

stakeholder.png

RESEARCH

Heuristic Evaluation

Before starting to design, I first looked at the ALOUD Media Archives page to explore the user experience. After performing an evaluation, I realized how limited the functionality and features for the archives were with many missed opportunities to improve the discovery flow. Their website suffers from usability issues lacking robust search and discovery features to engage with content.

Screenshot 2024-11-25 012354.png

Current ALOUD Archives homepage

RESEARCH

Competitive Analysis

Screenshot 2024-11-25 012816.png

I looked at other existing digital media collections and museums for comparison on how they structured their gallery and their search functionality features. Through this, I was able to prioritize features such as a robust tagging system for contents and homepage topic recommendations to explore as solutions for the archive's challenge with discoverability.

RESEARCH

User Surveys

In order to understand the current ALOUD audience and their awareness of the archives, our team conducted user surveys on guests who attended live events at ALOUD and via members that are subscribed to their email channel.

Screenshot 2024-11-25 173408.png

Results of user surveys conducted on ALOUD attendees at live event

What we gathered from the surveys is that ALOUD attendees primarily engage with content to discover new ideas or hear from specific speakers, so current users are lifelong learners that we can focus on designing for.

RESEARCH

Subject Matter Expert

The Hammer Channel is a grant-funded initiative to improve access to the Hammer museum's programming. I reached out to the creator of Hammer Channel, Philip Leers, to learn more about the design processes and strategy behind creating their digital media archives.

Screenshot 2024-11-25 173214.png
Tools.png
Synthesis

SYNTHESIS

Key Insights

Following our interviews and research, we synthesized the information into three key insights to guide our ideation process in defining our goals for the ALOUD user experience and exploring solutions. 

Screenshot 2024-11-25 020034.png

SYNTHESIS

User Journey

We created a journey map to understand how our target user, current ALOUD attendees who are lifelong learners, engage with the ALOUD archives website.

ALOUD Journey Map_2024-11-25_21-45-47.png

Journey map of ALOUD attendee experience from live event to post-event

We found that there were many missed opportunities in expanding the reach and awareness of the archives for attendees and ways to extend the experience after the site with community engagement features like sharing videos & clips.

Ideation
Concept.png

IDEATION

Goals

Our team defined our main goals for the design to improve the tagging system and discovery flow in order to increase engagement with the content on the digital archives.

Design Goals

1

Create a robust tagging and content organization system.

2

Help users discover old content with better search filter system.

3

Build features to enhance site navigation and engagement.

Solutions.jpg

Exploration screen of four solutions for the archive redesign.

IDEATION

Solutions

In the design phase, I created low-mid fidelity wireframes to explore how to enhance the current search filter system and improve engagement on the website.

Homepage Recommendations

image.png

ALOUD archives homepage trending episodes

Before

Current trending episodes section is limited to a few episodes with no context.

image.png

Redesigned ALOUD archives homepage trending episodes

After

Redesigned trending episodes section provides context and trending topics for relevance.

Search Filter System

image.png

Current search filter system on ALOUD archives

Before

Current search filter system limited by media type for tagged content only.

search.png

Redesigned search filter system on ALOUD archives

After

Reimagined search filter system allows user to search by topic, artist, date, and location with recommended terms.

Episodes Transcript

image.png

Current episodes page with limited playback features

Before

Current episodes page has limited features for engaging with content and no discovery flow to other episodes.

image.png

New episodes page with transcript, tags, and recommendations

After

Redesigned episodes page has transcript feature for searching through recordings and recommended tags and similar episodes to encourage discovery.

Final Designs
Design v2.png
Cover.png

FINAL DESIGNS

Prototype

Tagging System Implementation

For our final deliverable to ALOUD, we presented the methods for categorizing their digital media collection. Our team recommended that ALOUD uses automated tools like Kontent.AI to help streamline cost and manpower for tagging their collections.

image.png

Google Spreadsheet of organized archive content.

Option: Manual Tagging on Spreadsheet

Manually tagging content is low-tech and easier to learn for the team with more accuracy.

image.png

Kontent.AI platform automated tagging demo.

Recommended: Automated Tagging Tool

Using automated AI tools like Kontent.AI offers more efficiency for tagging their content. 

Robust Search Filter System for Discovery

Allowing users to filter their searches helps them quickly find specific notable speakers and topics of interest, enabling them to explore digital media content by media type, genre, and sub-genre.

filter.gif

Encouraging Engagement with Trending Topics

The redesigned homepage provides clear context for the Library Foundation's mission on the splash page and highlights trending topics tied to current news, events, and featured content, encouraging user engagement.

filter.gif
CC - Homepage.png

Improving User Retention with Tags for Episodes

To encourage users to continue browsing other related episodes on the archives, we added recommendations for related talks and relevant tags to keep users engaged on the site.

related-ep.gif

Style Guide

To reflect the diverse perspectives and stories within the audio collection, our team rebranded the ALOUD Archives as Voices ALOUD. I introduced a gradient design featuring purple and green, symbolizing intellect, as the central theme.

Reflection

REFLECTION

Outcomes

Strategic Roadmap

Our work provided the ALOUD team and their external development agency with a clear roadmap, prioritizing key challenges in the discovery flow and tagging system to ensure long-term success.

home-new.gif

REFLECTION

Conclusion

Clear Communication to Deliver Impactful Solutions

Collaborating with the ALOUD team involved open communication and careful compromise on what features to prioritize. This process taught me how to focus on essential features, align diverse goals, and ensure everyone’s input was acknowledged.

Designing within Constraints

The ALOUD team's limited manpower and resources challenged us to explore systems that could be implemented rather than a complete rehaul of their system such as the automated tagging system using AI tools to enhance efficiency.

Value of User Research

Through stakeholder interviews and user surveys, gaining insights into the needs and pain points of both the ALOUD team and their audience was essential. This research emphasized the importance of organizing content effectively and ensuring better search capabilities.

Next Steps: Advancing the ALOUD Platform

If given more time, we would further iterate on the tagging system to incorporate more advanced AI-driven categorization for greater accuracy. Additionally, we would enhance the search functionality and explore user-driven personalization features to create a more intuitive and engaging user experience.

bottom of page