You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

Welcome log out (in header)
Summary
This welcome log out feature greets authenticated users by their first name and allows them to logout of the application. All text appears in Source Sans, white, 13 pt. The hyperlink to log out is underlined, and it takes users to the logged out confirmation page.
Code
Example (in use, with an interaction, in context)
Related patterns
Header
Problem (business, user, technical)
Users need a way to log out of the application besides just closing their browser window.
Solution
We provided this link so users can log out of the application without closing their browser window. We added a friendly message so the application feels warm and welcoming.
Rationale (other things we tried)
Accessibility

Welcome log out (in header)

  1. Summary
    1. This welcome log out feature greets authenticated users by their first name and allows them to log out of the application. All text appears in Source Sans, white, 13 pt. The hyperlink to log out is underlined, and it takes users to the logged out confirmation page.
  2. Code
  3. Example (in use, with an interaction, in context)
  4. Related patterns
  5. Header
  6. Problem
    1. For security reasons, users need a way to log out of the application without closing their browser window.
  7. Solution
    1. We provided this link so users can log out of the application without closing their browser window. We added a friendly message so the application feels warm and welcoming.
  8. Rationale (other things we tried)
  9. Accessibility
  • No labels