Description
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
Projects
Status