The document summarizes the design and development of an online micro-module on sustainability for City University. It outlines the project brief to develop content on sustainability provided by the Centre for Food Policy. It then describes the research conducted, including on existing interactive applications, understanding sustainability, competitor analysis, and student workshops. Different concept designs and prototypes were created and evaluated, including a 3-part journey prototype and a historical narrative prototype. The prototypes underwent formative and summative evaluations to test student understanding of sustainability and ease of use of the module.

1. Designing and Developing an Online
Micro-Module on Sustainability for City
University
Amir Dotan, Tanya Ahmed and Neil Maiden
Centre for HCI Design

2. Centre for HCI Design
Project brief
• Develop an online micro-module on sustainable
development for all University students with
content provided by The Centre for Food Policy
• Learning outcomes included:
• Help improve student and staff understanding of the core elements of
sustainability, its broad principles and key frameworks
• Outline simple steps with which the individual can engage with the
complex task of improving sustainability
• Realise the challenges and opportunities of building sustainability at
City University London

3. Centre for HCI Design
Research – Existing interactive applications related to sustainability

4. Centre for HCI Design
Research – Understanding sustainability

5. Centre for HCI Design
Research - Competitor analysis

6. Centre for HCI Design
Research – Student workshop
Title
Text

7. Centre for HCI Design
Research – Student workshop

8. Centre for HCI Design
Student personas

9. Centre for HCI Design
Exploring the topic and the personas’ student
experience in relation to it

10. Centre for HCI Design
Concept design

11. Prototype 1 – The 3 part journey

12. Prototype 1 – Formative evaluation using Silverback

13. Prototype 2 – Concept and prototyping (Historical narrative)

14. Prototype 2 – Final design (Using XHTML and CSS)

15. Prototype 2 – Formative evaluation

16. Prototype 2 – Summative evaluation
Table 1: On completing the online module I feel I understand
what sustainability means (n=125)
100 90
80
60
%
40
20 7
3
0
I agree/agree strongly Not sure I disagree/disagree strongly

17. Prototype 2 – Summative evaluation
Table 2: On completing the online module I feel I understand
how the environment, economy and society are linked (n=125)
92
100
80
60
%
40
20 6
2
0
I agree/agree strongly Not sure I disagree/disagree strongly

18. Prototype 2 – Summative evaluation
Table 4: On completing the online module I feel I understand
how sustainability is related to my degree (n=124)
100
80
54
60
% 39
40
20 7
0
I agree/agree strongly Not sure I disagree/disagree strongly

19. Prototype 2 – Summative evaluation
Table 8: The module was easy to use (n=110)
100 90
80
60
%
40
20 5 5
0
I agree/agree strongly Not sure I disagree/disagree strongly

20. Everything is connected