02
- new vital
Redesigning a learning system (based on VITAL) which contains the function of course selection and learning management.
- new vital
Redesigning a learning system (based on VITAL) which contains the function of course selection and learning management.
STORYBOARD
- storyboard
2 The home page is in a mess
3 Users feel confused and anxious
4 Shows NO items when clicked
5 Users suffered an Emotional Breakdown...
6 'Who can help me?'
02
1 Entering the URL of VITAL
vital analysis 03
VITAL VITAL is the UoL’s Virtual Learning Environment (VLE) through which all learning and teaching activities and resources can be offered.
Course Page The thermodynamic analysis chart on the right shows which parts on the Course page of VITAL are more often used by students in UoL.It also indicates that the VITAL users usually focus on the contents in the middle rather than the entire page.
04
The thermodynamic analysis chart shows that which functions on the Home page of VITAL are really available to users. And it distinguishes the frequency of use of each functions by colours.
- vital analysis
Home Page
05
old work flow OLD WORK FLOW
NEW WORK FLOW
- new work flow 06
SKILL TREE ANALYSIS
07
game skill tree -
1
2
2
3
- game skill tree 08
Conclusions 1 Age of Empires II— Four Ages Some skills can only be unlocked when entering a certain age. Once unlocked, the skill can upgrade to a higher one.
2 League of Legends—Three Categories
Skills in different categories are not related. All skills contributes to the growth of the character.
3 Watch Dogs—Different Categories Skills are listed in different hierarchy in each category Some skills can only be unlocked after certain ones.
09
new vital design -
LOG IN The original Log In page has a lot of unnecessary text, which is chaotic and confusing. The new one shown below is much more concise and self-explanatory.
Course Tree 1 Period of University— Four Some courses can only be learned in a certain academic year. Also, only when courses are passed can the year be upgraded to a higher level.
Course Selection 3 Selection System—Different Categories
Related optional courses are divided into several categories. In each category, skills are also listed in different hierarchy.
10
2 Classification of Subjects— Three Categories Courses in different categories usually have nothing to do with one another, but every one of them contributes to the growth of the students.
- new vital design
Years
Night
CURRICULUM OF NEW VITAL
11
new vital design -
The background photo of new VITAL's curriculum indicates that whether the real time was daytime or night.
Sunny
CURRICULUM OF NEW VITAL - new vital design
When opening the curriculum of new VITAL, the background also indicates the real time weather forecast.
12
Rainy
CURRICULUM OF NEW VITAL At the same time, users can see the course detail as well as the information about related staff on the same page.
Vital
COURSE PAGE OF ORIGINAL VITAL
13
new vital design -
The course page in the original VITAL only has 2 useful functions (Learning Resourses and Assessment) while other functions like Announcement are useless or repeated.
Cour
COURSE PA
The course pag functions of Intro Resources, and
rse
AGE OF NEW VITAL
ge of new VITAL has 4 oduction, Staff, Learning d Assessment.
Course
COURSE PAGE OF NEW VITAL Furthermore, users can browsed the same information through the new vital mobile applications.
- new vital design 14