Nudge 2019 / 2020 visitors to the 2021 report

[rviscomi]

The top result for "web almanac" on Google is the 2019 report. If a visitor lands on the 2019 page, we should have some kind of hint that the 2020 report is available. Open to ideas to make this unintrusive and context-aware, for example if a user deliberately switches from 2020 to 2019, we don't need to make them aware of the 2020 edition.

[tunetheweb]

What do you think about a simple banner at the top of the page? And not sure we need to make it context-aware. I vote for simplicity over complexity 😀

Play with it here: https://20201214t204654-dot-webalmanac.uk.r.appspot.com/en/2019/

Changes: https://github.com/HTTPArchive/almanac.httparchive.org/compare/new_edition_banner

[roryhewitt]

Personally I'd make it more 'visible' - perhaps in red or something else? I think users will be 'ad-blind' to it at the top there...

…

On Mon, Dec 14, 2020 at 12:51 PM Barry Pollard ***@***.***> wrote: What do you think about a simple banner at the top of the page? And not sure we need to make it context-aware. I vote for simplicity over complexity 😀 Play with it here: https://20201214t204654-dot-webalmanac.uk.r.appspot.com/en/2019/ Changes: https://github.com/HTTPArchive/almanac.httparchive.org/compare/new_edition_banner [image: Screenshot showing banner] <https://user-images.githubusercontent.com/10931297/102133799-95b4f380-3e4d-11eb-8d7d-c63432a6aa34.png> — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#1764 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACYF7223IHLCHBRM2ORJUBLSUZ3F5ANCNFSM4U3EV23Q> .

-- Rory Hewitt https://www.linkedin.com/in/roryhewitt

[rviscomi]

I had something more subtle in mind, like a dismissable callout pointing to the year picker, eg "View the 2020 results". We could use some kind of client-side storage to know when the user has visited a 2020 page, and if not and they visit a 2019 page we can nudge them. If they've dismissed the nudge, we could also store that and never show it again.

[tunetheweb]

Personally I'd make it more 'visible' - perhaps in red or something else? I think users will be 'ad-blind' to it at the top there...

Valid points, however we need to balance between a "nudge" and in your face. Which goes to Rick's request to make it more subtle.

I had something more subtle in mind, like a dismissable callout pointing to the year picker, eg "View the 2020 results". We could use some kind of client-side storage to know when the user has visited a 2020 page, and if not and they visit a 2019 page we can nudge them. If they've dismissed the nudge, we could also store that and never show it again.

Would also need to think about how we handle this on mobile (53% of our traffic). Could point to hamburger menu but not quite as obvious as it would be on menu.

Personally I think we have an immediate concern, especially until Google picks up the fact that 2020 is now our primary page. So my vote would be to get something out there quickly - like the yellow banner idea - unless someone has a better idea at this time, and the time to work on this.

[rviscomi]

@HTTPArchive/designers this is a good first issue and some interesting UX questions to consider

[shantsis]

What about playing off the original banner idea, but have it slide in after X seconds so its still subtle but less likely to be missed? The banner would have to be adjusted somewhat for mobile.

banner-msg.mov

[rviscomi]

At least for desktop, I was thinking that we could center the prompt around the year picker UI to encourage visitors to change years and at the same time "teach" them how to change years. Kind of like a dismissible small yellow dialog pointing up to the year picker, which could also have the yellow "active" border/text style. WDYT?

[shantsis]

I suppose so. The title of this item made me think we wanted to push them to the latest report more than anything :)
Perhaps the CTA can open up the picker UI instead of pointing to it? It may make it a more accessible solution.

[GeekBoySupreme]

I have a half-formed idea around switching reports by year. Linking it here in sometime.