Skip to content

Suggestions for General Improvements to Documentation Presentation #35682

Closed
@cseguenot

Description

@cseguenot

Currently, the format of the documentation for ASP.NET and other technologies is off-putting and does not facilitate understanding of your technologies. This could hinder their adoption, especially for Blazor.
Below are my suggestions, partly discussed and shared by the Blazor community on Reddit.

Page Length

Some pages are far too long. For example, the page on navigation and routing contains over 7,300 words—equivalent to 35 A4 pages (measured in Word).

→ Break down large pages into smaller, more digestible ones (max 3,000 words).

Headings

H2 and H3 headings are not numbered, and their styles are nearly identical. This makes it difficult to navigate the page and clearly see its structure.

→ Number the headings and use sufficiently different colors and font sizes for H2 and H3 levels.

Navigation

Side Navigation Panel

The side navigation panel can display up to four levels of nesting but lacks any visual distinction between these levels, making it hard to see where the current page is located in the hierarchy.

Bold the current item at each level. For example, for a page with the path Web apps / Blazor / Fundamentals / Routing and navigation, bold each component of this path and use a light yellow background for the last component to make it stand out. Use a larger font for the first level.

Make the panel collapsible so the documentation page can be displayed with sufficient width when, for instance, the browser and Visual Studio windows are side by side.

Breadcrumb Navigation

The breadcrumb displayed at the top of each page is currently of little use. For example, for the path above, the breadcrumb shows: Learn / .NET / ASP.NET Core /.

→ Display the full page path in the breadcrumb (without "Learn") and in a larger font:
.NET / ASP.NET Core / Web apps / Blazor / Fundamentals /

Clicking on a segment could take the user to the Overview page of the corresponding section.

With this breadcrumb, you could remove "ASP.NET Core Blazor" from the H1 title of each page, improving conciseness and clarity.

Previous/Next Page Navigation

→ At the bottom of each page, add links to the previous and next pages based on the order defined in the left navigation panel. This would greatly improve page-to-page navigation.

Illustrations

The documentation currently consists only of text and code, with no diagrams or images. This makes the pages less engaging and harder to understand. Humans are visual learners—we appreciate variety, colors, and visuals, which help us grasp and retain information better.

→ Add diagrams and screenshots to clarify concepts and make the pages more pleasant to read. It would be perfectly acceptable to leave the text inside diagrams untranslated to simplify their management.

Translation

Machine-translated documentation in other languages (at least for French) is currently very poor. It forces users to constantly switch back to English. Learning and understanding complex concepts already requires significant effort, so having reliable documentation in one's native language would be a huge help.

Significantly improve the quality of translations. Note: DeepSeek excels at translation.

Conclusion

I hope you understand that this is not just about aesthetics. Documentation is not a minor detail—it is one of the most critical elements in making a technology accessible, understandable, and encouraging its adoption.
For example, I find Blazor extraordinary, but its documentation is discouraging, and I’m far from the only one who feels this way. Improving the documentation would, in turn, improve Blazor’s adoption.

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions