top of page

Overview.

Listening comprehension presents a challenge to the language learner. They have no control over the time, choice of words, or manner of speaking of the other person. This makes listening a fundamentally harder skill to acquire than reading, writing or speaking. 

 

Jiveworld puts native fluency in the reach of anyone with a smartphone or computer and motivation to succeed. It works because it starts with native spoken audio — not manufactured, idealized language — and sets it inside an assisted listening experience that helps the learner understand it in real time, while still relying primarily on their ears.

Jiveworld

Jiveworld is a mobile app that helps language learners immerse themselves in real-world content. Featuring Spanish-language stories from sources like Radio Ambulante, the app provides an authentic, narrative-driven way to improve language skills and cultural understanding, blending language learning with engaging storytelling.

Education

B2C

Mobile app design

Prototypes

Interaction design

Visual design

hero-jiveworld.png
Jiveworld mockup
Jiveworld mockup

Beginning of Chapter

listening - beginning of chap.png

End of Chapter

listening - end of chap 2.png

End of Chapter

listening - end of chap.png

...

listening - replay 1.png

rewind 2

listening - rewind 2.png

replay

listening - replay 2.png

Vocabulary 3

listening - vocab 3 - removed.png

Vocabulary 2

listening - vocab 2 - added.png

Vocabulary 1

listening - vocab 1 - add.png

Designing for Various States.

Over 100 screens were designed for the app, with prototypes created to cover the various states or conditions of episodes. These designs were comprehensive, ensuring that all user interactions and scenarios were accounted for.

Coupled with detailed style guides, these assets were part of a seamless handoff to engineers, facilitating smooth and efficient implementation.

1320-jiveworld-app2.png

The listening experience helps the learner by slowing the audio down and by adding in extra information (speaker name and origin, vocabulary, or notes). However, adding this extra content risks distracting the learner from listening. The core principle of the player is the learner is at all times completely focused on only one thing — another way to think of this is serializing attention. We use pauses and visual cues to direct the user's attention.

1320-jiveworld-app1.png

The main menu allows easy access to episodes in four different states: unplayed, in progress, vocabulary review, and completed. Because each state has different requirements around information architecture, we can provide a better user experience by organizing by episode state.

1320-jiveworld-app0.png

The home screen (left) is the dashboard, where users are encouraged to finish episodes that they've started, study vocabulary they've recently listened to, and view basic stats to track their achievement. Each episode has a summary screen (center). Episodes are broken into chapters (right), with brief notes on the vocabulary and colloquialisms that will be introduced.

Enhancing a Premium Brand.

This product is a partnership with Radio Ambulante, a media organization distributed by NPR, who produces human interest stories from around Latin America and Spanish speaking communities worldwide. Radio Ambulante stories are told by the protagonists themselves in their natural tongue, interspersed with narrative from a journalist.

Radio Ambulante produces high quality audio content, so the app needed to match the partner's brand — with great visual appeal, readability, and format.

Prototypes.

My main responsibility at Jiveworld was to create prototypes for an engaging and accessible listening experience, using Radio Ambulante content. This involved designing interactive elements and refining the user journey to support a seamless, enjoyable experience tailored to users interested in high-quality Spanish-language storytelling.

bottom of page