Skip to main content
Unit of study_

DECO2102: Introduction to Web-based Design

Semester 2, 2021 [Normal day] - Camperdown/Darlington, Sydney

This unit introduces students to web design and modern web technologies for the purpose of designing and prototyping web-based user interface solutions. Students will learn about design principles and patterns for the web and apply them in practical exercises that involve designing and creating interactive user interfaces. The unit will introduce interface sketching and wire-framing tools and techniques. A variety of media and platforms, such as desktop computers and mobile devices, will be discussed, with a focus on interaction design. Students will develop an understanding of web technologies and their role in user experience and interaction design, including the use of web technologies for prototyping user interfaces. Prototyping techniques covered in this unit include interface sketching and wire-framing to develop dynamic content and interactive designs.

Unit details and rules

Unit code DECO2102
Academic unit Design Lab
Credit points 6
Prohibitions
? 
DECO1016
Prerequisites
? 
None
Corequisites
? 
None
Assumed knowledge
? 

None

Available to study abroad and exchange students

No

Teaching staff

Coordinator Rob Dongas, robert.dongas@sydney.edu.au
Type Description Weight Due Length
Assignment Web prototype
Design
30% STUVAC
Due date: 21 Nov 2021 at 23:59
20 hours
Outcomes assessed: LO3 LO4 LO5
Online task Tutorial Task 1
HTML Page Development
10% Week 03
Due date: 23 Aug 2021 at 23:59
2 Hours
Outcomes assessed: LO4
Assignment Online Tutorial
Design
20% Week 05
Due date: 12 Sep 2021 at 23:59
10 hours
Outcomes assessed: LO1 LO4
Assignment Web design proposal
Presentation
30% Week 09
Due date: 17 Oct 2021 at 23:59
15 hours
Outcomes assessed: LO1 LO2 LO3
Online task Tutorial Task 2
CSS Challenges
10% Week 11
Due date: 25 Oct 2021 at 23:59
2 Hours
Outcomes assessed: LO4

Assessment summary

  • Design proposal: You will conduct background research to establish the context in which your project exists, identifying competitors, the target audience and existing conventions in user interface design currently employed in the context. Trends analysis and online ethnography will be conducted to supplement the background research and to understand the potential users’ perspectives on the problems outlined in the design brief.
  • Information architecture and wireframes progress: Your background research will be synthesised to propose an initial concept as a group. Your design concept will be developed through a process of sketching and wireframing. The submission will include screen flows and static representations of your user interface in the form of wireframes.
  • High-fidelity prototype and presentation: You will translate your static user interface representations into an interactive high-fidelity prototype that can be clicked-through using a prototyping tool or web-based framework. You will evaluate your prototype through the application of usability evaluation techniques, such as heuristic evaluation. Your presentation will document the features implemented, and the results of your evaluation and the process that you have followed.
  •  In-class quizzes: Two quizzes (10 questions per quiz), worth 10% each, will test the theory, methods and principles covered in the lectures, and will be conducted via the online learning platform.

Detailed information for each assessment can be found on Canvas.

Assessment criteria

The University awards common result grades, set out in the Coursework Policy 2014 (Schedule 1).

As a general guide, a high distinction indicates work of an exceptional standard, a distinction a very high standard, a credit a good standard, and a pass an acceptable standard.

Result name

Mark range

Description

High distinction

85 - 100

Work of outstanding quality, demonstrating mastery of the learning outcomes assessed. The work shows significant innovation, experimentation, critical analysis, synthesis, insight, creativity, and/or exceptional skill.

Distinction

75 - 84

Work of excellent quality, demonstrating a sound grasp of the learning outcomes assessed. The work shows innovation, experimentation, critical analysis, synthesis, insight, creativity, and/or superior skill.

Credit

65 - 74

Work of good quality, demonstrating more than satisfactory achievement of the learning outcomes assessed, or work of excellent quality for a majority of the learning outcomes assessed.

Pass

50 - 64

Work demonstrating satisfactory achievement of the learning outcomes assessed.

Fail

0 - 49

Work that does not demonstrate satisfactory achievement of one or more of the learning outcomes assessed.

For more information see sydney.edu.au/students/guide-to-grades.

For more information see guide to grades.

Late submission

In accordance with University policy, these penalties apply when written work is submitted after 11:59pm on the due date:

  • Deduction of 5% of the maximum mark for each calendar day after the due date.
  • After ten calendar days late, a mark of zero will be awarded.

Academic integrity

The Current Student website  provides information on academic integrity and the resources available to all students. The University expects students and staff to act ethically and honestly and will treat all allegations of academic integrity breaches seriously.  

We use similarity detection software to detect potential instances of plagiarism or other forms of academic integrity breach. If such matches indicate evidence of plagiarism or other forms of academic integrity breaches, your teacher is required to report your work for further investigation.

You may only use artificial intelligence and writing assistance tools in assessment tasks if you are permitted to by your unit coordinator, and if you do use them, you must also acknowledge this in your work, either in a footnote or an acknowledgement section.

Studiosity is permitted for postgraduate units unless otherwise indicated by the unit coordinator. The use of this service must be acknowledged in your submission.

Simple extensions

If you encounter a problem submitting your work on time, you may be able to apply for an extension of five calendar days through a simple extension.  The application process will be different depending on the type of assessment and extensions cannot be granted for some assessment types like exams.

Special consideration

If exceptional circumstances mean you can’t complete an assessment, you need consideration for a longer period of time, or if you have essential commitments which impact your performance in an assessment, you may be eligible for special consideration or special arrangements.

Special consideration applications will not be affected by a simple extension application.

Using AI responsibly

Co-created with students, AI in Education includes lots of helpful examples of how students use generative AI tools to support their learning. It explains how generative AI works, the different tools available and how to use them responsibly and productively.

WK Topic Learning activity Learning outcomes
Week 01 Mapping the web Seminar (3 hr) LO1 LO2
Week 02 Web Coding: Syntax and Semantics Seminar (3 hr) LO3 LO4
Week 03 Content and Information Architecture Seminar (3 hr) LO1 LO2
Week 04 Styling a Website Seminar (3 hr) LO4
Week 05 Design patterns and principles Seminar (3 hr) LO1 LO2 LO3 LO5
Week 06 Layout and Responsive Design Seminar (3 hr) LO3 LO4
Week 07 User Input and Interaction Seminar (3 hr) LO2 LO3 LO4
Week 08 Proposals and Documentation Seminar (3 hr) LO2 LO3 LO5
Week 09 Prototyping and Testing Seminar (3 hr) LO4 LO5
Week 10 Transitions and Animations Seminar (3 hr) LO4
Week 11 Accessibility Considerations Seminar (3 hr) LO4 LO5
Week 12 Optimisation and Conversion Seminar (3 hr) LO2 LO4 LO5
Week 13 The Future of Web Seminar (3 hr) LO4

Attendance and class requirements

Attendance: Attendance of all timetabled activities is mandatory. Students are expected to attend a minimum of 90% of timetabled activities for each unit of study, unless granted exemption by the Unit Coordinator, Program Director or Associate Dean of Education.

Study commitment

Typically, there is a minimum expectation of 1.5-2 hours of student effort per week per credit point for units of study offered over a full semester. For a 6 credit point unit, this equates to roughly 120-150 hours of student effort in total.

Learning outcomes are what students know, understand and are able to do on completion of a unit of study. They are aligned with the University's graduate qualities and are assessed as part of the curriculum.

At the completion of this unit, you should be able to:

  • LO1. assess the structural and navigational requirements of web sites
  • LO2. conduct research to explore, inform and critique multiple perspectives on a design problem/solution
  • LO3. demonstrate a practical understanding and application of user interface design principles and methods, within an iterative, increasing-fidelity design process
  • LO4. develop web sites and mobile applications using modern web design techniques and technologies
  • LO5. evaluate the performance and user experience of a web design solution

Graduate qualities

The graduate qualities are the qualities and skills that all University of Sydney graduates must demonstrate on successful completion of an award course. As a future Sydney graduate, the set of qualities have been designed to equip you for the contemporary world.

GQ1 Depth of disciplinary expertise

Deep disciplinary expertise is the ability to integrate and rigorously apply knowledge, understanding and skills of a recognised discipline defined by scholarly activity, as well as familiarity with evolving practice of the discipline.

GQ2 Critical thinking and problem solving

Critical thinking and problem solving are the questioning of ideas, evidence and assumptions in order to propose and evaluate hypotheses or alternative arguments before formulating a conclusion or a solution to an identified problem.

GQ3 Oral and written communication

Effective communication, in both oral and written form, is the clear exchange of meaning in a manner that is appropriate to audience and context.

GQ4 Information and digital literacy

Information and digital literacy is the ability to locate, interpret, evaluate, manage, adapt, integrate, create and convey information using appropriate resources, tools and strategies.

GQ5 Inventiveness

Generating novel ideas and solutions.

GQ6 Cultural competence

Cultural Competence is the ability to actively, ethically, respectfully, and successfully engage across and between cultures. In the Australian context, this includes and celebrates Aboriginal and Torres Strait Islander cultures, knowledge systems, and a mature understanding of contemporary issues.

GQ7 Interdisciplinary effectiveness

Interdisciplinary effectiveness is the integration and synthesis of multiple viewpoints and practices, working effectively across disciplinary boundaries.

GQ8 Integrated professional, ethical, and personal identity

An integrated professional, ethical and personal identity is understanding the interaction between one’s personal and professional selves in an ethical context.

GQ9 Influence

Engaging others in a process, idea or vision.

Outcome map

Learning outcomes Graduate qualities
GQ1 GQ2 GQ3 GQ4 GQ5 GQ6 GQ7 GQ8 GQ9

This section outlines changes made to this unit following staff and student reviews.

This unit has been updated to reflect it's original objective of introducing web design to a non-design audience.

Disclaimer

The University reserves the right to amend units of study or no longer offer certain units, including where there are low enrolment numbers.

To help you understand common terms that we use at the University, we offer an online glossary.