# data[].attributes.body
Refer to the consistency of layout, the size of the button, the colour code or the tone used when writing the page, it is important to be consistent throughout the site. This consistency will allow us to develop our identity and not lose users as they navigate our site. It refers to the consistency of :

Functionality

Appearance

Terminology

For example, we can recognise Shopee, there is consistency between all the pages present on Shopee, the layout is the same, the size of the button is always similar, and the colour code are very specific to Shopee, which is orange colour.

# data[].attributes.body
Recognise the needs of diverse users and design for facilitating transformation of content. Adding features for newbie, such as explanations, and features for experts, such as shortcuts and faster pacing, enriches the interface design and improves perceived quality.

For example, Twitter have the "see new Tweets" that is visible to users using button features when new threats are refreshed on the home page.

# data[].attributes.body
Allow the user to know their current situation and location within a short period. It should have legible feedback for every activity.

Example 1: Sign-up pages. When a person fills out a field correctly on a signup form, the field should become green or gets a checkmark on the side to show the correctness.

Example 2: Shopee. When the user presses the add to cart button, it will notify the user by providing feedback by showing a popup that their item has been added to their shopping cart. Besides, the number of their shopping cart also increase.

# data[].attributes.body
Dialog is the simple message to tell or the user for the confirmation action that are made by the user itself

Example 1 : Delete file. The confirmation messages shown to the user whether they sure want to delete the file or not.

Example 2 : Success create account. Successfully messages pop up at the top of the website to tell the user their create account is successfully created.

# data[].attributes.body
Errors is the usually the user were faced in any situation but to prevent the errors is something that we need to think the strategies for not repeat the same errors

Example 1 : Gmail has undo button if the user are accidently push the button delete which the messages has been delete can get it back.

Example 2 : Create new account which the password need to be follow by the note given at below field of user input such as "Use 8 or more characters with a mix of letters, numbers & symbols" with text in red color

# data[].attributes.body
This focus on how designers should offer users various ways to reverse their actions. This reversals need to be offer at various point either one action or whole sequence of actions. Besides, Shneiderman stated that this features relieves anxiety, since user knows that errors can be undone, thus encourages exploration of unfamiliar options.

Example 1 : Apple design which allow user to reverse action few step back if they make mistake during installation process. This prevent user to start over again from nothing.

Example 2 : Microsoft Outlook mobile app, when user archive email, small window automatically appears at bottom of the screen that offer feature to cancel archive action.

# data[].attributes.body
Experienced users have a great desire for the feeling that they control the interface and that it reacts to their activities. They dislike shocks and unexpected changes in behaviour, and they find laborious data entry processes, challenges locating relevant data, and failure to deliver intended results annoying.

For example, we make users as the initiators of actions rather than the responders to actions. We give users of Iphones the power to delete or install applications.

# data[].attributes.body
Reducing the number of information by using memorable icons that can help users to have a better understanding of the application.

Example 1: WhatsApp. The WhatsApp platform provides the users with a simple menu by using a symbol that the user can recognize. For example, phone icons that represent calls, camera icon that represent camera, messages icons that represent chats.

Example 2: Shein. Shein uses various types of icons to assist users in using their system. For example, magnifying glass that represent search, profile icons that represent user profile,bag icon that represent user cart, heart icon that represent the saved product, headphone icons that represent customer services, and globe icons that represent the currency