Hyrax: Top of page wraps oddly, makes usability bad

[jcoyne]

[mjgiarlo]

Thoughts on the above re: how it should wrap, @projecthydra-labs/hyrax-ui-ux-advisors @ggeisler ?

[newmanld]

If Hyrax is behaving like Sufia 7.3, it looks like the wrapping occurs in a window between the hamburger menu and a non-wrapped state. Would it be acceptable to go directly to the hamburger menu and never wrap?

[mtribone]

In ScholarSphere, I put them in different rows so that they can shrink and expand.

[newmanld]

If we can avoid an additional row, I would, as I like having a header that doesn’t become too tall. (Local variation may/will differ.)

[mccallum]

Is Administration the mode you're in and not clickable? The gear icon on Administration there is used for "Settings" traditionally. I'd find a way to get some space there if it's just a label for the mode you're in. And then notifications could use just the bell notificaiton convention - ala Github, Google, Yahoo, etc.

[jcoyne]

@mtribone Your design doesn't have the language switcher incorporated yet. I feel it too would be a little crowded after adding that.

@mccallum some accessibility experts have mentioned in the past that they prefer all icons to also have visible text.

[mccallum]

@jcoyne True that. If the bell was the choice, it would have to be as ARIA-fied as Github, Google and Yahoo are.

[mtribone]

@jcoyne Could the language prefs be in the dropdown under the person's name?

[ggeisler]

A couple of months ago I created https://github.com/projecthydra-labs/hyku/issues/502 as a placeholder for removing the links from the top-bar completely. This is much different from Sufia so I understand that not everyone will like the idea (and I'm not suggesting it for Sufia, just Hyku), but I believe it is compatible the addition of the administrative sidebar and the overall design plan for Hyku.

When the user wants to do admin-like stuff (including a non-admin user who wants to add a work or a collection), they use a link under the name pulldown to get to the admin side of things, where links to everything currently exposed in the top bar are readily available. Basically the way Spotlight works. This keeps the visual design of the site uncluttered and avoids the wrapping issue.

I will do a full mockup in https://github.com/projecthydra-labs/hyku/issues/502 when time and priorities allow.

@jcoyne: I believe @hannahfrost was planning to go over this with you this week.

[hannahfrost]

@ggeisler Yeah, @jcoyne and I discussed this morning. I'm going to start creating Hyrax tickets along the lines we discussed. Thanks.

[ggeisler]

Given #482 is complete and we've removed a bunch of links from the top bar, I think this ticket can be closed? Current version of the top bar supports about 43 characters before causing a wrapping issue, at the most minimal width where we still show all the top bar elements:

Probably sufficient unless we hear from institutions that need more space than this for their institution name?