Designing a Good User Interface (UI)

Vocabulary flashcards covering the concepts, importance, formats, elements, and best practices of User Interface (UI) Design based on the DS 213 lecture.

User Interface (UI)

Anything a user may interact with on a website or within an app, such as screens, touchscreens, keyboards, sounds, lights, and even the text users read.

UI Design

The process of designing a user interface with the goal of providing a great user experience (UX).

Voice-controlled interface (VUI)

A common UI format that uses speech recognition technology that lets users interact with technology using their voices.

Graphical user interface (GUI)

A UI format (often pronounced as "gooey") that helps users interact within a website or app without having to type commands.

Gesture-based interface

A UI format where gestures help users to navigate between views, take actions, and manipulate content.

Input Controls

Interface elements including checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, and date fields.

Navigational Components

Interface elements including breadcrumbs, sliders, search fields, pagination, tags, and icons.

Informational Components

Interface elements including tooltips, icons, progress bars, notifications, message boxes, and modal windows.

Containers

Interface elements including accordions, widgets, and carousels.

Put Users in Control

A best practice principle involving making allowances for reversible errors, making navigation easy, acknowledging actions through feedback, making system status visible, and accommodating different skill levels.

Make Comfort The Core of Design

A best practice principle that focuses on simplicity, avoiding redundant data requests, using common terminology, making elements visible, using real-world metaphors, addressing errors, and securing user work.

Lessen Cognitive Loads

A best practice principle that involves chunking sequences of information, streamlining task sequences, prioritizing recognition over recall, and promoting visual clarity.

Chunking

A design method used to lessen cognitive load by breaking information or action steps into sequential groupings.

Recognition over Recall

A practice under lessening cognitive load that reduces the user's memory effort by making options, controls, and information visually present.

Visual Consistency

Maintaining consistency in an interface by using the same colors and fonts throughout the design.

Functional Consistency

Maintaining consistency in an interface by ensuring that controls and elements work the same way throughout.

Benefits of a Good User Interface

1. Attracting and Acquiring New Users, 2. A Boost in User Retention, 3. Lower User Support, 4. Lower Costs for Development, 5. Higher User Satisfaction.

Real-World Metaphors

Design choices used to make interfaces feel familiar to users as part of making comfort the core of design.

Angelie P Sabanal

The DS 213 instructor who delivered the lecture on Designing a Good User Interface (UI) Design.

Bill Gates Customer Quote

"Your most unhappy customers are your greatest source of learning."