IntroductionIntroduction

Visual Appeal

Consistency

Usability

Engagement

Accessibility

ColourColour

lighter fresher friendlier feel to increase its visual appeal

Appeal to the target audience

Help to shape the users attitudes

More effective communication

Engagement

TextText

Elderly users and visual impairments

Black or dark colours for text, and white or soft tones for background.

Use no more than three colours as it can make the course look busy.

Could be viewing on smaller screens

LayoutLayout

The placement of the elements on each page could flow more naturally from one to the next

Graphics should be oriented in a way that directs the reader's attention inward and onward, never away from the content.

Create a more consistent feel and would create more flexibility to use the content area

Content Content

Needs to stand out more and given much more emphasis.

The Use of Space and Colour

Make the content separate from the navigation

Make Instructions Separate from the text

Break up the text using more bullet points

Using Visuals

Visual ContentVisual Content

Visual content drives more engagement than just text.

Can enhance a course’s quality because it helps to humanize the concepts being covered.

Learners view the content as a relatable, personal experience.

Visual ImageryVisual Imagery

Representational - to reflect and reinforce the text

Organisational – using diagrams to create overview of the content

Decorative – used sparingly to add aesthetic appeal

Professional and Stylish

InteractionsInteractions

The same interaction is being presented in different ways.

Keeping the format of this interaction the same throughout would enable you to use more variety in interactions.

Consistency helps learners move from one task to the next, knowing there are

certain aspects of the design that won't change.

\

\\\\

InteractionsInteractions

Accordian Styles

Interactive tables

Video

Audio

Learning ActivitiesLearning Activities

More intuitive

Make easier to use

Clearer Feedback

Conclude or recap

Knowledge Check

Task based activities / simulations

Navigation Navigation

Visual Hierarchy

Rollovers

Interactive Icons

Pop Ups

Keep elements consistent throughout using a clear and consistent design will help keep students focused

Example ScreenExample Screen