ADDING A VOCABULARY FEATURE TO DUOLINGO.

UI PRODUCT REQUIREMENTS.

USER TASK

Wants to access information about a word from Home or Stories.

PAGES TO DESIGN

Vocabulary – My Words

Vocabulary – All Words

Word Details Page

PAGES TO ADD THE VOCABULARY FEATURE TO

Home

Stories

HIGH LEVEL REQUIREMENTS

·         A My Words tab on the Vocabulary page that will store every new word the user learns in chronological order (by lesson topic), which will allow the user to browse through her vocabulary progress and find the translations and pronunciations of the words she has learned

·         An All Words tab on the Vocabulary page that will contain all the vocabulary of a particular language course for the user’s reference

·         A Word Details Page that will show more detailed information about any word from My Words and All Words

·         A Vocabulary icon that can be added to Home and Stories screens for the user to be able to reach her vocabulary storage easily

DETAILED REQUIREMENTS

Vocabulary – My Words

·         A list of words reflecting the user’s current vocabulary progress for a particular language course: each time the user learns a new word it is automatically added to this page (all the words on this page are stored in chronological order by default)

·         Each word on this page comes with a translation and an audio icon allowing the user to listen to the correct way to pronounce this word

·         All words here should be clickable and linked to their respective Word Details Page

·         A Search Bar allowing the user to seek words within My Words page (ideally, both source and target languages should be acceptable for searching for words here)

·         A Sort By filter allowing the user to reorganize the order of the words on the page in alphabetical order, by topic (chronologically) or by part of speech (all the words on this page are organized in chronological order by default)

·         A Close button, after tapping on which it takes you to the previous screen – Home or Stories (depending on where you accessed the Vocabulary page from)

All Words

·         A list of all the words of a language course

·         Each word on this page comes with a translation and an audio icon allowing the user to listen to the correct way to pronounce this word

·         All words here should be clickable and linked to their respective Word Details Page

·         A Search Bar allowing the user to seek words within All Words page (ideally, both source and target languages should be acceptable for searching for words here)

·         A Sort By filter allowing the user to reorganize the order of the words on the page in alphabetical order, by topic (chronologically) or by part of speech (all the words on this page are organized in alphabetical order by default)

·         A Close button, after tapping on which it takes you to the previous screen – Home or Stories (depending on where you accessed the Vocabulary page from)

Word Details Page

·         More detailed information about any word from My Words or All Words (including such details as translations, synonyms, conjugation or declension of the word and contextual use examples)

·         An audio button allowing the user to listen to how the word should be pronounced

·         A Close button after tapping on which it takes you to the previous screen – Vocabulary – My Words or Vocabulary – All Words (depending on what page you accessed the Word Details page from)

Home / Stories

·         A Vocabulary icon to add to the Top Navigation that would be in style with the other navigation elements of the screen

·         A dropdown menu, which should expand if you tap on the vocabulary icon; it should offer the user two options to choose from – My Words and All Words

·         The dropdown menu should also contain the word count of the user’s current vocabulary progress