Placeholder text


26
views
1
11 weeks ago by
Link to the audit of placeholder text patterns:
https://digital.westpacgroup.com.au/confluence/display/CPL/Forms+-+Placeholder+text

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)

3 Answers


1
11 weeks ago by
Illustrate value/info required
The audit showed that placeholder text is being used to illustrate the type of value/info required.
Eg. phone number or date format

Examples:

 


1
11 weeks ago by
Instructions
The audit showed that placeholder text is being used to instruct the user on what to do.
Eg. do this!

Examples:

 


 
-1
11 weeks ago by
Prompt
The audit showed that placeholder text is being used as a prompt (mostly observed in search fields).
Eg. search

 

I think placeholder text should never be the primary descriptor of a field, as it disappears once you start your input. It's an accessibility risk too (colour contrast way too low)
written 11 weeks ago by Lukas  
Please login to add an answer/comment or follow this question.

Similar posts:
Search »
  • Help text
    Link to audit and desk research: https://digital.westpacgroup.com.au/confluence/display/CPL/Help+...
  • Search pattern
    1. Upload examples of what you've used for your project (and what worked/didn't work) 2. Comment ...
  • 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 ...
  • 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 ...
  • Off-canvas menu (AKA navigation drawer, hamburger, kebab, shelf menu)
    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 ...
  • Progress stepper
    Link to the audit of existing stepper patterns: https://digital.westpacgroup.com.au/confluence/di...