Off-canvas menu (AKA navigation drawer, hamburger, kebab, shelf menu)


81
views
0
22 months ago by
1. Upload examples of what you've used for your project (and what worked/didn't work)
2. Comment on the patterns that are posted below (and why you think it works, doesn't work)

2 Answers


0
22 months ago by

 

Notes

  • This pattern allows you to create a flatter navigation structure to your app/site. If your app/site has only one or two top level hierarchies, using this pattern probably won't add value. 
  • Be clear on pattern purpose - easy for it to turn into a dumping ground of content (discoverability is a weak point of this pattern).

 

Here's a link to the audit of existing patterns used throughout Westpac & STG:

https://digital.westpacgroup.com.au/confluence/display/CPL/Off-canvas+menu

 

0
22 months ago by

 

 

Please login to add an answer/comment or follow this question.

Similar posts:
Search »
  • Mobile Wallet (AKA Tap n' Pay)
    1. Upload examples of what you've used for your project (and what worked/didn't work) 2. Comment ...
  • Search pattern
    1. Upload examples of what you've used for your project (and what worked/didn't work) 2. Comment ...
  • Date input
    1. Upload examples of what you've used for your project (and what worked/didn't work) 2. Comment ...
  • Expense splitter
    1. Upload examples of what you've used for your project (and what worked/didn't work) 2. Comment ...
  • Next Best Action (NBAs)
    1. Upload examples of what you've used for your project (and what worked/didn't work) 2. Comment ...
  • Validation - errors
    1. Upload examples of what you've used for your project (and what worked/didn't work) 2. Comment ...
  • Electronic verification
    1. Upload examples of what you've used for your project (and what worked/didn't work) 2. Comment ...
  • Help text
    Link to audit and desk research: https://digital.westpacgroup.com.au/confluence/display/CPL/Help+...
  • Progress stepper
    Link to the audit of existing stepper patterns: https://digital.westpacgroup.com.au/confluence/di...
  • Validation - success
    Link to audit and desk research: https://digital.westpacgroup.com.au/confluence/display/CPL/Valid...