Code Monkey home page Code Monkey logo

Comments (9)

otroan avatar otroan commented on July 19, 2024

Finally getting around to looking at this.
For bullet 9 (main nav 8).
What were you thinking should go into "Join project". Since that content is now also in "main nav 1".

from site.

edwarnicke avatar edwarnicke commented on July 19, 2024

@nealtex01 In looking at the preview for #91 does it seem to you that our top nav is to crowded now:
image

Its up to seven items... which violates the 3-5 rule... thoughts?

from site.

nealtex01 avatar nealtex01 commented on July 19, 2024

@edwarnicke it's a valid observation.

There are many ways to reduce. It's interesting. When I suggested the above nav/content reorg, it was 100% born out of working from the "raw clay" of what we have on the site now (from a page perspective). It was not with an eye towards fitting to web motifs that seem common to other projects. I am naturally bent in the former direction, and think all LFN projects should follow suit :-). That approach also tends to serve better from a user experience and search engine crawler perspective both.

Said differently, I feel like the LFN web sites in general lean towards "inside baseball", which IMHO runs counter to the goals being set by the LFN Marketing Council.

That said, I could have a view of the world that is too "marketing-ish" for LFN's brand / web objectives. And you are really only asking about FD.io here, so perhaps it is off topic (although contextually important to consider).

Well, back to your specific observation. Of note, the following sites have this count of main nav items:
Calico (7)
Kubernets (8)
NSM (3)

So there really is no main nav "standard".

In looking at Calico and NSM web sites, both have adopted a (time-tested, and very suitable for mobile device) model of a long-form home page. Were we to go this route, the "What's FD.io?" main nav item could be rolled into the home page. That drops us from 8 to 7.

If we want to further condense, the above mentioned projects do not call out "News" or "About" on the main nav. So we could roll both under "Resources", dropping us from 7 to 5. These moves are unconventional for commercial web site design, but open source projects sort of follow a different "marketing framework".

So that is ONE path to main nav redux.

Regardless, it seems we need to consider a much better long-form home page, and one that is more "engaging". Calico smokes us on this front. But a good example of where we have improved our "visual appeal" is the recent infographic - which probably badly needs to the make the home page has a pdf, if not reshape the home page altogether.

Let's face it, open source projects need eye candy and approachability. Human attention span is shorter than that of a goldfish.

Let's discuss on the morning call today?

PS. BIG THANKS TO @otroan FOR GETTING THE ABOVE SANDBOX BUILT!!!

from site.

edwarnicke avatar edwarnicke commented on July 19, 2024
  • EnvoyProxy(5) - Github, Docs, Try, Blog, Community
  • Prometheus(5) - Docs, Download, Community, Support & Training, Blog
  • OpenPolicyAgent(6) - Documentation, Download, Ecosystem, Support, Playground, Blog
  • CoreDNS(5) - Plugins, External Plugins, Blog, Manual, Community
  • GRPC(5) - About, Docs, Showcase, Blog, Community
  • Helm(5) - Home, Docs, Charts, Blog, Community
  • Istio(5) - About, Blog, News, Get Involved, Documentation
  • GoHugo(5) - News, Docs, Themes, Community, Github

from site.

edwarnicke avatar edwarnicke commented on July 19, 2024

Captured from conversation about nav length in the marketing committee meeting:

Look at the possibility of rolling 'What is FD.io' and 'Features' under 'Technology'

from site.

sknat avatar sknat commented on July 19, 2024

Hi,
I didn't notice this issue while doing site improvements on the side of documentation refactoring.
I created #104 which adds the a drop-down menu which might address overcrowding the header.
But I agree this isn't a very common design among such landing pages.

On the bright side, as the readthedocs is being refactored we could remove the Features and Technology
links and rely on those being exposed in the VPP documentation (and CSIT, HICN, ... counterparts)

from site.

edwarnicke avatar edwarnicke commented on July 19, 2024

@nealtex01 Thoughts?

from site.

nealtex01 avatar nealtex01 commented on July 19, 2024

Hey @jadenisco,

The deck I built eons ago is attached below.

There is a google page under Netgate somewhere with most of the same info - but I no longer have access, so sending you this PPT.

Also, for anyone else who might have seen this before, there is a new slide at the end that describes a newly proposed nav.

Best,
Neal

fd.io home page rework.pptx

from site.

edwarnicke avatar edwarnicke commented on July 19, 2024

@sknat may also be interested :)

from site.

Related Issues (15)

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.