I was working [Worbie] with two teammates: Norihito Yuki and Joori Lee for a business related class called [Entrepreneurship]. We came up with this idea for helping people who are not native English speakers to learn English through online video watching. This is an on-going project that hasn't been finished, and what I put here is a progress report on what we have over 5 months of researching, designing, and developing.
Pain Points
Learning a variation of the definitions of the words by consulting dictionaries.
Traditional dictionaries don't have entertaining aspects.
Some people say watching TVs/Movies/Dramas would be the best way but it takes so much time to watch the whole video in order to learn words.
Initial Users
Contributors of the Contents
ESL teachers in general(Users who have the motivations to use this website)
Movie fans (Native English speakers who can add contents of high quality)
Users who learn/enjoy the videos
English learners
EXPLORATION ABOUT THE CONTENT ON THE WEBSITE
basic functions about what to include on the website
details about what functions to include inside 'about me'
Statement
We are developing a dictionary of English usage that allows users to learn variation of definitions of the words by watching video clips that are collaboratively edited by users.
Concept
Improving vocabulary in the context of the video source - learning along with entertaining
learn various definitions of the words
collaboratively edited
What can people do on worbie
enjoy the entertaining content
interact with each others to learn
edit ‘notebooks’ for themselves and sell them for other users
learn various grammar usage through videos clip in different situation
improve their listening and speaking skill
learn slangs
INITIAL ANALYSIS
initial user flow of the website
an initial site map for the website
details about what functions to include inside 'video'
USER PROFILES
VISUAL CONCEPT
Education: Clean, Reliable
Cinema: Active, fun
VISUAL ELEMENTS
Light lines(clean) + simple geometric shapes
white or light grey for background
INITIAL INTERFACE WIREFRAME DESIGN
1st interface layout design sketch