1. Build a prototype user interface

1.1 Gather requirements for the user interface

1.2 Determine the application development language for writing the user interface

1.3 Build a prototype using prototyping tools available in the determined language

1.4 Review UI prototype with client and edit as required

2. Design UI

2.1 Formulate application content flow

2.2 Design UI components

2.3 Define UI actions

2.4 Itemise UI events

3. Build UI

3.1 Determine the appropriate language

3.2 Build UI with the required functionality

4. Test UI

4.1 Test UI for overall functionality according to requirements

4.2 Iterate UI design or build until test results meet requirements

5. Document UI and obtain client sign-off

5.1 Document user requirements

5.2 Document UI

5.3 Obtain client sign-off to completed UI

Overview of assessment

Critical aspects for assessment and evidence required to demonstrate competency in this unit

Evidence of the ability to:

design a fully functional UI in consultation with the user using the determined language

create a prototype UI

review the prototype with the user

build the UI

test that created UI is complete, consistent and functional.

Context of and specific resources for assessment

Assessment must ensure access to:

internet in order to use online tools available for prototyping and UI design

integrated development environment (IDE) for the determined language

specific tools and licenses are available depending on particular platform, such as Windows, Linux, Unix, Mac and Google Chrome

appropriate learning and assessment support when required

modified equipment for people with special needs.

Method of assessment

A range of assessment methods should be used to assess practical skills and knowledge. The following examples are appropriate for this unit:

evaluation of candidate’s:

UI prototype

completed UI

review of candidate’s UI documentation

verbal or written questioning to determine candidate’s knowledge of:

UI components

prototyping methodology.

Guidance information for assessment

Holistic assessment with other units relevant to the industry sector, workplace and job role is recommended, where appropriate.

Assessment processes and techniques must be culturally appropriate, and suitable to the communication skill level, language, literacy and numeracy capacity of the candidate and the work being performed.

Indigenous people and other people from a non-English speaking background may need additional support.

In cases where practical assessment is used it should be combined with targeted questioning to assess required knowledge.

Gather requirements may include:

interviews

observation

questionnaires.

Development language may include:

object-oriented language, such as:

ASP.NET

C++

Java

JavaScript

JSP

NET (VB, C#)

Python

XHTML, DHTML and CSS.

Prototyping tools may include:

commercial applications, such as:

Adobe FireWorks CS4

Adobe Flash Catalyst

Axure

Balsamiq Mockups

Microsoft Expression Blend

MockupScreens

open-source tools, such as:

FluidIA

Napkin Look & Feel

Pencil Sketching

web-based tool, such as:

Hot Gloo

Mockingbird.

UI components may include:

common and basic controls, such as button, label, textbox, checkbox and combo box

container controls

data controls

dialogs

menus and toolbars controls

printing controls.

UI actions may include:

keyboard actions along with the key modifiers

keyboard actions, such as key press, key release and key action

mouse actions include moves, button presses, button releases and dragging

use of emerging interactive surface technologies and the NUI.