Use consistent language

The language used is not consistent. It's a mix of UK and UX English.

+

Consistent UX/UI

Consistency in Design: Use a consistent color scheme, typography, and button styles across the interface. For example, all primary buttons should have the same color (e.g., #007BFF blue) and rounded corners (e.g., 8px radius) to build familiarity.

Clear Hierarchy: Organize content with a clear visual hierarchy using font sizes, weights, and spacing. For instance, use 24px for headings, 16px for body text, and 12px for captions to guide users’ attention.

Accessible Color Contrast: Ensure text and background colors meet WCAG 2.1 standards (minimum 4.5:1 contrast ratio for normal text). For example, black text (#000000) on a white background (#FFFFFF) is ideal for readability.

Intuitive Navigation: Place navigation elements like menus in predictable locations, such as a top bar or sidebar. For example, a hamburger menu in the top-left corner for mobile apps is a standard users recognize.

Feedback on Interaction: Provide immediate feedback for user actions, like a button changing color (e.g., from blue to darker blue) when clicked or a loading spinner for form submissions.

Minimize Cognitive Load: Avoid overwhelming users with too many options. For example, limit primary call-to-action buttons to 1–2 per screen to reduce decision fatigue.

Responsive Design: Ensure interfaces adapt to different screen sizes. For example, a website’s layout should shift from a 3-column desktop view to a single-column mobile view (below 768px width) for usability.

Error Prevention and Handling: Design forms to prevent errors, like validating email formats in real-time, and provide clear error messages, e.g., “Please enter a valid email address” in red below the input field.

Familiar Icons and Symbols: Use universally recognized icons, like a magnifying glass for search or a trash can for delete, to ensure users understand functionality without needing text explanations.

Create guidelines:

Naming conventions (e.g. Camel Case, plural/singular, active/passive verb)

Color coding

Language consistency (i.e. US or UK English)\

Proper H1, H2, H3, etc. hierarchy

Alt text format

Positioning on screen, e.g. titles, paragraphs

Background usage

Max sentence length (for readability)

White space usage

Links (i.e. underline) and tooltips (i.e. dotted line)

Repeatable behavior