Titles and Headers: Every screen should have a clear title or header that describes its content. 📌
User-Friendly Terminology: Menu items should use language that is easy for users to understand. 📌
Selection Feedback: When users select multiple options, show which options are already chosen. 📌
Loading Indicators: If a process takes more than 3 seconds, display a loader and provide an estimate of the remaining time. 📌
Status Indicators: Icons should reflect the status of the page. 📌
Current Page Indication: Make it clear which page the user is on. 📌
Hover State Highlighting: Clickable elements should be highlighted when hovered over. 📌
Reflect Changes: If users change the order of objects, the system should immediately reflect these changes. 📌
Visual Feedback: In menus or dialog boxes, clearly indicate which choices are selectable.
Consistent Icons: Use a consistent design scheme and style for icons across the system.
Consistent Terminology: Menu names should be consistent with the tasks users are performing.
State Visibility: Users should be able to easily see the current state of the system and understand the available actions.
Familiar Navigation: Place navigation elements where users typically expect them, such as at the top or on the sidebar. 📌
User Habits: Design the system with users' habits in mind, aligning with their expectations and behaviors. 📌
Clear Metaphors: Use metaphors that unambiguously convey their meaning. 📌
Concise and Clear Questions: Ensure all questions directed at users are concise and unambiguous. 📌
Helpful Hints: Provide hints that assist users in performing actions effectively. 📌
Meaningful Icons: Icons should clearly represent their intended meaning (e.g., a search icon should be a magnifying glass). 📌
User Language: Use words, phrases, and concepts familiar to users rather than system-oriented terms. 📌
Explain Abbreviations: Explain all abbreviations and acronyms (e.g., 4AD*).📌
System Assistance: The system should help users by offering ready-made options such as currency signs, country mobile codes, and formatted numbers.
Color Codes: Select colors that correspond to common expectations about color meanings.
Natural Sequence: Organize menu choices in a natural and logical sequence for each data item.
Logical Order: Arrange section headings and subsections on each screen in the most logical way.
Concrete and Familiar Icons: Ensure icons are concrete and familiar to users.