Course Title: Create user interfaces

Part B: Course Detail

Teaching Period: Term2 2015

Course Code: VART6061C

Course Title: Create 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

A person who applies the skills and knowledge outlined in this unit works to technical and creative specifications provided by a user interface designer or other designers.

There is scope for individual creativity because a person in this role is expected to generate a range of design options that respond to concepts documented in design specifications. However, these ideas need to demonstrate a sound understanding of user-centred design principles, as well as comply with standards that apply to the specific platforms on which the user interface will be run.

National Codes, Titles, Elements and Performance Criteria

National Element Code & Title:

CUFDIG403A Create user interfaces


3. Plan approach

Performance Criteria:

a. Select final design, incorporating feedback from relevant personnel as required
b. Identify range of appropriate industry-standard graphics software
c. Discuss and select graphics software with relevant personnel to ensure selection meets specified outcomes
d. Explore range of typographical and visual design elements that could be used in development of interface designs


1. Clarify project requirements

Performance Criteria:

a. Use design specifications in consultation with relevant personnel to clarify the target user, audience and purpose of interactive media products
b. Obtain samples of text content and media assets to be integrated into user interfaces
c. Determine file output format for delivery platform of interactive media products


2. Generate ideas

Performance Criteria:

a. Research interactive media product user interfaces, designs, images, artwork and other creative sources that may inspire design ideas
b. Obtain other relevant information that may influence or be incorporated into design ideas
c. Determine need for copyright clearance and identify potential for fair use of copyright material
d. Obtain and record copyright clearance if required
e. Use sketches and concepts in specifications as the basis for generating range of design ideas that are technically feasible and provide creative solutions to all design issues
f. Present interface design ideas to relevant personnel for discussion and feedback


4. Produce user interfaces

Performance Criteria:

a. Use graphics software to develop structure for user interfaces based on final design concepts
b. Source or create and integrate all graphic interactive components
c. Apply visual design and communication principles to the development of user interfaces
d. Ensure that user interfaces meet the principles of user-centred design and relevant standards
e. Ensure that user interfaces enhance the display of digital content
f. Document styles for text and presentation for use in style sheets and templates or themes
g. Save user interfaces in an appropriate output format that satisfies technical parameters in consultation with relevant personnel


5. Evaluate user interfaces

Performance Criteria:

a. Review user interfaces to assess effectiveness of creative solutions, appropriateness to the user and audience, and technical feasibility
b. Discuss and confirm with relevant personnel additional requirements or modifications to the overall design and undertake any necessary amendments

Learning Outcomes

This unit describes the performance outcomes, skills and knowledge required to create a user interface for an interactive media product.

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 VART6060C Design user interface (CUFDIG402A) 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