User Interface Design
Overview
This unit familiarises students with the UI (User Interface) design process. Students will learn how to design user interfaces using design principles linked to areas such as information design and typography. Students will be introduced to the concepts, language, requirements and procedures that support the liaison between designers and technical specialists by using software-based techniques to design and build a website or application interface.
Requisites
Pre-requisite
UX Interaction Design Minor
OR
Bachelor of Design UG degrees or Bachelor of Education (Secondary) or Bachelor of Games and Interactivity or Bachelor of Business (Vietnam) or Bachelor of Media and Communication (Vietnam) and related double degrees
01-June-2025
08-June-2025
05-October-2025
02-November-2025
Learning outcomes
Students who successfully complete this unit will be able to:
- Design and implement a simple, functioning user interface
- Plan the structure and extent of a user interface viewed across multiple screen formats, including the briefing documents
- Manage image and text resources, and aesthetic aspects of typography, for inclusion in a user interface
- Establish informational and functional aspects for user interfaces, such as typographic hierarchies, information architecture and navigational links for use across mobile devices
- Reflect on the design development process building reflective practice capabilities
Teaching methods
Hawthorn
| Activity Type | Activity | Total Hours | Number of Weeks | Hours Per Week | Venue Type and Activity Detail |
|---|---|---|---|---|---|
| On-campus | Class | 36 | 12 weeks | 3 | Lab (Mac Lab) |
| Specified Activities | Supervisor Meetings | 60 | 12 weeks | 5 | |
| Unspecified Activities | Independent Learning | 54 | 12 weeks | 4.5 | |
| Total Hours: | 150 | Total Hours (per week): | 12.5 | ||
Swinburne Online
| Activity Type | Activity | Total Hours | Number of Weeks | Hours Per Week | Venue Type and Activity Detail |
|---|---|---|---|---|---|
| Online | Learning activities | 2 | 2 weeks | 1 | Two Collaborative sessions per semester |
| Unspecified Activities | Various | 78 | 12 weeks | 6.5 | Specified learning activities, Skill building tasks, Instructional videos, Presentation videos, Readings, Discussion board, Blogs |
| Unspecified Activities | Independent Learning | 70 | 12 weeks | 5.83 | Independent study, Assignment preparation, Revision |
| Total Hours: | 150 | Total Hours (per week): | 13.33 | ||
Assessment
| Type | Task | Weighting | ULO's |
|---|---|---|---|
| Applied Web Project | Individual | 0% | 1,2,3,4 |
| Applied Web Project | Individual | 0% | 1,2,3,4 |
| Presentation | Individual | 0% | 2,3 |
| Project Workbook | Individual | 0% | 1,2,3,4 |
Content
- User Interface design for websites and applications
- Hosting and domain management for websites
- Diagrammatic planning for websites and applications
- Prototyping for websites and applications
- Managing image, colour and type for websites and applications
- Creating briefing documents for specialists contributing advanced technical functions to websites and applications
- Graduate Attribute – Communication Skills: Verbal communication
- Graduate Attribute – Communication Skills: Communicating using different media
- Graduate Attribute – Digital Literacies: Technical literacy
Study resources
Reading materials
A list of reading materials and/or required textbooks will be available in the Unit Outline on Canvas.