02 New Vital

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