* 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 User Interfaces
- Graphical user interfaces (GUIs)
- Voice-controlled interfaces (VUIs)
- Gesture-based interfaces

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

UI Design Methods

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

San Jose State University

Often called UI, user interface design is the design of screens that connect a user to machines and software and allow the user to manipulate them. UI focuses on maximizing usability and developing a user experience that is intuitive for humans. The goal of user interface design is to keep interactions between the interface and the user as simple and efficient as possible while still supporting enough capability for users to accomplish their goals. Graphic design plays a key role in creating an interface that affords its uses and functions. Because of this, the interface design process requires a balance between technical functionality and visual elements so the system not only operate properly, but also makes sense to the user.

User Interface Design

UI design is more concerned with the surface and overall feel of a design. UI design is a craft where you the designer build an essential part of the user experience. UX design covers the entire spectrum of the user experience. One analogy is to picture UX design as a car with UI design as the driving console.

UI vs UX design

UI Design Trends by Year
- Types of Trends
- 2020
- 2021

UI Design Trends

UI Design Methods and Tools

Interdisciplinary use of behavioral science and psychology to inform user interface design. 

- Patterns of Cognition and Behavior related to Interface Design
- Interface Design for Older Adults

Learn Before

Related

Learn After