Consistent Visual Cues - Get 'A' Certified

When a user is browsing the web or using an app, they should instantly know how to use it.
Keep these user design points in mind to make your app feel familiar to your users!

Use the same (or similar) visual cues as the majority of other webpages.
For example, use similar:
  • Icon images
  • Button names
  • Page layouts


This allows the user to spend less time learning how to use your website.

The feature and icons listed are common to a lot of applications. If you use any of these buttons, follow the format below:
  1. One button Linking to two different places Don't link a button's icon to a different address than where its alternative text links to.

  2. Icon that depicts a document
    it must have a text alternative: "Download myDoc.docx"
    Format: Download {document name}

  3. Icon that depicts a search bar
    it must have a text alternative: "Search"
    (Not "Find")

  4. Icon that depicts a printer
    it must have a text alternative: "Print myDoc.docx"
    Form: Print {document name}
    OR
    "Print bill"
    Form: Print {document type}

References:
Consistent Identification

Comments

Popular Posts