Skip to content
Amara Accessibility Media

Amara Accessibility Media

Building access to global information through subtitles, captions, and localization

  • Mission
    • Inclusion and Belonging
    • Culture and Appreciation
    • Morning Talks in the Mirror
  • Tech
    • Solutions and Tools
    • Product Features
  • Captions & Subtitles
    • Accessibility and Captioning
    • Translation and Localization
  • Amara Products
    • Amara Subtitle Editor
    • Amara Plus
    • Amara Community
    • Amara Enterprise
    • Amara On Demand
  • Amplifying Voices
  • Communication Guide
    • Inclusive Language
    • Accessibility
    • Global Accessibility
    • How we communicate with our Amara humans
    • Writing Style and Tips
    • Grammar and Spelling
  • Toggle search form

Mozilla Labs Design Challenge results are in!

Posted on May 11, 2010 By amarasubs No Comments on Mozilla Labs Design Challenge results are in!

This year we were fortunate to be able to participate in the Mozilla Labs Design Challenge, a “series of events to encourage innovation and exerimentation in user interface design for the Web”.

The Collaborative Subtitling Design Challenge was an opportunity to get our early prototypes in front of designers and usability experts who could propose alternate paths, focusing on the question “How can users quickly create a timed transcript of any video on the web?” and responding to data from a round of usability testing based on an earlier prototype of our subtitling tool.

We had several great submissions. Here they are, along with thoughts on how to incorporate their ideas into the project. Thanks to everyone who sent in submissions, and thanks to the folks at Mozilla Labs for making this happen!

The Design Challenge Submissions

1) Collaborative Subtitling Design Challenge Submission from Joanna Pierozek


This submission lists the positives and negatives of the prototype, and makes changes to address some of the negatives. Many of these are addressed in our current iteration of the widget (no more disappearing controls, a back button, better instructions, and the addition of clickable buttons). A few key points we haven’t addressed yet, and will:

  1. ENTER to split lines (or backspace to join)
  2. Instructions to users to transcribe sounds (and in-picture text)
  3. There’s still no “undo”.

We’re following up with Joanna to get her input on changes we’ve already made and planned changes.

2) “Thanks for Text” from Xanthe Matychak and Jeremiah Parry-Hill @RIT

[youtube=http://www.youtube.com/watch?v=DtQgasimvJg&w=640&h=385]
Here the submission zeroes in on a simple but crucial question: how do you make people feel so good about submitting subtitles that they’re itching to do it again? The video (above) presents a really compelling answer, something we’ll definitely consider and also something that makes me very optimistic about the broad success of our project– watching this video I can really picture large communities of people mutually motivating each other to caption the web.

This idea doesn’t exist in yet in the code, but we are definitely thinking along these lines and look forward to involving these folks from RIT in our process.

3) Submission from Alecsandru Grigoriu

[youtube=http://www.youtube.com/watch?v=7DJFQcINRs0&w=640&h=385]
Alecsandru reimagined the subtitling interface including Google Wave and chat with other collaborators among the features.

Some of these ideas are things we’d think of as 2.0 features, but the ability to chat with collaborators in particular is an excellent idea.

One thing we particularly liked in his mockups was this initial menu bar (pictured above). We probably wouldn’t give quite as much emphasis to upload, but presenting the user with some very clear choices here is great.

4) “SubberSault” submission from Faber-Ludens

[youtube=http://www.youtube.com/watch?v=vQC4fBrvqmw&w=640&h=385]
This submission from Faber Ludens in Brazil designed a complete interface on a significantly different path. It looks good and it’s very intuitive, though I think the advantage of our division of transcribe / sync steps is that with a little practice, a user can type at full speed, and finish the transcribing work in about the same amount of time it would take to just type the text. Typing is by far the most time consuming part of the whole effort, so optimizing for typing efficiency (by separating this work from the work of syncing a video) seems important to us.

The main thing I get out of this mockup that I’d like to draw from is the big clear “Ok, next sub” button. I can see users preferring large buttons to key controls, especially in the syncing step.

To sum up…

These were all excellent submissions and we’re really happy with the results. Thanks again to everyone who sent stuff in, and thanks to Pascal and Pejman and everyone at Mozilla for working with us to make this happen.

Read these articles next

Amara Announcements

Post navigation

Previous Post: Hi, Caro
Next Post: Do you know of an organization that needs subtitles?

More articles to learn from

Highlighted map of northeast Africa with Text and the amara logo that says "New to Amara: Tigrinya" New to Amara: Tigrinya! Amara Announcements
Highlighted countries in northern Africa with the amara wordmark and logo and text that says "New to Amara: Tamazight." New to Amara: Tamazight! Amara Announcements
Image shows Svetlana Kouznetsova presenting at a conference about accessibility. Leading the Way in Accessibility: Recognizing Svetlana Kouznetsova Amara Announcements
Get Involved in Amplifying Voices! Amara Announcements
How to Vote in Mississippi, Missouri, & South Carolina for 2020 [translated] Amara Announcements
Banner reading "How to Vote in Mississippi" with outline of the state of Mississippi to the left, and the "O" in "Vote" replaced by a red, white, and blue campaign style button reading "2020" Amplifying Voices – How to Vote in Mississippi Amara Announcements

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Give us a follow

  • Facebook
  • Instagram
  • LinkedIn
  • Twitter
  • YouTube

Contact us at enterprise@amara.org

Powered by PressBook Grid Blogs theme