Opportunity page - design header titles and dropdown on mobile

MozillaFoundation / foundation.mozilla.org

Mozilla Foundation website

https://foundation.mozilla.org

Mozilla Public License 2.0

389 stars 153 forks source link

Opportunity page - design header titles and dropdown on mobile #1029

Closed kristinashu closed 6 years ago

kristinashu commented 6 years ago

Based on conversations from here down https://github.com/mozilla/foundation.mozilla.org/issues/1013#issuecomment-363213176

kristinashu commented 6 years ago

@taisdesouzalessa @xmatthewx based on what you have both said and designed, would something like this work?

untitled-1

global sprint home copy 4

xmatthewx commented 6 years ago

@kristinashu - we don't currently display the parent page title at the top of child pages. While it would be nice to label the mini-site like that, it'll probably require a chunk of engineering. I'd like to solve the easier problem first and quickly, and then follow up on that. I worry it will confuse what would otherwise be a quick fix and a big improvement.

Your comps look great.

Here's what I suggest in terms of mapping the fields:

html title = title (as built)
nav item label = title (as built) (should be active page)
page content h1 = title (current header) (can it show parent title?)
page content h4(??) = header (in comp. currently doesn't exist)

kristinashu commented 6 years ago

Okay I've taken another stab at this! Let me know if this makes sense https://redpen.io/p/myec85141a1f7a03a5 I'm aiming for blue sky, best case scenario. If we all think would make for better user experience, then I will talk to Alan to see what is actually possible!

taisdesouzalessa commented 6 years ago

I think it solves the problem :). I like the hierarchy you created there, I think it works very well for the user experience. If we implement that, we may want to also add the instructions to our Network Site User Guide so it is clear to editors.

xmatthewx commented 6 years ago

This looks good. And I like how you've put cms fields above the designers. Very helpful.

I added a comment about the use of Title on subpages in redpen. They're critical for browser nav and history (html title). I also think they're better for sidebar nav since they tend to be shorter and less wordy.

kristinashu commented 6 years ago

Talked with Alan and he thinks he has found a way to do this! He's still working on the language but ticket for implementation is here https://github.com/mozilla/foundation.mozilla.org/issues/1047