search

carbon-design-system / carbon-for-ibm-dotcom

Carbon for IBM.com is based on the Carbon Design System for IBM
https://www.ibm.com/standards/carbon/
Apache License 2.0
269 stars 156 forks source link

Masthead L0 mega-menu UX designs #193

Closed jeffchew closed 4 years ago

jeffchew commented 5 years ago

spbokma created the following on Dec 13:

User story

As a user of IBM.com I need way to see a number of related topics within a navigation section so that I can quickly see what type of content and information I will find within that section of the website.

Deliverables

Notes

Exploring different mega-menu options to support different offerings, topics, content types and structural models

IBM.com homepage team has offered support to build/update the masthead navigation and mega-menus for the homepage for user testing and deployment on the live EN-US site.

Tasks

define:

Original issue: https://github.ibm.com/webstandards/digital-design/issues/400

jeffchew commented 5 years ago

On Mar 25, Wonil-Suh1 commented: I'll take a look at the design. Thanks!

jeffchew commented 5 years ago

On Mar 25, Wonil-Suh1 commented: masthead-menu-exploration

jeffchew commented 5 years ago

On Mar 25, Wonil-Suh1 commented: I feel that w need to look at the typography and layout a bit. Asked for the Sketch file.

jeffchew commented 5 years ago

On Mar 25, Wonil-Suh1 commented: Updated to reflect IDL specs better.

@LARAHANL @Olivia-Flory @chsanche please take a look and let me know.

masthead-v6 copy 11

masthead-v6 copy 12

jeffchew commented 5 years ago

On Mar 26, Wonil-Suh1 commented: Sketch file here: https://ibm.box.com/s/xofyf8ujffuu5booj2df5byhew1o0zu2

jeffchew commented 5 years ago

On Mar 26, Olivia-Flory commented: I think they're looking good!

Would we use IDL colors for something like this? Or would we use the gray we have available in v18 or v19a? I don't mean to muddy the convo around color, but just want to make sure we're using them in the right places.

jeffchew commented 5 years ago

On Mar 26, Wonil-Suh1 commented: @spbokma you expressed concerns around the text length. Can you get samples? Best case and worst?

jeffchew commented 5 years ago

On Mar 27, LARAHANL commented: Looks good @Wonil-Suh1 !

I prefer the white background option. I wonder what it would be like if the left 'side bar' was gray 90 similar to L1 designs? For example: screen shot 2019-03-27 at 11 49 13

Also would there be a need to include sub sections or headings within the mega menu? For example (old exploration): screen shot 2019-03-27 at 11 44 41

jeffchew commented 5 years ago

On May 13, spbokma commented: Testing happening on the ibm.com homepage starting 5/13 for two weeks to

staging: http://wwwstage-ext.ibm.com.cs186.net/thought-leadership/prototypes/project-masthead/ user: staging password: IBM19Jul

---From Irina Lubenskaya (Art Director for homepage)--- we are planning to run it live serving to 50% of the audience (IBM homepage)

  1. Here are our KPI for the masthead and footer. Basically, it’s CTRs https://ibm.ent.box.com/file/449565386095 that’s our monthly analysis (see pages 9 and 10 related to the masthead specifically). We have years of these data.
  2. We can run a survey and look at NPS comments as well

Notes: we have seen a steady decline in CTRs MtM our hope is that the new masthead will change it people tend to use search and also the masthead megamenues are not the best experience

we are tagging the links differently from the current tagging

jeffchew commented 5 years ago

On Sep 24, spbokma commented: User data I received/got walked through from William Tang & Rajeshwari J Nagaraj on 9/20/19, showing clicks/visit within ibm.com homepage mega-menus. As well as a recommendation for future mega-menus, which align towards a version currently in exploration…but needs dev evaluation for rendering time and making sure it doesn't slow down the display of menus.

IBM Mega Menu - Dropdown Enhancement - V3 - 092019.pptx

RobertaJHahn commented 5 years ago

Scott is doing user testing and research. Moving this issue to Icebox until more information is available from his work.

stale[bot] commented 4 years ago

We've marked this issue as stale because there hasn't been any activity for 30 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

RobertaJHahn commented 4 years ago

@jeffchew I thought that we had bumped up the stalebot to 60 days.

jeffchew commented 4 years ago

@jeffchew I thought that we had bumped up the stalebot to 60 days.

It has been configured to 60 days, but the messaging was still old. I updated the message to now say 60 days.

RobertaJHahn commented 4 years ago

The work Olivia is doing with the Reboot team replaces Scott's work. Closing this issue.