Learn ICT Now

Criteria

Achievement (A3–A4)	Achievement with Merit (M5–M6)	Achievement with Excellence (E7–E8)
Demonstrate understanding by:	Examine Usability by:	Evaluate Usability by:
Describing the purpose of interfaces.	Explaining how principles are applied in an interface.	Comparing the Usability of two interfaces.
Describing/matching Usability principles and their use.	Explaining an interface’s Usability in terms of those principles.	Applying principles to suggest improvements to an interface.
Example Evidence required:	Example Evidence required:	Example Evidence required:
Accurately matches at least 2–3 Usability principles with definitions.	Explains in detail how two principles were implemented in a chosen interface or given scenario.	Compares two interfaces, arguing why one is more effective at applying three Usability principles.
Gives a definition and/or example of a principle (e.g., “Match between System and real world”).	Discusses practical examples of applying Māori Usability principles.	Recommends two specific UI improvements, linking them directly back to fixing Usability flaws.

Understanding the Core Requirements

To pass this external exam, you Need to understand how human-computer interfaces (UIs) are built so that they are easy, efficient, and pleasant for people to use.

The standard classifies your understanding into three levels:

• Achieved: You can Describe what interfaces do and Define core Usability principles.
• Merit: You can examine how these principles are applied in real-world apps or websites.
• Excellence: You can evaluate and compare different interfaces, finding flaws and proposing exact Design fixes using Usability principles.

The 10 Nielsen Heuristics with Examples

1. Visibility of System Status

• Definition: The System should always keep users informed about what is going on, through appropriate Feedback within a reasonable time.
• Real-World Example: When you search for products on an e-commerce site, a line of text displays: “Showing 1–24 of 145 results for ‘sneakers’”, accompanied by a small loading wheel while the page updates.
• UI Improvement Fix: If a file upload button gives no Feedback, add a Dynamic progress bar showing the percentage complete so the user knows the System hasn’t crashed.

2. Match Between System and the Real World

• Definition: The System should speak the users’ language, using words, phrases, and concepts familiar to the user, rather than internal jargon. Follow real-world Conventions.
• Real-World Example: Using a shopping cart or shopping bag icon to hold items before purchasing, or using a trash can icon to represent deleting a file.
• UI Improvement Fix: Change a technical System error message like “Error 0x004F: Null Pointer Exception” to a user-friendly alert like “We couldn’t save your profile details because a required field was left blank. Please try again.”

3. User Control and Freedom

1. Definition: Users often choose System functions by mistake and will Need a clearly marked “emergency exit” to leave the unwanted state without having to go through an extended dialogue.
2. Real-World Example: A prominent “Undo” button that pops up immediately after you accidentally delete an email, allowing you to instantly reverse the action.
3. UI Improvement Fix: If a website immediately deletes an item from a shopping cart when the user accidentally clicks the close icon, add a prompt asking, “Are you sure you want to remove this item?” or Provide an instant “Undo removal” link.

4. Consistency and Standards

• Definition: Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow established platform Conventions.
• Real-World Example: Keeping the global navigation menu at the top of the screen and the shopping cart/profile icons in the top-right corner across every single page of a website.
• UI Improvement Fix: If a mobile app uses a primary green button for “Next” on the first page, but changes it to a blue button labeled “Continue” on the second page, standardise the color and wording across the entire workflow.

5. Error Prevention

• Definition: Even better than good error messages is a careful Design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
• Real-World Example: A password creation field that lists specific strength requirements (e.g., numbers, symbols) and dynamically checks them off with green ticks as you type, rather than waiting for you to hit submit.
• UI Improvement Fix: On a flight booking website, instead of letting users type a random text date that might be formatted incorrectly, implement a calendar pop-up widget that automatically restricts selection to valid future dates.

6. Recognition Rather Than Recall

• Definition: Minimize the user’s memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another.
• Real-World Example: A streaming app showing a “Recently Watched” or “Continue Watching” Row right on the homepage, so you don’t have to manually remember and search for the exact show and episode you were on.
• UI Improvement Fix: In a multi-step checkout form, display a summary box of the selected items and prices on the final payment page so the user doesn’t have to navigate backward to verify what they are paying for.

7. Flexibility and Efficiency of Use

• Definition: Accelerators—unseen by the novice user—may often speed up the interaction for the expert user such that the System can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
• Real-World Example: Advanced sidebar filters on a clothing website that let power users instantly narrow down results by size, color, material, and price Range, while regular users can just use the Basic search bar.
• UI Improvement Fix: Implement standard keyboard shortcuts (like Ctrl + S for save or Enter to submit a form) so experienced users can navigate the interface rapidly without relying solely on mouse clicks.

8. Aesthetic and Minimalist Design

• Definition: Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
• Real-World Example: A clean, uncluttered homepage (like Google search) that features plenty of white space and focuses the user’s attention entirely on the primary action they came to perform.
• UI Improvement Fix: If an information dashboard is cluttered with dozens of dense paragraphs and competing promotional banners, move secondary information into interactive accordions or distinct tabs to clean up the visual layout.

9. Help Users Recognize, Diagnose, and Recover from Errors

• Definition: Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
• Real-World Example: When filling out a contact form, an entry field highlights in red with a precise message: “Please enter a valid email Address containing an ‘@’ symbol.”
• UI Improvement Fix: Replace a generic alert like “Submission Failed” with a specific, useful indicator: “The username you chose is already taken. Please try adding a number or choosing a different name.”

10. Help and Documentation

• Definition: Even though it is better if the System can be used without documentation, it may be necessary to Provide help and documentation. Any such information should be easy to search, focused on the user’s task, list concrete steps to be carried out, and not be too large.
• Real-World Example: A dedicated, searchable FAQ help center page with clear step-by-step guides, or small question-mark tooltips next to Complex settings that Explain what they do when hovered over.
• UI Improvement Fix: If an Online banking app introduces a Complex new investment tool, include a Brief, skippable interactive walkthrough modal when the user opens the feature for the first time.

Mātāpono Māori (Māori Usability Principles)

• Manaakitanga: Showing respect, care, and hospitality to users (e.g., providing clean, highly accessible layouts, clear navigation, and accurate use of te reo Māori with correct macrons).
• Whanaungatanga: Building relationships and connections (e.g., an “About Us” page with photos and stories of the people behind the platform, or an account registration form that allows users to Identify their iwi).

In user interface Design, Consistency and Standards (Nielsen’s 4th Heuristic) is split into two distinct categories: Internal Consistency and External Consistency.

Understanding the difference between the two is crucial for hitting the Merit and Excellence criteria in your AS92006 exam.

Internal Consistency

Definition: Maintaining the exact same Design choices, layout patterns, and terminology within the same application or website. Everything inside your product must feel like it belongs to the same family.

• Real-World Example: If a school’s website uses a bright blue button for “Submit” on the contact page, every other page on that exact same website (like the enrollment page or the newsletter signup) must also use that exact same blue button for submitting forms.
• The Usability Impact: When an interface is internally consistent, users only have to learn how to use a feature once. If a button changes color or moves to a different corner on the next page, it creates cognitive load—meaning the user has to slow down, rethink, and guess if the button does the same thing.

External Consistency

Definition: Designing your application or website to match established industry standards, Conventions, and patterns used across the wider Internet. Your product should behave the way users expect based on their experience with other digital tools.

• Real-World Example: E-commerce websites almost universally place the shopping cart icon in the top-right corner of the screen. Users also expect that clicking a website’s logo in the top-left corner will take them back to the homepage.
• The Usability Impact: External consistency relies on Jakob’s Law, which states that users spend most of their time on other websites. If you break external consistency (e.g., hiding the search bar at the bottom of the footer instead of keeping it near the top), users will become incredibly frustrated because your interface doesn’t work the way their muscle memory expects it to.

Resources and Activities