Framework

More like this

System Analysis

by peter hill

Learning Hacker

by Jim Blodget

Understanding the Aspect of Mentorship

by Shamina Gilmore

Culture & Identity

by Ruth Payne

Feature specifications

Sound usage

The interface will feature sounds such as bubble popping for pressing certain buttons, and other digitally sunthetized sounds that sound pleasant. They must be satisfying and sound playful.

Color usage

The colors will be used in a hierarchic way. The more intense colors will be used in more important segments, whereas the colder colors will be used for less important segments. This provides intuitivity to the design.

Color gamut

The color gamut will use a variety of colors, but the prevailing ones will be green, red, yellow and orange and blue. It is a varied gamut so that the user can see more color, giving the app a more playful air.

Animation style

Animations will be bouncy, cartoon animations. This makes the interface look friendlier, and gives it a playful accent, fulfilling this design specification.

Font

The font will be Bahnschrift. It is a modern font that does not interfere with the aesthetic purposes of the other visual elements.

App Startup (HEARME)

Homepage

Information

News and starter (on homepage content)

General news involving the app around the web

News (organized in tiles containing a picture and a summary)

Link to news site

News site (the site where the news comes from. Could be local or external.

Learner leaderboard

Link to full leader board containing statistics for all the learners showcased. It will consist in the top 10 best learners based on correct answers and score.

Community recogntions

Article link (You can click on the article link to read more. You can see a tile containing a summary in the homepage.

Article site (place where the article was written, this will be a hyperlink)

Navigation Bar

Forum

Forum articles (homepage containing most up voted articles)

Direct forum links (can click from the homepage)

Forum search bar

Suggestions (suggests existing articles organized by popularity)

Forum article

Forum title

Response section (any user can comment

Response button (to respond to article)

Downvote (negatively rate comment)

Upvote (positively rate comment

Forum article (written by user)

Mr. Handy

Mr. Handy is a search bar that you can enter any words in and will automatically search a database to answer what you've asked. It is like google: You enter anything and it shows results, and you can click those results to get your answer.

Search (input on bar)

Click on result displayed to go to this result's site

Result site

Suggestions

Click suggestion link to go to suggestion site

Suggestion site

Full article (on site)

Flashcards

You will be taken to a homepage containing different flashcard practices with different topics, again categorized using tiles.

Examples. Each category will contain a quiz that uses flashcard answers. The person will be shown flashcards of words and translations, and there will always be yes or no answers. These quizzes are meant to be extra practice.

Quiz: Slang Terms

Quiz: Technology

Quiz: Household Items

Quiz (Yes or no answers)

Results

Option to try again (new questions)

Reccomended courses for improvement

Percent correct

Courses

Multiple courses of different topics to learn about will appear in a new page using tiles as a format of organization, like in the picture.

Examples. Each category will contain its own preparation and quizzes for each of the topics that appear in courses along statistics for each individual course for each user.

Slang Terms

Technology

Household Items

Learning (Course using questions and images and text for learning.

Quiz (Questions using Y/N, complete answers, selection, matching, etc.)

Review

Course Statistics

Percent Complete

Performance Rating