Update für die Navigationsoberfläche auf docs.microsoft.com

Dieser Beitrag wurde von Den Delimarsky geschrieben, Senior Program Manager im docs.microsoft.com-Team.

Im Jahr 2016 begann docs.microsoft.com als Website mit Fokus auf die technische Dokumentation. Seitdem sind wir gewachsen und haben neue Tools eingeführt, die es unseren Kunden ermöglichen, mehr über verschiedene Microsoft-Technologien und -Dienste zu erfahren, einschließlich Microsoft Learn, dem Beispielbrowser, Bewertungen und Q&A.

Mit der zunehmenden Anzahl von Ressourcen, die wir verwalten, wurden immer mehr Stimmen unserer Kunden nach einer besseren Navigation laut. Wir haben uns dazu entschieden, mit einem der ersten Elemente zu starten, die Ihnen auf der Website angezeigt werden – dem Header.

Benutzererfahrung

Bisher hat sich beim Springen zwischen verschiedenen Artikeln auf unserer Seite immer auch der Header deutlich verändert.

Das war oft irritierend und uneinheitlich. In einigen Fällen wurde der Header an den Produktinhalt angepasst, in anderen Fällen wurde der allgemeine Header für die Dokumentation angezeigt. Das führte oft zu Verwirrung, da Kunden nicht sicher waren, ob sie sich immer noch auf docs.microsoft.com oder auf einer ganz anderen Website befinden.

Zur Verbesserung dieses Zustands haben wir uns dazu entschieden, den Header in zwei Ebenen zu unterteilen: einen Teil für die gesamte Website und einen Teil für das spezielle Produkt, über das sich der Leser informiert. Durch diese Vereinheitlichung wissen die Leser unabhängig vom aktuellen Inhalt immer, dass sie sich auf docs.microsoft.com befinden. Zudem können sie so einfach zu einigen der wichtigen Bereiche wechseln.

Beachten Sie, dass wir nun einen globalen Header eingeführt haben, der statisch bleibt, wenn Sie zu einer anderen Unterseite wechseln. Zudem ist das Steuerelement für das Benutzerprofil besser sichtbar, wodurch Sie einfach zu wichtigen Kontoseiten springen können.

Und natürlich können Sie nun bequemer auf die wichtigsten Produktverknüpfungen zugreifen, nämlich direkt über den Header.

Wir stellen außerdem sicher, dass die Navigation auf mobilen Geräten intuitiv und schnell funktioniert. Sie können auf alle unsere Ressourcen zugreifen, indem Sie auf das Hamburgermenü klicken:

Feedback

Sie haben Vorschläge zur Verbesserung der Website? Dann erstellen Sie einfach ein neues Thema. Wenn Sie Interesse an den neuesten Entwicklungen haben, können Sie uns auf Twitter folgen.