Unit rationale, description and aim

The central role websites perform in all aspects of twentieth-century life means that web design and development are digital technologies (computing) skills that are highly valued in a wide variety of professional contexts.

This unit provides foundation in user interface(UI)/ user experience(UX) through examples and case-studies and the knowledge that past, present and emerging computing technologies have on individuals and society. Students acquire graphics skills, hypertext markup, styling and, scripting language skills and use these skills to develop an interactive web application for solving real-world problems by applying computational and design thinking skills. 

The aim of this unit is to provide students with a foundation in website design and development using mark up , styling languages and web scripting and consider how it can be applied in teaching design and digital technologies.

2025 10

Campus offering

Find out more about study modes.

Unit offerings may be subject to minimum enrolment numbers.

Please select your preferred campus.

  • Term Mode
  • Semester 2Campus Attendance

Prerequisites

COMP108 Fundamentals of Programming Design

Learning outcomes

To successfully complete this unit you will be able to demonstrate you have achieved the learning outcomes (LO) detailed in the below table.

Each outcome is informed by a number of graduate capabilities (GC) to ensure your work in this, and every unit, is part of a larger goal of graduating from ACU with the attributes of insight, empathy, imagination and impact.

Explore the graduate capabilities.

Define user-centred design principles and apply th...

Learning Outcome 01

Define user-centred design principles and apply them to creating an authentic website that responds to user requirements
Relevant Graduate Capabilities: GC1, GC2, GC3, GC6, GC7, GC8, GC10

Design wireframes, prototypes and graphics

Learning Outcome 02

Design wireframes, prototypes and graphics
Relevant Graduate Capabilities: GC1, GC2, GC3, GC8, GC10

Select and use a web scripting language to develop...

Learning Outcome 03

Select and use a web scripting language to develop dynamic websites
Relevant Graduate Capabilities: GC1, GC2, GC3, GC8, GC10

Evaluate prototypes and websites in relation to us...

Learning Outcome 04

Evaluate prototypes and websites in relation to user requirements
Relevant Graduate Capabilities: GC1, GC2, GC4, GC6, GC7, GC10

Plan and manage software projects using an iterati...

Learning Outcome 05

Plan and manage software projects using an iterative and collaborative approach, identifying risks and considering ethics, safety and sustainability
Relevant Graduate Capabilities: GC1, GC2, GC4, GC6, GC7, GC8, GC10

Content

Topics will include:

Module 1 - LO1

  • User– centred design process
  • Graphic design skills

Module 2 - LO2

  • Wireframes
  • Prototypes

Module 3 - LO3, LO4

  • Hypertext markup languages
  • Styling languages and web scripting
  • Website Project Management

Assessment strategy and rationale

The problem-based learning strategy employed in this unit is supported by the integration of progressive authentic assessment tasks completed at critical points in the students’ learning.

Initially, students acquire knowledge in user-centred design by undertaking tutorial exercises and develop skills in design and development through practical tutorial classes. Practical tutorials provide opportunities for formative assessment which supports assimilation of knowledge.

Summative assessment aims to assess students’ competencies and application of knowledge and skills (conceptual, procedural and professional) holistically using an integrated approach to design.

In this unit, students’ problem-solving skills are assessed by means of a website design proposal, and a prototype assignment that evaluates students’ achievement of a synthesis between design theory and the application of styling and scripting languages.

The web application project will document students’ project management skills in design and development and will require evidence of project definition, research, ideation, prototyping, iteration, critical evaluation and risk assessment.

Overview of assessments

Website Design Proposal Requires students to dem...

Website Design Proposal

Requires students to demonstrate their knowledge of user-centred design principles and the application of these principles to create an authentic website based on user requirements.

Weighting

20%

Learning Outcomes LO1

Prototype Assignment: Requires students to demon...

Prototype Assignment:

Requires students to demonstrate competence in creating a prototype or wireframe based on their website design proposal.

Weighting

30%

Learning Outcomes LO1, LO2

Website Application Project: Requires students t...

Website Application Project:

Requires students to demonstrate competence in developing a web application.

Weighting

50%

Learning Outcomes LO1, LO2, LO3, LO4, LO5

Learning and teaching strategy and rationale

A student-focused, problem-based learning approach is used in this unit. This approach supports the development of conceptual, procedural and professional knowledge and skills which give students the opportunity to practise design thinking and problem solving in real-world contexts.

Students encounter user-centred concepts through interactive lecture demonstrations, concepts are then discussed and broadened through analysis of case studies and further informed by research during the development of website projects. In tutorial classes students design wireframes and develop and evaluate prototypes of web solutions.

Issues in website design and development are introduced through a practice-oriented learning method. This method involves the parallel development of the procedural and conceptual skills required for development of website solutions. Students combine conceptual knowledge in wire framing and procedural knowledge of hypertext mark-up language, styling languages and web scripting to build dynamic websites. Using a computational and design thinking approach, students develop web solutions to real-world problems, developing, communicating and evaluating software solutions.

Representative texts and references

Representative texts and references

Dawson, A. (2011). Distinctive Design: A Practical Guide to a Useful, Beautiful Web. Wiley.

Duckett, J. (2011). HTML and CSS: Design and build websites. Wiley.

Frost, R. (2011). Business Information Systems: Design an App for That. Saylor Foundation.

Hamm, M. (2014). Wireframing essentials: an introduction to user experience design. Packt Publishing.

Miller, B. D. (2011). Above the fold: Understanding the principles of successful web site design. How.

Mullen, T., & Mullen, T. (2011). Prototyping augmented reality. Wiley.

Pipes, A. (2011). How to design websites.  Laurence King Pub.

Richardson, A. (2016). Data-driven Graphic Design: Creative Coding for Visual Communication. London: Fairchild Books.

Sklar, J. (2014). Principles of web design (6th ed.). Cengage.

Tselentis, J. (2012). The graphic designer's electronic-media manual: How to apply visual design principles to engage users on desktop, tablet, and mobile websites.  Rockport Publishers.

Wong, Y.L. (2015). Digital Media Primer (3rd ed.). Pearson Higher Education.

Locations
Credit points
Year

Have a question?

We're available 9am–5pm AEDT,
Monday to Friday

If you’ve got a question, our AskACU team has you covered. You can search FAQs, text us, email, live chat, call – whatever works for you.

Live chat with us now

Chat to our team for real-time
answers to your questions.

Launch live chat

Visit our FAQs page

Find answers to some commonly
asked questions.

See our FAQs