Information Architecture

[thescientist13]

Overview

As part of the website redesign, I would like to rethink the information architecture of the site, mainly to:

• condense down the number of top level links
• get rid of the accordion navigation (too many clicks, relies on JavaScript)
• emphasize web standards
• better "compartmentalize" and reframe the docs, using "higher" level phrasing like Routing, instead of Template and Pages, and Resources instead of Styles and Assets

Information Architecture

Current

Proposed

So from the above, some examples would be:

1. Get rid of the About page. I don't think we need to try so hard to talk about ourselves, I feel like aside from an intro paragraph in the docs, the docs should speak for themselves in this regard
2. Put Getting Started into the Guides section
3. Put Plugins into the Docs section
4. Docs get a pretty good overhaul side-navigation wise

---

Status

1. Define I.A. and navigation structures / interactions
2. Outline the docs page
3. Outline the guides page

[Auhseh]

Started doing further explorations for the Docs/Guides pages, landed on this, what do you think about this direction?

Next would be exploring different screen sizes

https://www.figma.com/file/ePhyD5qNMrBAcHwQ08BnQC/GreenWood?type=design&node-id=187%3A194&mode=design&t=zhjDSOC6IUgTuuNq-1

[thescientist13]

Yeah, this looks great! Nice and "clean" and easy to read. 💯

One thing that might be nice to incorporate for code snippets is adding a nice "copy to clipboard" icon / button so readers can just grab that code snippet right away. I think you did this on the home page and would be nice to carry through to the docs / guides. 👍

https://kit.svelte.dev/docs/routing

[thescientist13]

Made issue to carry forward all the independent needs of completing the IA

• Docs Page #31
• Guides Page #33
• Blog Landing Page #34
• Blog Post Details Page #35