Getting Started

Overview

With SMU’s continuous growth comes many challenges. One of which is in maintaining a certain level of consistency and adherence to good user experience throughout all its projects. This site aims to be a reference and a tool for designing, building, and leading SMU-related projects. Get started:

  1. Read the principles that form the foundation of all the guidelines.
  2. Explore the guidelines for a combination of best practices, and rules to keep in mind.
  3. See how well your projects score by going through the checklists. The scoring is based on the hierarchy of user experience.
  4. Make use of the available resources for your future projects.

 

Categories

The guidelines are divided into different categories:

Principles

General concepts and encompassing values that guide decision-making

Branding

SMU-specific guidelines on color, iconography & typography, etc.

Layout

Accessibility requirements and guidelines on presenting content and navigation

UI Patterns

Best practices for reusable interface solutions to common problems

Code Optimization & Performance

Technical requirements and compliance standards for development and testing

Mobile

Guidelines on creating for small devices

Hierarchy of User Experience

The criteria for scoring is derived from Aaron Walker's Hierarchy of Website User Needs from his book Designing for Emotion.

The idea is that a project has to fulfill different levels of requirements to attain great and meaningful user experience. This guide adapts a simplified version of a hierarchy divided in four parts. A product should aim to be (1) functional and reliable, (2) intuitive and inclusive, (3) delightful, and (4) meaningful. The ones at the bottom of the hierarchy has to be achieved first before proceeding to the next level and are thus given higher scores.

hierarchy of user experience

Functional & Reliable Icon Functional and Reliable (must)

At the very least, an interface must be able to achieve its purpose with accuracy.

Intuitive and Inclusive Icon Intuitive and Inclusive (should)

An interface should be easy to learn, easy to use, and easy to remember.

Delightful Icon Delightful (could)

The functionality and the usability of an interface are things that are already expected from digital products. The next step is to bring delight to your users.

Meaningful Icon Meaningful

A product should engage users fully as to gain significance in their lives. This level is not part of the scoring as it can only be measured by doing research and reaching out to users.

Guidelines

With SMU’s continuous growth comes many challenges. One of which is in maintaining a certain level of consistency and adherence to good user experience throughout all its projects. This site aims to be a reference and a tool for designing, building, and leading SMU-related projects. Get started:

  1. Read the principles that form the foundation of all the guidelines.
  2. Explore the guidelines for a combination of best practices, and rules to keep in mind.
  3. See how well your projects score by going through the checklists. The scoring is based on the hierarchy of user experience.
  4. Make use of the available resources for your future projects.

 

Categories

The guidelines are divided into different categories:

Principles

General concepts and encompassing values that guide decision-making

Branding

SMU-specific guidelines on color, iconography & typography, etc.

Layout

Accessibility requirements and guidelines on presenting content and navigation

UI Patterns

Best practices for reusable interface solutions to common problems

Code Optimization & Performance

Technical requirements and compliance standards for development and testing

Mobile

Guidelines on creating for small devices

Hierarchy of User Experience

The criteria for scoring is derived from Aaron Walker's Hierarchy of Website User Needs from his book Designing for Emotion.

The idea is that a project has to fulfill different levels of requirements to attain great and meaningful user experience. This guide adapts a simplified version of a hierarchy divided in four parts. A product should aim to be (1) functional and reliable, (2) intuitive and inclusive, (3) delightful, and (4) meaningful. The ones at the bottom of the hierarchy has to be achieved first before proceeding to the next level and are thus given higher scores.

hierarchy of user experience

Functional & Reliable Icon Functional and Reliable (must)

At the very least, an interface must be able to achieve its purpose with accuracy.

Intuitive and Inclusive Icon Intuitive and Inclusive (should)

An interface should be easy to learn, easy to use, and easy to remember.

Delightful Icon Delightful (could)

The functionality and the usability of an interface are things that are already expected from digital products. The next step is to bring delight to your users.

Meaningful Icon Meaningful

A product should engage users fully as to gain significance in their lives. This level is not part of the scoring as it can only be measured by doing research and reaching out to users.