Timing and Behavior
The drawer is a fixed element at the right edge of the screen on larger breakpoints, and in the lower left corner of the screen on smaller breakpoints.
Transition time to open/close is 500ms.
The drawer proactively opens and closes according to timing rules determined by the product team responsible for sitewide implementation. Example timing rules:
- Example: The drawer proactively opens after 30 seconds. When coded, this behavior must adhere to accessibility standards such that it doesn't interrupt screen readers as it slides in/out.
- Example: The drawer proactively closes if the user doesn't interact with it for 5 seconds.
- Example: Ideally, the drawer should proactively open no more than twice consecutively on any page. Implementations may vary.
If the user closes the drawer through direct interaction, then it no longer proactively opens for that session (although this value resets during Cart & Checkout).
Don't change any of the timing rules without first validating hypotheses through production testing!
When a user clicks the label tab, the drawer slides out to reveal several contact and help options.
When the user clicks the label tab a second time, or clicks the close X button, the drawer slides closed.
The drawer content is specific to the current segment/branch. For example: products For Home, products For Work, or Solutions & Services. Currently, all of the downstream pages within the segment will have the same content as the parent node, although a future goal is to provide the capability for making the content page-specific.
Content limits are minimum of 1 link, maximum of 4 links, plus an optional advertising/MDF area.
Links should be displayed in order of popularity. For example, chat is almost always first.
Each link should include an icon with supporting text. Clicking either element produces the same outcome for the link.
An optional introduction may precede the link list. This introduction can be personalized based upon page context and authentication. For example, "Hello Josh, do you need any help with laptops?"
If the drawer includes an optional MDF (inline marketing banner) at the bottom of its content, then don't remove this without approval from the legal department as doing so could cause a breach of contract.