Übertemplate

Elements of the Übertemplate:

Design Element

Principle(s)

Negotiable? Y/N*

Bespokable? Y/N**

Design Element

Principle(s)

Negotiable? Y/N*

Bespokable? Y/N**

 

GENERAL

 

Grid Format

Accessible and visually appealing navigation, CONSISTENCY

Accessible access for screenreaders, better navigation on different devices (smartphone, tablets)

N

Fixed - accessibility & consistency reasons

Hero Image specific dimensions

Consistency and overall look (default image indicates neglect, common LSE image shows lack of imagination and care for visual appeal)

N

Individual (but must adhere to set dimensions)

Course Summary limited text

Consistency and overall look, limits/ expands Hero image = navigational success on phones, tablets, PCs

N

Departmental (but with limit advised by Eden)

Colour Scheme (in course admin > grid format)

Consistency and departmental ‘accent wall’

N

Departmental (cannot change once fixed, unless whole dept changes)

We have created colour swatches

Consistent content in top section

Consistency and usability: avoid scrolling. Departments/ individuals can choose to add more IF they move “section into grid”, but we advise against it. Consistency is key element of overhaul

Scrolling avoidance = universal design principle

Y

Depts may want to highlight imp messages at certain times, though Eden advises against.

 

Section 1 image TO BE SAME FOR ALL COURSES IN ONE DEPARTMENT (as default)

This belongs to general departmental colour/ design scheme: equivalent to accent wall in physical buildings.

SG and SC to make icons or CHOOSE images for these tw sections to be called Resources and activities.

N

(at least first section must exist in all, for consistency)

Departmental decision on name and which picture

 

Section 2 to be assessment: prominent and consistent, but not so dominant as to push it to overstate assessment in HE learning.

Consistency and navigation

Advice on setting up assessment including good practice instruction writing and using Moodle settings for universal access;

Ease of administration burden

Y

Will discuss this in briefing sessions

User Guide (a book, with clear but concise instructions in chapters)

hidden, but available to editors; includes links to our moodle guides, the baseline, this wiki area etc etc; importantly ALSO notes down the colour codes for each department.

N

Fixed BUT departmentally bespoke (work by us)

 

SIDE BLOCKS

 

Sidebar blocks

Definitely push “Quick Links”/ Dept’l info

They should remain the same for each course in each department

Y

Departmental: departments have different needs, but the overall message is DO NOT USE TOO MANY

  1. Course admin at top

for editors - makes it easier

N

Fixed (usability for editorsa)

2. Panorama

Emphasis on Accessibility

N

Fixed

An html block with these links (quick access for students)

Rationale: consistency and navigation; quick access for students = usability

HTML block OR top section - which may be more useful for mobile app users

N

Departmental

* Fixed = non-negotiable, must stay in / in same position and condition for all courses
* Departmental = can differ from department to department, but must then be same in all departmental courses
* Individual = element must be retained, but position and condition can vary.

Next: answering initial questions we expect you will have on our “Moodle Improvement FAQ” page

This guide is provided by Eden.Digital, LSE Eden Centre and licensed under a Creative Commons Attribution-ShareAlike 4.0 International License CC BY-SA 4.0