search

microbiomedata / submission-schema

https://microbiomedata.github.io/submission-schema/
MIT License
1 stars 1 forks source link

The headers of the NMDC website don't match the products #172

Open mslarae13 opened 5 months ago

mslarae13 commented 5 months ago

See screen shot. It throws me off when the text shifts & people tend to struggle to find the submission portal in the products tab.

Website Screenshot 2024-01-03 at 9 14 55 AM

Product portals Screenshot 2024-01-03 at 9 15 01 AM

mslarae13 commented 2 months ago

Did you determine if this mattered & could/should be done? @pkalita-lbl

pkalita-lbl commented 2 months ago

IMO I'm not sure exactly what we'd do here.

The unavoidable fact is that we're talking about headers on two different websites. We are conscious of keeping the content of the menus the same, but as far as the design goes it's hard to divorce the menu from the site it is a part of. For example:

  1. The portal site (https://data.microbiomedata.org/) needs to accommodate the login/logout/user info. That will never be a part of the WordPress site (https://microbiomedata.org/).
  2. The WordPress site is based around a fixed-width layout. All the content including the header is constrained to a fixed width which is why you get whitespace to the left of the logo and to the right of the Contact menu. The portal site is based on a full-width layout. That's why there is no whitespace to the left of the logo there or to the right of the login/logout/user info. It would be odd to have a fixed-width header above full-width content or vice-versa.
  3. Each site uses a different set of fonts, and the header of each site reflects that.

Those are just some of the obvious difference between the designs of the two sites. There's more subtle stuff, too, that varies between them that's not really worth getting into. The bottom line is: they're never going to be pixel-for-pixel identical.

So what are the complaints?

the text shifts

Mainly that's driven by points 1 and 2 above, especially point 2. Because you're going between a fixed-with layout and a full-width layout the degree if shifting you get it mostly determined simply by how wide your browser window is.

people tend to struggle to find the submission portal in the products tab

I'm not quite sure what to say about that. Do you have suggestions?

mslarae13 commented 2 months ago

I think I was referring to text size and font. Not position. Can we make it bigger on the products?

For finding the "submission portal" button... @ljohnson09 I think you had some feedback on this, in an issue? Do you recall?

pkalita-lbl commented 2 months ago

We could try making the font size in the portal header bigger across the board and see if that's better. But I would be extremely wary about making the font size bigger for only the product links. I think that would look unusual.

mslarae13 commented 2 months ago

the font size bigger for only the product links no... I mean make them all match... About, Product, Community, Resources,Contact ... so they catch the eye better.

pkalita-lbl commented 2 months ago

Okay let's try a larger font size in the portal header as a path forward.

ljohnson09 commented 2 months ago

@mslarae13 We had a couple of users from the user interviews that had trouble getting back to the SP after it rerouted them to the DP after ORCiD log in. But eventually people were able to find the products tab - I think they were mostly thrown off by the new portal.

mslarae13 commented 3 weeks ago

@mslarae13 We had a couple of users from the user interviews that had trouble getting back to the SP after it rerouted them to the DP after ORCiD log in. But eventually people were able to find the products tab - I think they were mostly thrown off by the new portal.

@ljohnson09 this is fixed! https://github.com/microbiomedata/nmdc-server/pull/1275 Will be in prod at the end of the month