Users interact with visual representations on digital control panels. A computer’s desktop is a GUI.

Graphical user interfaces (GUIs)

Users interact with these through their voices. Most smart assistants—e.g., Siri on iPhone and Alexa on Amazon devices—are VUIs.

Voice-controlled interfaces (VUIs)

Users engage with 3D design spaces through bodily motions: e.g., in virtual reality (VR) games.

Gesture-based interfaces

Types of User Interfaces
- Graphical user interfaces (GUIs)
- Voice-controlled interfaces (VUIs)
- Gesture-based interfaces

San Jose State University

- UI Design Methods
- UI Design Tools
- UI Design Elements
- Types of Interfaces

UI Design Methods and Tools

* Input Controls: checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, date field

* Navigational Components: breadcrumb, slider, search field, pagination, slider, tags, icons

* Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windows

* Containers: accordion

User Interface Elements

Types of Interface

- InVision (Free, paid plans available)
- AdobeXD
- Sketch
- Marvel
- Balsamiq
- Figma (Free)
- Generative AI

UI Design Tools

Methods and techniques used to make an interface easier to use.

- Atomic Design
- Landing Page Best Practices

Learn Before

Related

Learn After