letuce-marquee-noshadow

Letucé

A mobile web app for YouTube

PROMPT

Develop a cross-platform mobile application using any web-based technologies that suit your needs.

DURATION

4 weeks

COLLABORATORS

PRODUCT

PROCESS

At the modern college dorm party, the DJ is a laptop with the browser pointed to YouTube. Students and young adults use YouTube so a variety of music can be played at no cost. But people are going further than simply using YouTube’s playlist feature. If the people at the party are pros, they have 2 tabs open in the web browser so they can queue the next video through the opening ad before the current video is finished playing.  With Letucé, we aim to make the experience of “YouTube DJing” a party much easier and more pleasurable.

Competitive Analysis

We examined existing products in the online music playlist and “multiple youtube video instance syncing” spaces to understand where Letucé could fit. We looked at Jukio, Spotify, Pandora, youtubedoubler.com, and sync-video.com.

Prototyping

We used proto.io as a prototyping tool to build a mockup of our application to test our interactions and the general workflows of our app.  We really wanted to be sure that our navigation metaphors were intuitive. Our prototyping process revealed that we would need to make heavy use of animated transitions to make it apparent where our interface elements “lived” within the app.

Development and Testing

Our application is built entirely in HTML, CSS, and JavaScript.  The back-end server runs in a NodeJS environment and interfaces with a MongoDB database.

We completed a round of user testing with college students. We uncovered that our top navigation bar’s functionality was ambiguous and confusing to some users.  Our user test also made it clear that we needed better affordance and feedback when users press certain buttons on the app, confirming our original notions that our interface should make use of animations to make transitions more clear and natural.

Development on this project is ongoing.