interface elements

[YuezhenQin]

In this topic, you will learn about the interface elements used to create applications. There are many different types, each with its own characteristics and purpose. Unsurprisingly, some elements are much more popular than others.

Interface element types

It's important to understand some key points before looking at specific examples of interface elements.

• Buttons (any shape, with or without labels)
• Input fields
• Navigation (transitions between screens)

An example of the classification of interface elements can be found on usability.gov. They suggest four groups:

• Input Controls — elements that allow the user to enter or input some information.
• Navigational Components — elements that show precisely where you are in the application's structure or allow you to move in different directions.
• Informational Components — elements that show the status or information, such as when the user needs to make a decision.
• Containers — elements that group information by various attributes.

common UI kits

Android Material Design kit, https://material.io/ iOS UI kit, https://developer.apple.com/design/resources/

[YuezhenQin]

Feedback

Users need regular reassurance that the system is still functioning. They also want to be made aware if something goes wrong. Even simple elements can provide users with encouraging feedback that the application is working.

Notifications

Loaders