UX-UI/subjects/ui/rules/consistency

Consistency

Instructions

Pick a website or an app of your choice*. Highlight 5 signs of consistency across the pages.

*Airbnb, Google, Apple, Amazon, Facebook, Instagram and WhatsApp are not accepted.

Deliverable:

• A Figma file gathering at least 5 signs of consistency and the respective name of each app or website.

Don't forget to:

• Upload the Figma file on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
• Add a title within the file.

Tips:

• Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration canva but don’t overload your design with too much details!

Resources:

• 7 tips for designing consistency
• The value of consistent design
• Consistency and Standards - Examples of Nielsens's Design Heuristics
• The importance of consistency in design work
• Examples of signs of consistency:
  • colors.
  • same shaped buttons.
  • alignment.
  • consistent product pages (with identical frameworks).
  • etc.