* 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

- 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

User interfaces (UIs) can be classified into several primary types based on how users interact with the system:
- **Graphical User Interfaces (GUIs)**: Users interact with visual representations such as icons, buttons, and menus on digital screens or control panels.
- **Voice-Controlled Interfaces (VUIs)**: Users interact through spoken voice commands, commonly found in smart assistants.
- **Gesture-Based Interfaces**: Users engage with digital or virtual spaces through physical bodily motions, such as in virtual reality games.

Types of User Interfaces

- 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

The interdisciplinary application of behavioral science and psychology to inform user interface (UI) design. This approach involves understanding common patterns of human cognition and behavior, as well as physiological changes across different user demographics, to create more intuitive and accessible interfaces.

Learn Before

Related

Learn After