DXB111 Introduction to Web Design
To view more information for this unit, select Unit Outline from the list below. Please note the teaching period for which the Unit Outline is relevant.
Unit code: | DXB111 |
---|---|
Equivalent(s): | DXB203, KIB103 |
Assumed Knowledge: | It is assumed that you are computer literate - which means you know how to use a typical computer (Mac and/or Windows), you can use standard desktop applications such as a word processor and web browser and you can install and update software |
Credit points: | 12 |
Timetable | Details in HiQ, if available |
Availabilities |
|
CSP student contribution | $1,118 |
Domestic tuition unit fee | $4,104 |
International unit fee | $4,788 |
Unit Outline: Semester 2 2024, Kelvin Grove, Internal
Unit code: | DXB111 |
---|---|
Credit points: | 12 |
Equivalent: | DXB203, KIB103 |
Assumed Knowledge: | It is assumed that you are computer literate - which means you know how to use a typical computer (Mac and/or Windows), you can use standard desktop applications such as a word processor and web browser and you can install and update software |
Coordinator: | Nick Kelly | nick.kelly@qut.edu.au |
Overview
This unit introduces concepts and skills underpinning the user-centred design of web sites using the web technologies such as HTML and CSS. It enables you to understand web technologies as a medium to explore design concepts and to build responsive, high-fidelity, mobile-first web sites. This includes translating conceptual designs into responsive websites while taking into account principles of interface and user experience design, layout, style and navigation. The unit enables you to formulate solutions to design problems, to produce high quality technical and aesthetic outcomes, and to understand the basic skills needed by web design professionals.
Learning Outcomes
On successful completion of this unit you will be able to:
- Apply foundational principles of web prototyping, including interface, navigation and user experience design.
- Employ practical skills for the production of high-fidelity web prototypes, including semantic markup of web content, consistent separation of content and style, and appropriate embedding of media assets.
- Explain foundation principles of interface and navigation design and how these relate to the process of web-based prototype design.
Content
This unit will provide an introduction to using web technologies as a means to design high-fidelity prototypes. This unit presents lectures, online activities and practical classes which address content such as:
- fundamental approaches to translate conceptual designs into effective web-based prototypes
- cutting-edge technologies (including HTML5 and CSS3), standards (such as semantic markup) and design approaches for effective cross-device web design
- contemporary web design principles, information architecture, and accessibility
- designing and building responsive designs that allow for prototyping across different devices (wearable, mobile, desktop) and different scales (minimal watch interface vs large scale interactive wall display)
- understanding the capabilities and limitations of web technologies for interactive prototyping.
Learning Approaches
Lectures are supported by presentations, online teaching materials, demonstrations of web technologies and contextualisation within the field of design as well as selected readings, handouts and case studies. Teaching activities will deliver key practical skills and consist of problem-based learning activities and supervised practical workshop sessions to explore and apply concepts. Real-world briefs developed in collaboration with industry contribute to an authentic learning experience.
In the online mode of this unit, you will learn through engaging in a variety of online activities, online self-directed learning, and weekly research and readings that are designed to support your learning experience. The recorded lectures will examine conceptual and theoretical principles and issues across a variety of design areas, with a focus on contemporary case studies. Throughout the online delivery of this unit, you will receive support from your instructors and peers. You will have access to online resources and materials, and you will be able to communicate with your instructors and peers via various online platforms. A variety of support materials will be published on the Canvas website to coordinate the unit.
Feedback on Learning and Assessment
Feedback in this unit is provided to you in following ways:
- in-class formative exercises
- online criteria sheets
- Canvas general comments to cohort group
- collaborative peer feedback.
Assessment
Overview
This unit involves two summative assessment items focusing on web-based prototyping.
Unit Grading Scheme
7- point scale
Assessment Tasks
Assessment: Initial Web Prototype
Assessment: High-Fidelity Web Prototype
Academic Integrity
Students are expected to engage in learning and assessment at QUT with honesty, transparency and fairness. Maintaining academic integrity means upholding these principles and demonstrating valuable professional capabilities based on ethical foundations.
Failure to maintain academic integrity can take many forms. It includes cheating in examinations, plagiarism, self-plagiarism, collusion, and submitting an assessment item completed by another person (e.g. contract cheating). It can also include providing your assessment to another entity, such as to a person or website.
You are encouraged to make use of QUT’s learning support services, resources and tools to assure the academic integrity of your assessment. This includes the use of text matching software that may be available to assist with self-assessing your academic integrity as part of the assessment submission process.
Further details of QUT’s approach to academic integrity are outlined in the Academic integrity policy and the Student Code of Conduct. Breaching QUT’s Academic integrity policy is regarded as student misconduct and can lead to the imposition of penalties ranging from a grade reduction to exclusion from QUT.
Requirements to Study
Requirements
All students and staff who access campus buildings and facilities are required to complete the Tier 1 General Health and Safety Induction. This must be completed online.
Resources
A list of resource materials for this subject will be provided on the subject’s Canvas site.
Resource Materials
Other
As part of this unit, you may decide to purchase a domain name and web hosting services, which you can use for the rest of your studies. Staff will provide advice on how to select and compare providers.
To enable your full participation in the virtual learning environment, for example, participating in online activities and engaging with online learning materials, you will need access to a reliable computer with an internet connection, webcam, headset and microphone, as well as a learning environment where you are able to fully participate undisturbed when required.
Risk Assessment Statement
For risks associated with using campus buildings or facilities, refer to the Tier 1 General Health and Safety Induction.
Where substantial computer-based work is required, particularly in the case of fully online students, you are recommended to take regular rest breaks when engaging in prolonged computer-based work, and ensure that your workstation is set up for optimal comfort to prevent strain or injury.
Course Learning Outcomes
This unit is designed to support your development of the following course/study area learning outcomes.DE43 Bachelor of Design
- Demonstrate theoretical and technical design knowledge, synthesising methods and theories of design in dynamic and evolving contexts.
Relates to: ULO1, Initial Web Prototype, High-Fidelity Web Prototype - Evaluate and translate conceptual and critical design methodologies and tools and transfer to new and complex challenges.
Relates to: ULO3, High-Fidelity Web Prototype - Demonstrate technical proficiencies to undertake rigorous and iterative design experimentation that considers participatory and co-creation design processes.
Relates to: ULO2, ULO3, Initial Web Prototype, High-Fidelity Web Prototype - Exercise self reflection, resilience, adaptability and self-direction and leverage failure in order to unlock new ideas, approaches, and ways of doing and knowing.
Relates to: ULO1, Initial Web Prototype, High-Fidelity Web Prototype
DE45 Bachelor of Design - International
- Demonstrate theoretical and technical design knowledge, synthesising methods and theories of design in dynamic and evolving contexts.
Relates to: ULO1, Initial Web Prototype, High-Fidelity Web Prototype - Evaluate and translate conceptual and critical design methodologies and tools and transfer to new and complex challenges.
Relates to: ULO3, High-Fidelity Web Prototype - Demonstrate technical proficiencies to undertake rigorous and iterative design experimentation that considers participatory and co-creation design processes.
Relates to: ULO2, ULO3, Initial Web Prototype, High-Fidelity Web Prototype - Exercise self reflection, resilience, adaptability and self-direction and leverage failure in order to unlock new ideas, approaches, and ways of doing and knowing.
Relates to: ULO1, Initial Web Prototype, High-Fidelity Web Prototype
KK43 Bachelor of Creative Industries
- Demonstrate broad and coherent theoretical and practical knowledge required for creative enterprise, career development and interdisciplinary collaborations, supported by depth in at least one creative disciplinary area.
Relates to: ULO1 - Demonstrate well-developed cognitive and ideation skills to identify, analyse and evaluate opportunities to address authentic complex problems.
Relates to: ULO3 - Demonstrate technical expertise to support skills and knowledge within the Creative Industries.
Relates to: ULO2, ULO3 - Embody social and ethical responsibilities and exhibit well-developed judgement with resilience, integrity, curiosity and responsibility.
Relates to: ULO1
Unit Outline: Semester 2 2024, Online
Unit code: | DXB111 |
---|---|
Credit points: | 12 |
Equivalent: | DXB203, KIB103 |
Assumed Knowledge: | It is assumed that you are computer literate - which means you know how to use a typical computer (Mac and/or Windows), you can use standard desktop applications such as a word processor and web browser and you can install and update software |
Overview
This unit introduces concepts and skills underpinning the user-centred design of web sites using the web technologies such as HTML and CSS. It enables you to understand web technologies as a medium to explore design concepts and to build responsive, high-fidelity, mobile-first web sites. This includes translating conceptual designs into responsive websites while taking into account principles of interface and user experience design, layout, style and navigation. The unit enables you to formulate solutions to design problems, to produce high quality technical and aesthetic outcomes, and to understand the basic skills needed by web design professionals.
Learning Outcomes
On successful completion of this unit you will be able to:
- Apply foundational principles of web prototyping, including interface, navigation and user experience design.
- Employ practical skills for the production of high-fidelity web prototypes, including semantic markup of web content, consistent separation of content and style, and appropriate embedding of media assets.
- Explain foundation principles of interface and navigation design and how these relate to the process of web-based prototype design.
Content
This unit will provide an introduction to using web technologies as a means to design high-fidelity prototypes. This unit presents lectures, online activities and practical classes which address content such as:
- fundamental approaches to translate conceptual designs into effective web-based prototypes
- cutting-edge technologies (including HTML5 and CSS3), standards (such as semantic markup) and design approaches for effective cross-device web design
- contemporary web design principles, information architecture, and accessibility
- designing and building responsive designs that allow for prototyping across different devices (wearable, mobile, desktop) and different scales (minimal watch interface vs large scale interactive wall display)
- understanding the capabilities and limitations of web technologies for interactive prototyping.
Learning Approaches
Lectures are supported by presentations, online teaching materials, demonstrations of web technologies and contextualisation within the field of design as well as selected readings, handouts and case studies. Teaching activities will deliver key practical skills and consist of problem-based learning activities and supervised practical workshop sessions to explore and apply concepts. Real-world briefs developed in collaboration with industry contribute to an authentic learning experience.
In the online mode of this unit, you will learn through engaging in a variety of online activities, online self-directed learning, and weekly research and readings that are designed to support your learning experience. The recorded lectures will examine conceptual and theoretical principles and issues across a variety of design areas, with a focus on contemporary case studies. Throughout the online delivery of this unit, you will receive support from your instructors and peers. You will have access to online resources and materials, and you will be able to communicate with your instructors and peers via various online platforms. A variety of support materials will be published on the Canvas website to coordinate the unit.
Feedback on Learning and Assessment
Feedback in this unit is provided to you in following ways:
- in-class formative exercises
- online criteria sheets
- Canvas general comments to cohort group
- collaborative peer feedback.
Assessment
Overview
This unit involves two summative assessment items focusing on web-based prototyping.
Unit Grading Scheme
7- point scale
Assessment Tasks
Assessment: Initial Web Prototype
Assessment: High-Fidelity Web Prototype
Academic Integrity
Students are expected to engage in learning and assessment at QUT with honesty, transparency and fairness. Maintaining academic integrity means upholding these principles and demonstrating valuable professional capabilities based on ethical foundations.
Failure to maintain academic integrity can take many forms. It includes cheating in examinations, plagiarism, self-plagiarism, collusion, and submitting an assessment item completed by another person (e.g. contract cheating). It can also include providing your assessment to another entity, such as to a person or website.
You are encouraged to make use of QUT’s learning support services, resources and tools to assure the academic integrity of your assessment. This includes the use of text matching software that may be available to assist with self-assessing your academic integrity as part of the assessment submission process.
Further details of QUT’s approach to academic integrity are outlined in the Academic integrity policy and the Student Code of Conduct. Breaching QUT’s Academic integrity policy is regarded as student misconduct and can lead to the imposition of penalties ranging from a grade reduction to exclusion from QUT.
Requirements to Study
Requirements
All students and staff who access campus buildings and facilities are required to complete the Tier 1 General Health and Safety Induction. This must be completed online.
Resources
A list of resource materials for this subject will be provided on the subject’s Canvas site.
Resource Materials
Other
As part of this unit, you may decide to purchase a domain name and web hosting services, which you can use for the rest of your studies. Staff will provide advice on how to select and compare providers.
To enable your full participation in the virtual learning environment, for example, participating in online activities and engaging with online learning materials, you will need access to a reliable computer with an internet connection, webcam, headset and microphone, as well as a learning environment where you are able to fully participate undisturbed when required.
Risk Assessment Statement
For risks associated with using campus buildings or facilities, refer to the Tier 1 General Health and Safety Induction.
Where substantial computer-based work is required, particularly in the case of fully online students, you are recommended to take regular rest breaks when engaging in prolonged computer-based work, and ensure that your workstation is set up for optimal comfort to prevent strain or injury.
Course Learning Outcomes
This unit is designed to support your development of the following course/study area learning outcomes.DE43 Bachelor of Design
- Demonstrate theoretical and technical design knowledge, synthesising methods and theories of design in dynamic and evolving contexts.
Relates to: ULO1, Initial Web Prototype, High-Fidelity Web Prototype - Evaluate and translate conceptual and critical design methodologies and tools and transfer to new and complex challenges.
Relates to: ULO3, High-Fidelity Web Prototype - Demonstrate technical proficiencies to undertake rigorous and iterative design experimentation that considers participatory and co-creation design processes.
Relates to: ULO2, ULO3, Initial Web Prototype, High-Fidelity Web Prototype - Exercise self reflection, resilience, adaptability and self-direction and leverage failure in order to unlock new ideas, approaches, and ways of doing and knowing.
Relates to: ULO1, Initial Web Prototype, High-Fidelity Web Prototype
DE45 Bachelor of Design - International
- Demonstrate theoretical and technical design knowledge, synthesising methods and theories of design in dynamic and evolving contexts.
Relates to: ULO1, Initial Web Prototype, High-Fidelity Web Prototype - Evaluate and translate conceptual and critical design methodologies and tools and transfer to new and complex challenges.
Relates to: ULO3, High-Fidelity Web Prototype - Demonstrate technical proficiencies to undertake rigorous and iterative design experimentation that considers participatory and co-creation design processes.
Relates to: ULO2, ULO3, Initial Web Prototype, High-Fidelity Web Prototype - Exercise self reflection, resilience, adaptability and self-direction and leverage failure in order to unlock new ideas, approaches, and ways of doing and knowing.
Relates to: ULO1, Initial Web Prototype, High-Fidelity Web Prototype
KK43 Bachelor of Creative Industries
- Demonstrate broad and coherent theoretical and practical knowledge required for creative enterprise, career development and interdisciplinary collaborations, supported by depth in at least one creative disciplinary area.
Relates to: ULO1 - Demonstrate well-developed cognitive and ideation skills to identify, analyse and evaluate opportunities to address authentic complex problems.
Relates to: ULO3 - Demonstrate technical expertise to support skills and knowledge within the Creative Industries.
Relates to: ULO2, ULO3 - Embody social and ethical responsibilities and exhibit well-developed judgement with resilience, integrity, curiosity and responsibility.
Relates to: ULO1