Mobile Programming (Android) — UI, UX & Material Design

User Interface

> Basically is the appearance of an app/system

> is the space where interactions between humans and machines occur

User Experience

> the overall experience of a person using a product such as a website or computer application, especially in terms of how easy or pleasing it is to use.

App bars : top

> The top app bar provides content and actions related to the current screen. It’s used for branding, screen titles, navigation, and actions.

Floating Action Button (FAB)

> A floating action button (FAB) performs the primary, or most common, action on a screen.

> It appears in front of all screen content, typically as a circular shape with an icon in its center.

> FABs come in three types: regular, mini, and extended.

List

> Lists are a continuous group of text or images.

> They are composed of items containing primary and supplemental actions, which are represented by icons and text.

Card

> Cards contain content and actions about a single subject.