Course coordinator
Dr Peter Worthy
Course overview
- Study period
- Semester 1, 2025 (24/02/2025 - 21/06/2025)
- Study level
- Postgraduate Coursework
- Location
- St Lucia
- Attendance mode
- In Person
- Units
- 2
- Administrative campus
- St Lucia
- Coordinating unit
- Elec Engineering & Comp Science School
This course introduces students to User Experience Design (UX), User Interface Design (UI), and Frontend Development (FED) with a focus on designing, developing, and deploying dynamic, human-centred websites and web apps. Today, the boundaries between UX, UI, and FED are increasingly blurred, and professionals in these roles are expected to understand and collaborate across these domains. This course prepares students for this interdisciplinary approach by combining foundational knowledge with practical applications.
A key focus of this course is developing the problem-solving mindset required of web designers and developers. Rather than memorizing all web technologies, students will learn how to identify problems, seek out relevant information, interpret that information critically, and apply it effectively to design and development tasks. This mindset ensures that students can adapt to evolving technologies and frameworks, equipping them to work confidently in a constantly changing field.
Students will learn to:
- Analyse client needs and user data to create effective, human-centred designs.
- Develop responsive (mobile first) websites using HTML, CSS, and JavaScript, incorporating responsive and accessible design principles.
- Deploy and test websites on a web server, following modern workflows and best practices.
- Critically and effectively use Generative AI (GenAI) tools to support design ideation, content generation, and development while maintaining academic integrity and ethical standards.
In addition to technical and design skills, students will explore the social, cultural, ethical, and cybersecurity issues that influence web design and development. These topics ensure that students can create websites that not only meet user goals but also align with broader societal values, accessibility standards, and best practices.
The course emphasises activity-based learning, where students will work on gu
Course Description
This course introduces students to User Experience Design (UX), User Interface Design (UI), and Frontend Development (FED) with a focus on designing, developing, and deploying dynamic, human-centred websites and web apps. Today, the boundaries between UX, UI, and FED are increasingly blurred, and professionals in these roles are expected to understand and collaborate across these domains. This course prepares students for this interdisciplinary approach by combining foundational knowledge with practical applications.
A key focus of this course is developing the problem-solving mindset required of web designers and developers. Rather than memorizing all web technologies, students will learn how to identify problems, seek out relevant information, interpret that information critically, and apply it effectively to design and development tasks. This mindset ensures that students can adapt to evolving technologies and frameworks, equipping them to work confidently in a constantly changing field.
Students will learn to:
- Analyse client needs and user data to create effective, human-centred designs.
- Develop responsive (mobile first) websites using HTML, CSS, and JavaScript, incorporating responsive and accessible design principles.
- Deploy and test websites on a web server, following modern workflows and best practices.
- Critically and effectively use Generative AI (GenAI) tools to support design ideation, content generation, and development while maintaining academic integrity and ethical standards.
In addition to technical and design skills, students will explore the social, cultural, ethical, and cybersecurity issues that influence web design and development. These topics ensure that students can create websites that not only meet user goals but also align with broader societal values, accessibility standards, and best practices.
The course emphasizes activity-based learning, where students will work on guided tasks to develop their skills in identifying solutions, learning new technologies, and applying them in real-world scenarios. Activities will also help students learn how to critically evaluate sources of information, interpret documentation, and adapt their learning to practical applications in web design and development.
How will I use these skills in the future?
By completing this course, students will gain a solid foundation for careers in web design, UX, UI, and front-end development, equipping them with the skills to create visually appealing, functional, and inclusive digital experiences that align with industry standards and best practices.
Changes in Response to Student Feedback
In response to student feedback, this course has been updated to better support your learning and skill development. The key changes include:
1. Progressive Development of Web Development Skills:
- The delivery of content, studio activities, and assessments has been redesigned to provide a clearer progression of skills.
- There is a greater focus on developing problem-solving abilities and ensuring you receive more feedback on your web development skills and understanding throughout the course.
2. Enhanced Focus on Mobile-First Development:
- A mobile-first approach has been introduced to better support your learning of responsive web development. This ensures that you build strong foundations for creating websites that work seamlessly across different devices.
These updates aim to provide a more structured and supportive learning experience while aligning with the latest industry practices.
Course requirements
Assumed background
DECO7140 is an introductory level course. Students entering this course are assumed to have no background in web design or developing webpages, but are assumed to have a basic level of competency in using desktop-based software like text editors, web browsers etc.
Incompatible
You can't enrol in this course if you've already completed the following:
DECO1400 or IENV7961 or MMDS1400 or MMDS7961
Course contact
Course staff
Lecturer
Dr Peter Worthy
Timetable
The timetable for this course is available on the UQ Public Timetable.
Aims and outcomes
This course will:
1.Develop a problem-solving mindset in students, equipping them with the ability to identify challenges, seek out relevant information, and apply effective solutions in web design and development.
2.Introduce students to User Experience Design (UX), grounded in human-centred principles, including methods for understanding client and user needs.
3.Introduce students to User Interface Design (UI) for websites, emphasising responsive, accessible, and visually appealing design based on usability and accessibility principles.
4.Provide students with foundational skills in Frontend Development (FED), using HTML, CSS, and JavaScript, following modern web standards and workflows.
5.Explore the mobile-first approach to responsive web design, ensuring students can create websites that adapt seamlessly across devices.
6.Incorporate Generative AI tools into web design and development, teaching students how to critically and ethically use these tools to support creativity, ideation, and technical tasks.
7.Introduce students to the broader accessibility, usability, social, cultural, ethical, and cybersecurity issues in website design and development to ensure inclusive and socially responsible digital solutions.
Learning outcomes
After successfully completing this course you should be able to:
LO1.
Analyse client needs and diverse user data to identify target audiences and design requirements, and apply these insights to develop user-centered deliverables, including annotated site maps and style guides [THIS LEARNING OBJECTIVE CONTRIBUTES TO AQF9 RESEARCH FOR MASTERS PROGRAMS]
LO2.
Demonstrate an understanding of user interface design theories, principles (including visual and interaction design principles, usability and accessibility), and best practice.
LO3.
Demonstrate an understanding of the fundamental concepts and technologies that underpin the functioning of the web including key principles related to client-server architecture, web browsers, file transfer protocol (FTP) and other essential components for web development and deployment practices.
LO4.
Apply knowledge and skills to identify and address accessibility, usability, social, cultural, colonial, ethical and cybersecurity issues in web design.
LO5.
Construct well-structured, interactive, dynamic and responsive websites using HTML, CSS, and JavaScript evaluating and selecting appropriate approaches for web design challenges including technical implementation as well as accessibility, usability, social, cultural, ethical and cybersecurity issues.
LO6.
Demonstrate proficiency in utilising industry-standard web development tools, including GitHub for version control, VS Code for code editing, Figma or Adobe XD for design mock-ups, and FTP for web deployment.
LO7.
Critically evaluate and apply Generative AI tools in web design and development to enhance creativity, technical proficiency, and accessibility, while ensuring academic integrity, transparency, and ethical considerations.
LO8.
Demonstrate effective communication of UX, UI and FED concepts, design rationales and outcomes visually, and in written forms.
Assessment
Assessment summary
| Category | Assessment task | Weight | Due date |
|---|---|---|---|
| Computer Code, Notebook/ Logbook, Practical/ Demonstration |
A1 Individual Review
|
Pass/Fail |
During your allocated studio in Week 4 During your allocated studio in Week 7 During your allocated studio in Week 10 During your allocated studio in Week 13
You must attend your allocated studio session in person for this Identity Verified Assessment Hurdle. You will need to bring your student ID to verify your identity as part of the review process. |
| Project |
A2 Design Research
|
2 |
8/04/2025 2:00 pm |
| Project | A3 Design Proposal | 2 |
6/05/2025 2:00 pm |
| Computer Code, Project | A4 Website Implementation | 5 |
9/06/2025 2:00 pm |
A hurdle is an assessment requirement that must be satisfied in order to receive a specific grade for the course. Check the assessment details for more information about hurdle requirements.
Assessment details
A1 Individual Review
- Hurdle
- Identity Verified
- In-person
- Mode
- Oral
- Category
- Computer Code, Notebook/ Logbook, Practical/ Demonstration
- Weight
- Pass/Fail
- Due date
During your allocated studio in Week 4
During your allocated studio in Week 7
During your allocated studio in Week 10
During your allocated studio in Week 13
You must attend your allocated studio session in person for this Identity Verified Assessment Hurdle.
You will need to bring your student ID to verify your identity as part of the review process.
- Learning outcomes
- L02, L03, L05, L06, L07, L08
Task description
What
One-on-one reviews with a member of the teaching team where you:
- Present the work you have completed
- Answer questions to demonstrate your understanding
- Provide a short reflection on how you are working within the structure of the course (e.g. self-regulation, time management, etc.)
Purpose
The Individual Reviews are designed to:
- Track your progress, check your understanding, and refine your approach with personalised feedback.
- Support the development of professional habits such as time management, structured learning, and reflective practice.
- Ensure you critically evaluate and responsibly use Generative AI tools, maintaining academic integrity and ethical considerations.
- Provide formative opportunities to demonstrate your understanding of coding and web development concepts, ensuring you are prepared for future assessment tasks and professional work.
Links to work phases and other assessment
Each review aligns with the work phases of the course:
- Review 1: Orientation to Practice.
- Review 2: Skill Development, linked to A2 Design Research.
- Review 3: Independent Application, linked to A3 Design Proposal.
- Review 4: Professional Readiness, linked to A4 Website Implementation.
Use of GenAI/MT Tools
This task has been designed to challenge students with authentic and complex problems, reflecting professional contexts in web design and development. The use of Generative AI (GenAI) and Machine Translation (MT) tools is permitted and encouraged, provided it aligns with the course's GenAI and MT Usage Framework (available in Blackboard / Course Resources) and the boundaries for appropriate use as defined in the task sheet for this assessment item.
Successful completion of this assessment requires students to:
- Critically engage with these tools to enhance creativity, problem-solving, and technical proficiency.
- Reflect on their use of AI technologies, documenting how they supported the task and evaluating their effectiveness, limitations, and ethical implications.
- Ensure all outputs are critically reviewed, revised, and transparently acknowledged, maintaining academic integrity.
Students are expected to maintain ownership of their work by ensuring that the final submission reflects their understanding and skills. If there are concerns that you may have used Generative AI (GenAI) or Machine Translation (MT) tools inappropriately or failed to acknowledge their use in accordance with the GenAI and MT Usage Framework or the boundaries specified for the assessment, a review process will be initiated. This process is outlined in the GenAI and MT Usage Framework.
Misuse or failure to acknowledge the use of GenAI and MT tools in accordance with the GenAI and MT Usage Framework will be addressed under the Student Code of Conduct.
Hurdle requirements
The Individual Review assessment is a hurdle requirement, meaning that you must pass all four reviews to pass the course as a whole. This reflects the importance of the skills and habits assessed in this task, which are fundamental to your success in this course, your Masters program, and your future career. Failure to meet the requirements of this assessment will result in a capped course grade of Marginal Fail (3), regardless of your performance in other assessment items. To support your learning, you are allowed one second-chance review for each of the first three reviews (A1.1, A1.2, and A1.3). This provides an opportunity to address feedback and demonstrate improvement if you do not meet the requirements of a review. Note that this option is not available for A1.4, the final review. Further details including requirements to be eligible for a second-chance review are contained in the assessment task sheet.Submission guidelines
Individual Reviews are in-person and will take place during your allocated Studio session in Weeks 4, 7, 10 and 13.
Deferral or extension
You may be able to apply for an extension.
The maximum extension allowed is 7 days. Extensions are given in multiples of 24 hours.
This course uses a progressive assessment approach, where assessments feedback and/or detailed solutions will be released to students within 14 days.
Late submission
You will receive a mark of 0 if this assessment is submitted late.
Late submission of the Individual Reviews is not accepted, as these are oral sessions scheduled with multiple markers during allocated studio times. The reviews require the presence of both the student and the teaching team to provide personalised feedback and ensure the integrity of the assessment process. As these sessions are coordinated across the teaching team, rescheduling is not possible except in cases where approved special consideration has been granted.
A2 Design Research
- Hurdle
- Mode
- Product/ Artefact/ Multimedia
- Category
- Project
- Weight
- 2
- Due date
8/04/2025 2:00 pm
- Learning outcomes
- L01, L04, L07, L08
Task description
AQF Level 9 Research
This assessment task contributes to meeting the Australian Qualifications Framework (AQF) research requirements for a Level 9 Master’s degree.
What
A research-focused assignment exploring client needs, user needs, design objectives, accessibility standards, and ethical considerations.
Purpose
- Provide a solid evidence-based foundation for the A3 Design Proposal.
- Practice critical thinking and user-centered design approaches.
- Explore and understand the WCAG 2.2 Guidelines, Principles, and Success Criteria.
- Explore and understand the ACS Code of Professional Ethics and Code of Professional Standards.
- Explore and develop an understanding of the effective use of GenAI in Web Design.
Links to other assessment
This task also links to A1.2 Individual Review, which assesses your progress, understanding, and adherence to coding standards with a reflection on your early experiences. Your submission must demonstrate the application of key coding practices covered in studio activities and independent activities. These standards will be outlined in the task sheet for A1.2 and reinforced during studio activities and independent activities to help you meet the expectations for this submission.
Use of GenAI/MT Tools
This task has been designed to challenge students with authentic and complex problems, reflecting professional contexts in web design and development. The use of Generative AI (GenAI) and Machine Translation (MT) tools is permitted and encouraged, provided it aligns with the course's GenAI and MT Usage Framework (available in Blackboard / Course Resources) and the boundaries for appropriate use as defined in the task sheet for this assessment item.
Successful completion of this assessment requires students to:
- Critically engage with these tools to enhance creativity, problem-solving, and technical proficiency.
- Reflect on their use of AI technologies, documenting how they supported the task and evaluating their effectiveness, limitations, and ethical implications.
- Ensure all outputs are critically reviewed, revised, and transparently acknowledged, maintaining academic integrity.
Students are expected to maintain ownership of their work by ensuring that the final submission reflects their understanding and skills. If there are concerns that you may have used Generative AI (GenAI) or Machine Translation (MT) tools inappropriately or failed to acknowledge their use in accordance with the GenAI and MT Usage Framework or the boundaries specified for the assessment, a review process will be initiated. This process is outlined in the GenAI and MT Usage Framework.
Misuse or failure to acknowledge the use of GenAI and MT tools in accordance with the GenAI and MT Usage Framework will be addressed under the Student Code of Conduct.
Hurdle requirements
This assessment task contributes to meeting the Australian Qualifications Framework (AQF) research requirements for a Level 9 Master’s degree. As such, it is a mandatory component of this course and must be meaningfully completed by all students. Failure to submit a meaningful and reasonable effort for this assessment will result in your grade for the course as a whole being capped at Marginal Fail (3), regardless of your performance in other assessment items. Refer to the task sheet for more information about what constitutes meaningful and reasonable effort.Submission guidelines
Submission of this work phase website requires that the website must be:
- Deployed to your UQCloud zone: Your website must be located inside a folder named “work_phase_2” within your UQCloud zone so that it can be accessed using the following URL: deco7140-xxxxxxx.uqcloud.net/work_phase_2
- Committed to GitHub: All files for your website must be committed to your GitHub repository.
Please refer to the assessment task sheet for more information about submission requirements.
Deferral or extension
You may be able to apply for an extension.
The maximum extension allowed is 7 days. Extensions are given in multiples of 24 hours.
This course uses a progressive assessment approach, where assessments feedback and/or detailed solutions will be released to students within 14 days.
Late submission
A penalty of 1 grade for each 24 hour period from time submission is due will apply for up to 7 days. After 7 days you will receive a mark of 0.
A3 Design Proposal
- Mode
- Product/ Artefact/ Multimedia
- Category
- Project
- Weight
- 2
- Due date
6/05/2025 2:00 pm
- Learning outcomes
- L01, L02, L04, L06, L07, L08
Task description
What:
A formal proposal outlining site structure, UX/UI design elements, and key decisions.
Purpose:
- Translate research findings into a tangible design plan.
- Apply UX and UI principles to the design of a website.
- Demonstrate the rationale behind layout, colour, typography, and accessibility features.
- Apply the WCAG 2.2 Guidelines, Principles and Success Criteria in a practical context.
- Apply the ACS Code of Professional Ethics and Code of Professional Standards in a practical context.
Links to other assessment:
This task also links to A1.3 Individual Review, which assesses your progress, understanding, and adherence to coding standards with a reflection on your developing experiences. Your submission must demonstrate the application of key coding practices covered in studio activities and independent activities. These standards will be outlined in the task sheet for A1.3 and reinforced during studio activities and independent activities to help you meet the expectations for this submission.
Use of GenAI/MT Tools
This task has been designed to challenge students with authentic and complex problems, reflecting professional contexts in web design and development. The use of Generative AI (GenAI) and Machine Translation (MT) tools is permitted and encouraged, provided it aligns with the course's GenAI and MT Usage Framework (available in Blackboard / Course Resources) and the boundaries for appropriate use as defined in the task sheet for this assessment item.
Successful completion of this assessment requires students to:
- Critically engage with these tools to enhance creativity, problem-solving, and technical proficiency.
- Reflect on their use of AI technologies, documenting how they supported the task and evaluating their effectiveness, limitations, and ethical implications.
- Ensure all outputs are critically reviewed, revised, and transparently acknowledged, maintaining academic integrity.
Students are expected to maintain ownership of their work by ensuring that the final submission reflects their understanding and skills. If there are concerns that you may have used Generative AI (GenAI) or Machine Translation (MT) tools inappropriately or failed to acknowledge their use in accordance with the GenAI and MT Usage Framework or the boundaries specified for the assessment, a review process will be initiated. This process is outlined in the GenAI and MT Usage Framework.
Misuse or failure to acknowledge the use of GenAI and MT tools in accordance with the GenAI and MT Usage Framework will be addressed under the Student Code of Conduct.
Submission guidelines
Submission of this work phase website requires that the website must be:
- Deployed to your UQCloud zone: Your website must be located inside a folder named “work_phase_3” within your UQCloud zone so that it can be accessed using the following URL: deco7140-xxxxxxx.uqcloud.net/work_phase_3
- Committed to GitHub: All files for your website must be committed to your GitHub repository.
Please refer to the assessment task sheet for more information about submission requirements.
Deferral or extension
You may be able to apply for an extension.
The maximum extension allowed is 7 days. Extensions are given in multiples of 24 hours.
This course uses a progressive assessment approach, where assessments feedback and/or detailed solutions will be released to students within 14 days.
Late submission
A penalty of 1 grade for each 24 hour period from time submission is due will apply for up to 7 days. After 7 days you will receive a mark of 0.
A4 Website Implementation
- Mode
- Product/ Artefact/ Multimedia
- Category
- Computer Code, Project
- Weight
- 5
- Due date
9/06/2025 2:00 pm
- Learning outcomes
- L02, L03, L04, L05, L06, L07, L08
Task description
What:
The final coded website aligned with the client brief and your design proposal.
Purpose:
- Showcase front-end development skills and integrated design principles.
- Reflect real-world development cycles, delivering a near-professional product.
Links to other assessment:
This task also links to A1.4 Individual Review, which assesses your progress, understanding, and adherence to coding standards with a final reflection considering professional practice. Your submission must demonstrate the application of key coding practices covered in studio activities and independent activities. These standards will be outlined in the task sheet for A1.4 and reinforced during studio activities and independent activities to help you meet the expectations for this submission.
Use of GenAI/MT Tools
This task has been designed to challenge students with authentic and complex problems, reflecting professional contexts in web design and development. The use of Generative AI (GenAI) and Machine Translation (MT) tools is permitted and encouraged, provided it aligns with the course's GenAI and MT Usage Framework (available in Blackboard / Course Resources) and the boundaries for appropriate use as defined in the task sheet for this assessment item.
Successful completion of this assessment requires students to:
- Critically engage with these tools to enhance creativity, problem-solving, and technical proficiency.
- Reflect on their use of AI technologies, documenting how they supported the task and evaluating their effectiveness, limitations, and ethical implications.
- Ensure all outputs are critically reviewed, revised, and transparently acknowledged, maintaining academic integrity.
Students are expected to maintain ownership of their work by ensuring that the final submission reflects their understanding and skills. If there are concerns that you may have used Generative AI (GenAI) or Machine Translation (MT) tools inappropriately or failed to acknowledge their use in accordance with the GenAI and MT Usage Framework or the boundaries specified for the assessment, a review process will be initiated. This process is outlined in the GenAI and MT Usage Framework.
Misuse or failure to acknowledge the use of GenAI and MT tools in accordance with the GenAI and MT Usage Framework will be addressed under the Student Code of Conduct.
Submission guidelines
Submission of this work phase website requires that the website must be:
- Deployed to your UQCloud zone: Your website must be located inside a folder named “work_phase_3” within your UQCloud zone so that it can be accessed using the following URL: deco7140-xxxxxxx.uqcloud.net/work_phase_3
- Committed to GitHub: All files for your website must be committed to your GitHub repository.
Please refer to the assessment task sheet for more information about submission requirements.
Deferral or extension
You may be able to apply for an extension.
The maximum extension allowed is 28 days. Extensions are given in multiples of 24 hours.
Note that extensions on an assessment item due in the exam period may lead to an INC grade being entered for the course.
Late submission
A penalty of 1 grade for each 24 hour period from time submission is due will apply for up to 7 days. After 7 days you will receive a mark of 0.
Course grading
Full criteria for each grade is available in the Assessment Procedure.
| Grade | Description |
|---|---|
| 1 (Low Fail) |
Absence of evidence of achievement of course learning outcomes. Course grade description: Demonstrated no evidence of achievement of the course learning objectives. The student’s understanding of key concepts is negligible, and work is incomplete, inaccurate, or absent. The student fails to meet the A1 Individual Review and/or A2 Design Research hurdle requirements, resulting in a grade cap of Marginal Fail (3). This reflects the importance of meeting foundational professional and academic requirements including AQF Level 9 requirements. |
| 2 (Fail) |
Minimal evidence of achievement of course learning outcomes. Course grade description: Demonstrated minimal evidence of achievement of the course learning objectives. The student’s understanding of key concepts is incomplete, and they are unable to apply knowledge to solve even straightforward problems. Work does not meet academic or professional standards, and critical thinking is largely absent. The student fails to meet the A1 Individual Review and/or A2 Design Research hurdle requirements, resulting in a grade cap of Marginal Fail (3). This reflects the importance of meeting foundational professional and academic requirements including AQF Level 9 requirements. |
| 3 (Marginal Fail) |
Demonstrated evidence of developing achievement of course learning outcomes Course grade description: Course grade description: Fails to meet the requirements for the course learning objectives. The student demonstrates some understanding of key concepts, but the work does not meet minimum academic or professional standards. Critical analysis and application of knowledge are underdeveloped, and gaps in understanding are evident. The student fails to meet the A1 Individual Review and/or A2 Design Research hurdle requirements, resulting in a grade cap of Marginal Fail (3). This reflects the importance of meeting foundational professional and academic requirements including AQF Level 9 requirements. |
| 4 (Pass) |
Demonstrated evidence of functional achievement of course learning outcomes. Course grade description: Demonstrated evidence of functional achievement of the course learning objectives. The student shows an adequate understanding of the key concepts and is able to apply this knowledge to solve straightforward problems. Critical thinking and analysis are limited, and the work demonstrates minimal integration of course concepts. While the work meets minimum standards, significant gaps may remain in quality, execution, or understanding. The A1 Individual Review and A2 Design Research hurdle requirements have been met. |
| 5 (Credit) |
Demonstrated evidence of proficient achievement of course learning outcomes. Course grade description: Demonstrated evidence of proficient achievement of the course learning objectives. The student’s understanding of key concepts is sound, and they can apply this knowledge effectively to familiar problems. There is evidence of critical thinking, though some analysis may lack depth or originality. Work meets basic professional standards and is suitable for entry-level practice, with some areas for improvement. The A1 Individual Review and A2 Design Research hurdle requirements have been met. |
| 6 (Distinction) |
Demonstrated evidence of advanced achievement of course learning outcomes. Course grade description: Demonstrated evidence of advanced achievement of the course learning objectives. The student has a thorough understanding of key concepts and applies knowledge effectively to solve problems, including those not directly addressed in the course. There is evidence of strong critical analysis, logical reasoning, and a capacity to synthesise information across course content. Work is professional and largely adheres to industry standards, with only minor gaps in execution or insight. The A1 Individual Review and A2 Design Research hurdle requirements have been met. |
| 7 (High Distinction) |
Demonstrated evidence of exceptional achievement of course learning outcomes. Course grade description: Demonstrated evidence of exceptional achievement of the course learning objectives. The student’s understanding of key concepts is comprehensive, demonstrating an ability to apply knowledge creatively and solve complex, previously unseen problems. There is clear evidence of in-depth critical analysis, synthesis of information across all aspects of the course, and exceptional communication of UX, UI, and FED concepts. The student demonstrates substantial originality and insight, critically evaluates problems and their solutions, and reflects deeply on the implications of their decisions. Work is polished, professional, and adheres to or exceeds industry standards. The A1 Individual Review and A2 Design Research hurdle requirements have been met. |
Additional course grading information
Qualitative Grading
Grades for assessment during the semester will identify your work as being of a particular standard from the list above. These grades map directly to the standard UQ Grade descriptors outlined in the Assessment Procedure (from https://policies.uq.edu.au/document/view-current.php?id=184 - Part H). It is recommended that you read the descriptors and example criteria that are associated with each of the UQ grade standards.
Note, that percentages or numerical marks are not required in grading assessment or for calculating grade cutoffs. Percentage cutoffsﾠare primarily employed in courses that utilise quantitative (numerical based) methods for marking.
The final grade for the course will be initially constructed from the individual grades according to assessment weightings. It will then be reviewed & moderated based on overall performance across the course. The course coordinator reserves the right to moderate grades.
Calculation of final grades for course
Final grades will be calculated as a weighted average of a student’s assessment grades, using the same formula as used for calculating a student’s GPA (https://my.uq.edu.au/information-and-services/manage-my-program/exams-and-assessment/final-grades-and-gpas).
Example 1:
If a student receives the following grades:
- A1 Individual Review: Pass
- A2 Design Research: Grade of 5 (weight = 2)
- A3 Design Proposal: Grade of 6 (weight = 2)
- A4 Website Implementation: Grade of 5 (weight = 5)
The final grade will be calculated as:
(5x2)+(6x2)+(5x5) / (2+2+5)
= 27/9
= 5.22
Grade = Credit (5)
Example 2:
If a student receives the following grades:
- A1 Individual Review: Pass
- A2 Design Research: Grade of 6 (weight = 2)
- A3 Design Proposal: Grade of 7 (weight = 2)
- A4 Website Implementation: Grade of 7 (weight = 5)
The final grade will be calculated as:
(6x2)+(7x2)+(7x5) / (2+2+5)
= 61/9
= 6.77
Grade = High Distinction (7)
Example 3:
If a student receives the following grades:
- A1 Individual Review: Pass
- A2 Design Research: No submission (weight = 2)
- A3 Design Proposal: Grade of 7 (weight = 2)
- A4 Website Implementation: Grade of 7 (weight = 5)
The final grade will be calculated as:
(0x2)+(7x2)+(7x5) / (2+2+5)
= 49/9
= 5.44 but capped due to not meeting the A2 hurdle
Grade = Marginal Fail (3)
Calculation of grades for individual assessment items
The weighted average approach will also be taken for determining the grade for each assessment item taking into account the grade and weighting for each criteria item.
Supplementary assessment
Supplementary assessment is available for this course.
Additional assessment information
Having Troubles?
If you are having difficulties with any aspect of the course material, you should seek help. Speak to the course teaching staff.
If external circumstances are affecting your ability to work on the course, you should seek help as soon as possible. The University and UQ Union have organisations and staff who are able to help, for example, UQ Student Services are able to help with study and exam skills, tertiary learning skills, writing skills, financial assistance, personal issues, and disability services (among other things).
Complaints and criticisms should be directed in the first instance to the course coordinator. If you are not satisfied with the outcome, you may bring the matter to the attention of the School of EECS Director of Teaching and Learning.
Learning resources
You'll need the following resources to successfully complete the course. We've indicated below if you need a personal copy of the reading materials or your own item.
Library resources
Find the required and recommended resources for this course on the UQ Library website.
Additional learning resources information
All announcements, assessment briefs & learning resources (including Contact outlines, Lecture slides/videos etc) will be delivered via the course Blackboard site.
Students are expected to check their student email account and the course Blackboard site regularly, especially prior to their Contact. Many Contacts will require students to prepare materials for use during the Contact.
Website Deployment onto UQCloud
During this course, Students will be deploying their websites to the UQCloud service.ﾠ Specific guides will be provided to students during practicals.ﾠ However a comprehensive guide to working with UQCloud is available here:
https://stluc.manta.uqcloud.net/xlex/public/zones-guide.html
This guide contains more information that Students will need to complete work in this course and students will not be required to access this guide directly.ﾠ It is provided here as general information only.
Learning activities
The learning activities for this course are outlined below. Learn more about the learning outcomes that apply to this course.
Filter activity type by
Please select
| Learning period | Activity type | Topic |
|---|---|---|
Multiple weeks From Week 1 To Week 13 |
General contact hours |
Studios | Weeks 1 to 13 Studios are the practical heart of this course, where you will apply the concepts introduced in lectures. These sessions are structured as working environments, designed to emulate the collaborative and iterative nature of professional web design and development. They focus on building your technical, creative, and problem-solving skills through hands-on activities, guided by the teaching team. Key features of studios:
Studios are designed to help you develop the habits and mindset of a professional web designer. To make the most of these sessions:
Learning outcomes: L01, L02, L03, L04, L05, L06, L07, L08 |
Lecture |
Lectures | Weeks 1 to 13 Lectures in this course are designed to provide the foundational knowledge and theoretical framework for key concepts in User Experience Design (UX), User Interface Design (UI), and Frontend Development (FED). They act as signposts, introducing principles, theories, and best practices that students will further explore, apply, and refine through studio activities, independent learning, and assessment tasks. Key features of lectures:
While lectures provide the roadmap for learning, the true depth of understanding will come from putting these concepts into practice during studios, independent activities, and assessments. Attendance is encouraged, but all lecture recordings and materials will be made available for review. Learning outcomes: L01, L02, L03, L04, L05, L06, L07, L08 |
Additional learning activity information
Engagement and Progressive Learning in this Course
This course has been intentionally designed to reflect professional industry practices, emphasising the progressive development of skills and consistent engagement with learning materials. Success in this course relies on active participation and steady effort throughout the semester.
Engaging with Course Content and Activities
Lectures:
- Lectures introduce key theoretical and practical concepts that are essential for completing assessment tasks.
- Attending live lectures is encouraged for interactive opportunities, but recordings will be available for flexibility.
- It is your responsibility to engage with lecture content—whether live or asynchronously—each week to ensure you understand the material and can apply it to your work.
Studios (General Contact Hours):
- Studio activities provide structured, hands-on opportunities to apply concepts from lectures, practice key skills, and receive guidance and feedback from the teaching team.
- If you are unable to attend your designated studio session, all activities and supporting resources will be provided in Blackboard. It is your responsibility to complete these activities independently.
Independent Activities:
- Beyond lectures and studios, independent activities form a critical part of your learning and are necessary to meet the university’s expectations for self-directed study (8–10 hours per week per course).
- These activities may include practicing skills, completing additional exercises, and working on assessments.
- Regular engagement with independent activities will help you develop confidence and competence, ensuring you are prepared for professional practice.
Working Progressively Throughout the Course
The assessment tasks in this course are designed to require consistent, weekly effort, reflecting industry expectations for iterative project development. Each week builds upon the previous one, reinforcing a strong foundation for your learning and assessments.
- Progressive Development: Weekly content, activities, and assessments are intentionally structured to build your knowledge and skills iteratively. Staying up-to-date is essential for success.
- Avoiding Last-Minute Work: Leaving work to the last minute is likely to lead to poor outcomes and missed opportunities for feedback and improvement.
- Feedback Integration: Engaging with content and activities as scheduled allows time for reflection, feedback, and refinement—key aspects of professional practice.
Your Responsibilities
To succeed in this course:
- Dedicate sufficient time each week to engage with lectures, studios, and independent activities (the University recommends that you dedicate 8-10 hours per week to each course that you are completing).
- Work progressively on all assessment tasks, mirroring the iterative nature of professional web design and development projects.
- Actively seek assistance if you encounter challenges or fall behind.
Developing a Professional Mindset
This course is designed to help you cultivate the mindset, habits, and skills of a professional web designer and developer. By engaging consistently, working iteratively, and taking ownership of your learning, you will build a strong foundation for both your assessments and your future career.
Having Troubles?
If you are having difficulties with any aspect of the course material, you should seek help and speak to the course teaching staff.
If external circumstances are affecting your ability to work on the course, you should seek help as soon as possible. The University and UQ Union have organisations and staff who are able to help; for example, UQ Student Services are able to help with study and exam skills, tertiary learning skills, writing skills, financial assistance, personal issues, and disability services (among other things).
Complaints and criticisms should be directed in the first instance to the course coordinator. If you are not satisfied with the outcome, you may bring the matter to the attention of the School of EECS Director of Teaching and Learning.
Policies and procedures
University policies and procedures apply to all aspects of student life. As a UQ student, you must comply with University-wide and program-specific requirements, including the:
- Student Code of Conduct Policy
- Student Integrity and Misconduct Policy and Procedure
- Assessment Procedure
- Examinations Procedure
- Reasonable Adjustments for Students Policy and Procedure
Learn more about UQ policies on my.UQ and the Policy and Procedure Library.
School guidelines
Your school has additional guidelines you'll need to follow for this course: