DSIGN242-18B (HAM)

Design 4: Interactive Environments

15 Points

Edit Header Content
Division of Health Engineering Computing & Science
School of Computing and Mathematical Sciences
Department of Computer Science


Edit Staff Content




: rachael.foote@waikato.ac.nz

Placement/WIL Coordinator(s)


Student Representative(s)

Lab Technician(s)


You can contact staff by:

  • Calling +64 7 838 4466 select option 1, then enter the extension.
  • Extensions starting with 4, 5, 9 or 3 can also be direct dialled:
    • For extensions starting with 4: dial +64 7 838 extension.
    • For extensions starting with 5: dial +64 7 858 extension.
    • For extensions starting with 9: dial +64 7 837 extension.
    • For extensions starting with 3: dial +64 7 2620 + the last 3 digits of the extension e.g. 3123 = +64 7 262 0123.
Edit Staff Content

Paper Description

Edit Paper Description Content
This paper presents the students with the challenge of designing interactive media environments of different types. The students are challenged to experiment beyond their previously acquired knowledge, designing for interactive computer screens and mobile devices.
Edit Paper Description Content

Paper Structure

Edit Paper Structure Content

This paper is structured into three parts. The first part encourages reflection on existing work, examining the various components involved and their effect on the overall work; the second part involves building an interface design prototype. In part three students are guided through production of animations from concept to finished work. Overall the paper builds and extends design skills, with a particular focus in digital media output.

Edit Paper Structure Content

Learning Outcomes

Edit Learning Outcomes Content

Students who successfully complete the paper should be able to:

  • Demonstrate the ability to generate visual ideas

    Working with text and image, students will demonstrate the ability to create a range of visual expressions of provided concepts as part of an ideation process.

    Linked to the following assessments:
  • Demonstrate skills in creating interface designs for interactive media
    Students will by completion of the assigned tasks, demonstrate successful operation of a range of software to create interface designs and basic prototypes through application of design principles and with awareness of industry practice.
    Linked to the following assessments:
  • Demonstrate the creation of motion graphics using appropriate software
    Working in two and three dimensions, students will demonstrate the creation of animated graphics using a variety of software, in order to communicate specific messages.
    Linked to the following assessments:
Edit Learning Outcomes Content
Edit Learning Outcomes Content


Edit Assessments Content
Performance within the paper is determined through assessment of works produced in each component. Each component will include regular milestones for achievement documented in the provided briefing materials, lectures, studios, and also in the accompanying Moodle page for the paper. It is important to participate in all lectures and studios in the paper in order to achieve a pass.
Edit Additional Assessment Information Content

Assessment Components

Edit Assessments Content

The internal assessment/exam ratio (as stated in the University Calendar) is 100:0. There is no final exam. The final exam makes up 0% of the overall mark.

The internal assessment/exam ratio (as stated in the University Calendar) is 100:0 or 0:0, whichever is more favourable for the student. The final exam makes up either 0% or 0% of the overall mark.

Component DescriptionDue Date TimePercentage of overall markSubmission MethodCompulsory
1. Reflection on an existing work
27 Jul 2018
12:00 PM
  • In Class: In Lab
2. Interactive Media
7 Sep 2018
12:00 PM
  • Presentation: In Class
3. Motion Graphic
12 Oct 2018
12:00 PM
  • Presentation: In Class
Assessment Total:     100    
Failing to complete a compulsory assessment component of a paper will result in an IC grade
Edit Assessments Content

Required and Recommended Readings

Edit Required Readings Content

Required Readings

Edit Required Readings Content

Google Material Design

Edit Required Readings Content

Recommended Readings

Edit Recommended Readings Content

Dubberly, H. (1995). Managing Complex Design projects. Retrieved from http://www.dubberly.com/articles/managing-complex-design-projects.html
Article describing how to approach various design projects.

Lupton, E., & Phillips, J. (2015). Graphic design : The new basics (Second edition, revised and expanded.. ed.).
[University library has access to an online version]
Book providing a broad range of examples for creating form, understanding design elements, and design principles.

Raskin, J. (2000). The humane interface: New directions for designing interactive systems. Reading, Mass: Addison Wesley.
The above book describes a range of considerations to make when designing digital interfaces for humans.

Meggs, P. B. (1992). Type & image: The language of graphic design. New York: John Wiley & Sons.
Book providing guidance on the design process.

Design Journals

The above journal, Design Studies, primarily considers design processes from a variety of disciplines, and is a good resource for understanding design.

Design Issues is “the first American academic journal to examine design history, theory, and criticism”

The International Journal of Design is a well regarded source of contemporary writing on design which “aims to provide an international forum for the exchange of ideas and findings from researchers across different cultures and encourages research on the impact of cultural factors on design theory and practice.”

Other sources

Tutorials and community forum for using the Adobe After Effects software.

Guidelines from Apple regarding how to design the graphical user interface.

Guidelines from Google regarding the design of mobile and related interfaces using their “material design” standard.

Edit Recommended Readings Content

Online Support

Edit Online Support Content
All assignments and information will be available on moodle, and students are encouraged to ask questions using the discussion forum on that site.
Edit Online Support Content


Edit Workload Content
Students should expect to spend about 12 hours per week on this paper to achieve a passing grade, in the following proportions:
Lectures 1 hour
Studios 6 hours
Private Study 5 hours
Edit Workload Content

Linkages to Other Papers

Edit Linkages Content

This paper builds on your learning from previous core papers in the BDES degree. Skills and experience gained within this paper are expected to be applied in later BDES papers.

Edit Linkages Content


Prerequisite papers: At least one of CGRD241, DSIGN241, MEDIA203, or SMST217.




Restricted papers: CGRD242

Edit Linkages Content