LMS design principles

37
Learning management system Design principles www.mylearningspace.com.au Presented by Chad Outten

description

When your organisation decides on a particular learning management system (LMS) software, you will need to consider look and feel, including effective course design and how users will interact with the LMS. In this session, you will learn about: +Appearance - theming to represent your organisation's brand; +Navigation - via breadcrumbs, menus and blocks; +Accessibility - for desktop, mobile and tablet devices; +Personalisation - user profile, dashboard and individual customisation; +Structure - course settings, format and layout.

Transcript of LMS design principles

Page 1: LMS design principles

Learning management system

Design principles

www.mylearningspace.com.au

Presented by Chad Outten

Page 2: LMS design principles

Overview

Appearance

Navigation

Accessibility

Personalisation

Structure

Page 3: LMS design principles

Appearance

Theme

Colour

Font

Iconset

Page 4: LMS design principles
Page 5: LMS design principles
Page 6: LMS design principles
Page 7: LMS design principles
Page 8: LMS design principles
Page 9: LMS design principles

Font

Times New Roman

Georgia

Courier

Helvetica

Arial

Verdana

Sans-serif Serif

Page 10: LMS design principles

Iconset

Page 11: LMS design principles

Navigation

Breadcrumbs

Menus

Blocks

Page 12: LMS design principles
Page 13: LMS design principles
Page 14: LMS design principles
Page 15: LMS design principles

Trends

Australia 2011 (2010):

47% mobile wireless1 (+15%)

11 million mobile phone internet subscribers1 (+14%)

73% broadband for households2 (+20%)

18% tablet use3 (+80%)

4.2h per week mobile internet3 (+20%)

Page 16: LMS design principles

LMS

Page 17: LMS design principles

Accessibility

Desktop

Mobile

Tablet

Page 18: LMS design principles
Page 19: LMS design principles
Page 20: LMS design principles
Page 21: LMS design principles
Page 22: LMS design principles
Page 23: LMS design principles
Page 24: LMS design principles
Page 25: LMS design principles

Personalisation

User profile

Dashboard

Individual customisation

Page 26: LMS design principles
Page 27: LMS design principles
Page 28: LMS design principles

Structure

Course settings

Format

Layout

Page 29: LMS design principles
Page 30: LMS design principles
Page 31: LMS design principles
Page 32: LMS design principles
Page 33: LMS design principles

Reading web content

-eyetracking study

-scan in few seconds

-general F-shaped pattern

-80% time above page fold

Page 34: LMS design principles

Questions...

ا%سءلهВъпроси

問題

Pitanja

Otázky

Spørgsmål

VragenKysymykset

Fragen

Ερωτήσεις

!"न

Domande

質問

질문

Spørsmål

Pytania

PerguntasÎntrebări

Вопросы

Cuestiones

Frågor

Page 35: LMS design principles

Food for thought

“Simplicity is the ultimate sophistication”.

-Leonardo da Vinci

Page 36: LMS design principles

References

http://en.wikipedia.org/wiki/Color_blindness

http://en.wikipedia.org/wiki/Serif

Nielsen, J (2007) Breadcrum Navigation Increasingly Usefulhttp://www.useit.com/alertbox/breadcrumbs.html

1. Australian Bureau of Statistics, 8153.0 - Internet Activity, Australia, Dec 2011http://www.abs.gov.au/ausstats/[email protected]/mf/8153.0/

2. Australian Bureau of Statistics, 8146.0 - Household Use of Information Technology, Australia, 2010-11http://www.abs.gov.au/ausstats/[email protected]/mf/8146.0

3. Nielsen Online, 2012, New online activities services and devices bringing Australian more choices and new ways of doing old thingshttp://www.nielsen.com/au/en/news-insights/press-room/2012/new-online-activities-services-and-devices-bringing-australians-.html

http://en.wikipedia.org/wiki/Computer_icon

Nielsen, J (2006) F-Shaped Pattern For Reading Web Contenthttp://www.useit.com/alertbox/reading_pattern.html

Nielsen, J (2010) Scrolling and Attentionhttp://www.useit.com/alertbox/scrolling-attention.html

http://en.wikiquote.org

http://docs.moodle.org

http://youtube.com/mylearningspace

Images sourced under Creative Commons license http://commons.wikimedia.org/wiki/GNOME_Desktop_icons_2.20