search

cloudfour / eleventy-patterns

(WIP) A boilerplate template used to quickly generate pattern libraries and prototyping environments
https://eleventy-patterns.netlify.com/
MIT License
4 stars 0 forks source link

No merge/Do not review #38

Closed dromo77 closed 4 years ago

dromo77 commented 4 years ago

Do not review, generating a deploy preview to get design feedback.

Paul-Hebert commented 4 years ago

Thanks for these designs @dromo77 ! These are a big improvement for handling all of the links a pattern library can have!

First Reactions

I agree with Derek and Arianna about preferring this option over the other option you shared. It's easier to quickly navigate between sections and is more consistent with other sites I'm familiar with. I hear what you're saying about a11y concerns and overloading those link elements, but I think we should be able to find an accessible solution for that.

Other Constraints

I'm guessing you've already considered this, but keep in mind for these designs that there could be a lot more links than patterns and prototypes (e.g. Identity, Utilities, Combos, Contributing, Getting Started) so whatever solution we land on should support 5 or 6 high level links without requiring much tweaking.

Other Solutions

Have you explored sidebar accordion solutions on large screens? For example, this Foundation page has each of our categories in a sidebar as an expandable section? (Ignore the top bar on that page — they have tons of links they need to support)

Screen Shot 2020-01-15 at 11 13 48 AM

I don't necessarily think this is a better solution, but I might be interested in exploring that option before settling on a solution to move forward with. (Unless you've already explored this and found it doesn't work well)

Next Steps

Overall this is great!

I'd potentially be interested in seeing a sidebar accordion solution or any other ideas you think might work, but if you've already explored those I'd be happy to move forward with this! I think it works really well! 😀 (I haven't reviewed the code or the styling, just the UX interaction)

What do you think? Are there other ideas you'd like to explore, or should we move forward with implementing this?

If we do move forward with this I'd be interested in seeing some tweaks to make the menu quickly accessible even if you've scrolled very far down the page. Maybe some sort of sticky behavior could help? I'm open to ideas on that 🙂

Thanks @dromo77 ! Great job!

dromo77 commented 4 years ago

Thanks @Paul-Hebert for your feedback!

It seems like everyone is leaning towards the same option. I think it's good starting point, but definitely has room for improvement. You brought up some good points that I'd like to explore further. These are the things I want to address:

Paul-Hebert commented 4 years ago

Sounds great, thanks Danielle! Looking forward to seeing your further explorations!