Code Monkey home page Code Monkey logo

Comments (11)

cguardia avatar cguardia commented on August 25, 2024

The problem I see with the navbar, is that it only shows up when the user scrolls down. Shouldn't the links to resources and (specially) documentation be up there and visible right away?

from trypyramid.com.

blaflamme avatar blaflamme commented on August 25, 2024

@cguardia the idea is that the top is like an intro slide, then when you start scrolling to see content the main menu appears and gives you more choices.

from trypyramid.com.

stevepiercy avatar stevepiercy commented on August 25, 2024

The reason that the navigation is hidden now is because there is only one page now. As soon as a second page is added through a PR, then it makes sense to show the navigation at all times. @blaflamme @cguardia do you agree?

from trypyramid.com.

blaflamme avatar blaflamme commented on August 25, 2024

i would let the top menu behave like this on the home page and be at the top on all other pages

Sent from my iPhone

On Oct 22, 2015, at 17:24, Steve Piercy [email protected] wrote:

The reason that the navigation is hidden now is because there is only one page now. As soon as a second page is added through a PR, then it makes sense to show the navigation at all times. @blaflamme @cguardia do you agree?


Reply to this email directly or view it on GitHub.

from trypyramid.com.

stevepiercy avatar stevepiercy commented on August 25, 2024

I appreciate aesthetics, but not at the expense of usability. Maybe it's just me, but as soon as I start scrolling down a page, I focus on where I am scrolling toward and down and not to what I scrolled away from or above.

If the decision comes down to not showing navigation everywhere, then there must be something prominent on the home page to lead the user to Documentation and Tutorials. That would mean a rewrite and reorganization of the home page content.

I think visible navigation everywhere is the lesser of the two evils.

from trypyramid.com.

mmerickel avatar mmerickel commented on August 25, 2024

I've become pretty used to sites that use the persistent nav bar that sticks to the top when you scroll.

from trypyramid.com.

ergo avatar ergo commented on August 25, 2024

@mmerickel this is what #26 does exactly.

from trypyramid.com.

blaflamme avatar blaflamme commented on August 25, 2024

@stevepiercy the topbar on the home page appears as soon as you pass the hero section, then it sticks there. When you'll go to any other page you'll have the topnav there since only the home page will have the hero section. So it's a unique behaviour on the home page to emphasis on the brand or any other relevant information, like a business card or a flyer, then you'll see the topnav after, like you see your name, address and email on your business card, the emphasis is not on your name or your email but on the general mood you want to communicate.

Any new comers will start scrolling to reach more content and will see the topnav appearing at the top so he'll have the choice to continue scrolling or go to any other page from the menu, but he's in discover mode and looking at everything to spot information he can understand quickly. Users like us will directly go to the docs site or any other page but the fact that the topnav is hidden at first on the initial page load will never prevent a user from reaching content. To happen a user will have to be totally passive, doing nothing and not trying to see what's there, so in that case I can't think he could have found a way to reach our site anyways.

from trypyramid.com.

blaflamme avatar blaflamme commented on August 25, 2024

@mmerickel the current implementation does that when it shows up

from trypyramid.com.

stevepiercy avatar stevepiercy commented on August 25, 2024

@blaflamme I don't know about other users, but for me alone, I don't look back up once I start scrolling down.

Additionally, I don't expect to need to scroll down to reveal a hidden navigation object, so my brain does not register its appearance.

Maybe it's me aging and losing my visual acuity? I'm sensitive to accessibility, too.

I think you can achieve what you want with a universally sticky or fixed nav with a hero section. It might mean losing some of the branding that you want, but I think the trade-off is worth it.

Sticky nav example:
https://selectree.calpoly.edu/search-trees-by-characteristics

Fixed nav examples:
http://getbootstrap.com/
https://www.djangoproject.com/

from trypyramid.com.

stevepiercy avatar stevepiercy commented on August 25, 2024

Closing because this will be resolved by merging #30.

from trypyramid.com.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.