User Interface Design

1. Containers

2. Gestalt principles

2.1. Gestalt psychologists state that our minds have a tendency to group and organize elements and do so in predictable ways.

2.2. list

2.2.1. 1. We tend to perceive elements as a group when they are close to each other.

2.2.2. 2. The principle of similarity dictates that we’re inclined to group elements that look like each other.

2.2.3. 3. Our mind tends to follow paths and group elements that are aligned with each other. This is the principle of continuity.

2.2.4. 4. The principle of closure tells us that users need to understand the status of tasks. Whenever a product needs a little more time to complete a task, loaders inform us that the product is still working in the background.

3. UI design patterns

3.1. 1. Problem: What does the user want to do? 2. Context: When should the pattern be used? 3. Solution: What is the solution? 4. Examples: Where and how has the pattern been implemented before?

4. Responsive UI design

4.1. Consisting of a mix of images, flexible grids and layouts, and a use of CSS, responsive web design responds directly to the user’s behavior and environment based on screen size, platform, and orientation.

5. Definition

5.1. The point of human-computer interaction on an app, website, or device. This can include keyboards, display screens, and the appearance of a desktop

6. UI design

6.1. It’s the process of creating interfaces of apps and websites with a focus on look and style. Include digital user interfaces and oice-controlled interfaces

7. Input Controls

8. Navigational components

9. Informational components