Assignment 2 Prototype

• E-book Prototype UI and UX Consistent Design 

1. Design hierarchy

Having a defined visual hierarchy for UI design elements greatly improves the consistency of the user interface. Whether users are conscious of it or not, they have a natural tendency to focus on the hierarchy and order of the components they interact with. When it comes to visuals and the human eye, some elements take precedence over others (bigger sizes, bright colors, etc.) This enables UX designers to offer secondary and tertiary tasks with the proper amount of attention while also ensuring consumers identify primary functions more quickly than others.

2.  UI Elements

The UI of an application is composed of several different design components, each of which serves as the foundation for different UI patterns. To ensure a consistent experience, keep an orderly inventory and make sure that elements are used effectively. Stay consistent with the overall brand. Like the rest of the brand's properties, the application should represent the typography, logo, appropriate picture styles, brand color schemes, etc. Is the right logo being used? Are brand colors uniform? Is the typeface consistent with the others?

3. Typography 

Typography and other visual components should always be on brand. This visual component is very crucial for the entire UX, not just for hierarchy. Text that has been changed in size, font, and arrangement can make it easier to read, scan, and navigate.

4. UI Components

During user research, become familiar with UI patterns and their components. Knowing how each component behaves, within the pattern and outside it, lets UX designers properly prioritize all elements on the screen without anything slipping through the cracks.

“Components” can refer to any number of elements that make up a pattern, such as:

• Buttons
• Cards
• Forms
• List Panels
• Progress bars

5. Consistent Actions in Application

Everyone loves when an application is user-friendly. It saves time, avoids headaches, and helps users accomplish their goals by eliminating confusion — all requirements for creating satisfied customers. Consistent actions remove the need for user discovery and therefore make their task flow run more smoothly. If a user knows how to use the functionality in one section, they know how to use it in all sections (as long as it’s consistent).

5.  Changes in the state and helpful information

Users appreciate feedback: a toggle that changes color to indicate “on” or “off,” for example, or a sound effect to verify a completed action. Play it safe. Even when it’s apparent that the action was successful, a lot of users still prefer a quick confirmation.