Course Title: Design user interfaces

Part B: Course Detail

Teaching Period: Term2 2015

Course Code: VART6060C

Course Title: Design user interfaces

School: 650T Vocational Business Education

Campus: City Campus

Program: C6102 - Advanced Diploma of Business (Public Relations)

Course Contact : Sally Parrott

Course Contact Phone: +61 3 9925 5175

Course Contact

Name and Contact Details of All Other Relevant Staff

Federico Viola

Nominal Hours: 50

Regardless of the mode of delivery, represent a guide to the relative teaching time and student effort required to successfully achieve a particular competency/module. This may include not only scheduled classes or workplace visits but also the amount of effort required to undertake, evaluate and complete all assessment requirements, including any non-classroom activities.

Pre-requisites and Co-requisites


Course Description

This unit requires the application of visual communication principles to the design of user interfaces that form part of interactive media products, such as web environments, games or e-learning resources.

National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

CUFDIG402A Design user interfaces


1. Identify project requirements

Performance Criteria:

a. Discuss concept with relevant personnel to ensure that design briefs are fully understood
b. Identify technical parameters of interactive media products, including delivery platform
c. Identify target audience and user characteristics
d. Obtain information architecture specifications if available


2. Draft design specifications

Performance Criteria:

a. Visualise concepts and develop preliminary sketches based on content architecture and audience
b. Sketch basic screen layout showing main spatial zones
c. Specify functional areas within screen layouts
d. Specify metaphors and look and feel of user interfaces
e. Develop final detailed sketches taking into consideration all ideas generated
f. Gain approval from relevant personnel to ensure that interfaces meet all requirements
g. Write user interface design specifications to include relevant advice to development teams


3. Finalise user interface designs

Performance Criteria:

a. Develop focus test plans for user interfaces to identify their strengths and weaknesses
b. Incorporate design changes to information architecture in design specifications
c. Obtain final agreement from relevant personnel for finished designs

Learning Outcomes

This unit describes the performance outcomes, skills and knowledge required to design user interfaces for interactive media products.

Details of Learning Activities

Students will undertake creation of user interfaces that:

  • visually communicate to target user and audience
  • meet required standards and technical parameters of the specified platform
  • visually communicate to target user and audience

Teaching Schedule

6 Jul (1) Course Induction

13 Jul Introduction to User Experience
Presentation and Exercises to introduce the concept of User Experience, What is it and why is it important?

20 Jul Evaluate User Interfaces
Examines how we use UI to assess effectiveness, appropriateness to the user and audience and technical feasibility, of both new and existing interfaces.

27 Jul Big Data
What is Big Data, and why is everyone talking about it?
Examine the kind of data being collected. Examine how it can be used to create interesting and useful user interfaces.

3 Aug Typography and Design Re-cap
Look at Re-look at Typography and Design.
Examine student current levels and understanding with exercises.
Look at presentation techniques. Look at types of presentations, informative vs. the pitch.

10 Aug In class presentations

17 Aug Brainstorming
• Look at different brainstorming techniques and idea generation.
• Plan approach: design selection, graphic software choice, explore typographical and visual design elements
• Paper prototypes: concept sketches including functional areas and design specifications

24 Aug Use software to develop Prototypes
Apply visual design and communication principles to the development of user interfaces.
Examine software tools, including tutorials on software techniques.

MID-SEMESTER BREAK 31 August – 6 September

7 Sep Project Definition – Branding your Ap
Does your project have a logo or any interesting graphics? In class we will use the creative suite to give your ap the brand definition that it would need in the marketplace.

14 Sep Visual design
We will look at organising the user interface purposefully, in meaningful and useful ways based on clear, consistent models that are apparent and recognisable to users.
Ensure user interfaces meet all design and relevant standards
Make sure the design makes simple, common tasks easy, communicating clearly and simply in the user’s own language, and providing good shortcuts that are meaningfully related to longer procedures.

21 Sep Style Sheets and Style Templates
Look at creating prototypes that meet professional standards
Save UI in appropriate output format

28 Sep Pitching to client
Exercises to prepare for pitching to client which is very different to an informative presentation.
Students Aps should be in the final iteration stage, ready for in class feedback

5 Oct Evaluate user interfaces
12 Oct Review UI to assess effectiveness, appropriateness to the user and audience and technical feasibility
19 Oct Assessment in class TBC
26 Oct Assessment Feedback - Resubmissions only
2 Nov Assessment Feedback - Resubmissions only


Learning Resources

Prescribed Texts


Other Resources

Overview of Assessment

Students must demonstrate an understanding of all elements of a particular competency to be deemed competent. Assessment methods have been designed to measure achievement of each competency in a flexible manner over a range of assessment tasks.

Assessment will incorporate a variety of methods including assignments, journals, presentation and written or test. Students are advised that they are likely to be asked to personally demonstrate their assessment work to their teacher to ensure that the relevant competency standards are being met.

Assessment Tasks

This course is clustered (co-delivered and co-assessed) with VART6061C Create user interface (CUFDIG403A) course.

Assessment 1 – Presentation: Examination/User Report
Individual, due: Submission on Blackboard – week 5, Sunday, 11pm, Presentation – week 6, in class)

Individually, students will be given a real user Interface to examine. This interface will be one that helps to manage data sets (such as tram tracker or webjet). Students are then to produce a detailed analysis report to be uploaded to Blackboard and delivered in class. This presentation will cover all aspects of the user experience, that include the words that users have to interact with, the visual representations the user interacts with on the interface including, typography, diagrams, icons, and other graphics. The space with which the user or users interact, the content that changes over time such as sound, video, or animation, and the behaviour defines the user’s actions/ reaction to the interface and how they respond to it.

• This assessment is an individual assessment
• The assessment and marking guide can be accessed through the Assessments folder in Create User Interfaces and Design User Interfaces. Students must follow the outline provided.
Assessment 2 – User Interface Design
Group, due: Submission on Blackboard – week 12, Sunday, 11pm, Presentation –Week 13, in class)

Working in groups, the second assessment will focus on the design and creation of a professional prototype of a User Interface. This project will involve a range of research and technical tasks to be completed using various software tools in the Adobe Creative Suite. You will be given data sets, and the aim of user interface design is to make the user’s interaction as simple, efficient, enjoyable and perhaps even fun as possible. Your final prototypes will be presented.

• This assessment is an group assessment and will entail identifying project requirements and drafting design specifications
• The assessment and marking guide can be accessed through the Assessments folder in Create User Interfaces and Design User Interfaces. Students must follow the outline provided.
Assessment 3 – Online Test
Individual (Due in class Week 15)

Individually students will complete an online test in class. You will need to show a solid understanding of key material covered over the semester including User Experience (UX), digital platforms, and prototyping software.

• This assessment is an individual assessment.
• The assessment can be accessed through the Assessments folder in Create User Interfaces and Design User Interfaces. Students must follow the outline provided.

Additional notes to students:
If a student receives an NYC for any assessment, or part of an assessment, they will not be deemed competent for the course and therefore will receive an overall grade of NYC.

*More detailed assessment sheets for each assessment task will be disseminated throughout course delivery.

Assessment Matrix


Course Overview: Access Course Overview