University of Technology, Sydney

Staff directory | Webmail | Maps | Newsroom | What's on

87539 VC Webmedia 1

Warning: The information on this page is indicative. The subject outline for a particular session, location and mode of offering is the authoritative source of all information about the subject for that offering. Required texts, recommended texts and references in particular are likely to change. Students will be provided with a subject outline once they enrol in the subject.

Subject handbook information prior to 2020 is available in the Archives.

UTS: Design, Architecture and Building: Design
Credit points: 6 cp

Subject level:

Undergraduate

Result type: Grade and marks

Description

Today the web has a pervasive presence in our lives; through it we access information, communicate, connect, experience. There are many facets of design involved in generating content for the web: interface design; information design; information architecture; user experience design; interaction design, etc. Through this subject students gain a basic understanding of some of these facets of design and the production of content for websites. The design environment of the screen – the constraints and considerations – is explored. Students learn to apply their existing design skills and understanding of design principles and elements to design for the web. Using design as a conduit, students communicate information on the web through the integrated use of text, image and other media elements.

Publishing content on the web is an integral step in the introduction to web media. Technically this course introduces the basic technologies of client-side web development working with HTML and CSS. These are the basic underlying mechanisms for realising creative online content.

Subject learning objectives (SLOs)

On successful completion of this subject, students should be able to:

1. Research and plan a simple project for the web
2. Analyse and evaluate the information architecture and design of web media
3. Understand and apply design principles and fundamentals within the design constraints and affordances of the screen-based web environment
4. Develop introductory experience in the production, structuring and designation of content for web media
5. Develop a capacity for basic problem solving skills relevant to the design and realisation of web media
6. Demonstrate an introductory understanding of the client-side web technologies of HTML & CSS
7. Demonstrate a basic understanding of the fundamentals and possibilities of web-based visual communication design
8. Engage with technical and conceptual development within the context of the studio group

Course intended learning outcomes (CILOs)

This subject also contributes to the following Course Intended Learning Outcomes:

  • Reflective approaches to design practice (A.3)
  • Professional and academic visual, oral and written presentation skills (C.1)
  • A capacity to collaborate effectively in a variety of group work contexts (C.2)
  • Capacity to create designs that respond to their context in formally or conceptually innovative ways (I.1)
  • Advance ideas through an exploratory and iterative design process (I.2)
  • Independent development of high level technical and craft skills for the production, presentation and documentation of your work (P.1)
  • Awareness of and/or engagement with the local and global design community (P.2)
  • Understanding of academic and professional ethics, copyright and appropriate acknowledgement of intellectual property (P.3)
  • Development of relevant insights and arguments from research (R.1)
  • Employ a range of qualitative research approaches including practice-led visual and material exploration and social and participatory methods (R.2)

Teaching and learning strategies

Studio sessions will give you the opportunity to discuss questions about the weekly topic/content with your peers and with an expert studio leader, to collaborate on activities directly relevant to key ideas and to develop your skills as a design practitioner with assistance from your studio leader. Studio sessions will provide you with the opportunity to take ownership of the ideas encountered in preparatory reading, research and the lectures. Your studio leader will facilitate discussion and offer expert insight and direction where needed, but as students you are primarily responsible for the mood of the studio session.

Lecture material will be presented within the studio sessions a combination of theoretical and practical concepts that look at the web, design & design practice and web media technologies. All material is based on technologies and concepts that are part of contemporary web design and development practice.

It is essential you bring your projects and design materials each week. This includes drawing tools and a sketch/note book, an external hard drive or USB memory stick and all of your notes and research material from previous studio classes.

Outside class time students are expected to extend the enquiries made in the studio sessions with the independent development of their assessment projects.

Assessment feedback will be provided as verbal feedback during studio sessions, written general feedback, Review against task criteria and as written feedback in review.

Content (topics)

• Web design - design practice in the context of web media.
• Information architecture - How to structure content using sitemaps and wireframes.
• Usability - Basic usability and interaction design principles that apply to web media.
• Design Practice - Researching, planning and managing a basic project for the web.
• Web Development - Hand-coding basic web pages using client-side technologies of HTML and CSS. Bottom of Form

Assessment

Assessment task 1: Observation and Design Task

Intent:

The aim of this assignment is to shift your perspective and put you into the role of observer and analyser of web based material.

Objective(s):

This task addresses the following subject learning objectives:

1, 2, 3, 5, 7 and 8

This task also addresses the following course intended learning outcomes that are linked with a code to indicate one of the five CAPRI graduate attribute categories (e.g. C.1, A.3, P.4, etc.):

C.1, C.2, P.3, R.1 and R.2

Type: Report
Groupwork: Individual
Weight: 20%
Criteria linkages:
Criteria Weight (%) SLOs CILOs
Identification of positive and negative experiences of web media 20 7 R.1
Ability to critically reflect on your experiences and what affected them 20 2 R.2
Ability to apply the discoveries of your critical reflection and broader design knowledge to solve a design problem 20 3 P.3
Effective written communication skills as evidenced in the articulation of web based experiences and their analysis 20 5 C.1
Recognition and acknowledgment of sources 10 1 P.3
Evidence of engagement with technical and conceptual development within the context of the studio group 10 8 C.2
SLOs: subject learning objectives
CILOs: course intended learning outcomes

Assessment task 2: Single Page Website

Intent:

For this assignment you will conceive, design and build a single page web site, learning the skills necessary to do so..

Objective(s):

This task addresses the following subject learning objectives:

1, 3, 6, 7 and 8

This task also addresses the following course intended learning outcomes that are linked with a code to indicate one of the five CAPRI graduate attribute categories (e.g. C.1, A.3, P.4, etc.):

I.1, P.1, P.2, P.3 and R.1

Type: Project
Groupwork: Individual
Weight: 20%
Criteria linkages:
Criteria Weight (%) SLOs CILOs
Engagement with research and planning processes, including acknowledgement of sources 20 1 R.1
Ability to think conceptually and critically, as evidenced in the production of a creative and engaging concept 20 7 I.1
Visual communication design in a screen-based web media form including hierarchy, typography, image quality and text and image relationships. 25 3 P.3
Technical understanding and proficiency as evidenced in the production of a semantic, well formed HTML & CSS document 20 6 P.1
Evidence of ongoing engagement with technical and conceptual development within the context of the studio group 15 8 P.2
SLOs: subject learning objectives
CILOs: course intended learning outcomes

Assessment task 3: Final Project

Intent:

For you third and final assignment you will be planning and building a static multiple page website. You will be asked to think critically about the media of web design and conceptually about the content you use and create for your site.

Objective(s):

This task addresses the following subject learning objectives:

1, 3, 4, 5, 6, 7 and 8

This task also addresses the following course intended learning outcomes that are linked with a code to indicate one of the five CAPRI graduate attribute categories (e.g. C.1, A.3, P.4, etc.):

A.3, C.2, I.1, I.2, P.1 and P.3

Type: Project
Groupwork: Individual
Weight: 60%
Criteria linkages:
Criteria Weight (%) SLOs CILOs
Evidence of ongoing engagement with technical and conceptual development within the context of the studio group 15 8 C.2
Ability to think conceptually and critically, as evidenced in your research process and the production of a creative and engaging concept 15 7 I.1
Visual communication design in a screen-based web media form including hierarchy, typography, image quality and text and image relationships. 15 3 P.3
Content & structure. Informed by your research and planning process your work should display thoughtful consideration of what content is included and how it is arranged 15 4 I.2
Technical understanding and proficiency as evidenced in the production of a semantic, well formed HTML & CSS website 15 6 P.1
Recognition and acknowledgment of sources 10 1 P.3
Demonstrated ability to work iteratively and undertake self-directed and reflective learning to expand knowledge & skills as required by a concept 15 5 A.3
SLOs: subject learning objectives
CILOs: course intended learning outcomes

Required texts

See UTSOnline (87539 VC Tech: Intro to Web Media > Resources).

Recommended texts

See UTSOnline (87539 VC Tech: Intro to Web Media > Resources).

References

See UTSOnline (87539 VC Tech: Intro to Web Media > Resources).

Other resources

See UTSOnline (87539 VC Tech: Intro to Web Media > Resources).