Прочитать на английском

Поделиться через


Обновление интерфейса навигации по сайту docs.microsoft.com

Автор записи — Дэн Делимарски (Den Delimarsky), старший руководитель программы в команде docs.microsoft.com.

В 2016 году был запущен сайт docs.microsoft.com, на котором размещалась техническая документация. С тех пор мы выросли и ввели новые инструменты, которые позволяют нашим клиентам узнать больше о различных технологиях и службах Майкрософт, включая Microsoft Learn, браузер примеров, оценки и Q&A.

По мере увеличения количества ресурсов, которыми мы управляем, наши клиенты четко и ясно давали понять, что необходимо усовершенствовать интерфейс навигации. Было решено начать с одного из первых элементов, отображаемых на сайте, — с заголовка.

Взаимодействие с пользователем

Раньше, когда пользователи переходили от одной статьи к другой, они замечали, что каждый раз заголовок претерпевал значительные изменения.

Предыдущая версия заголовка на сайте docs.microsoft.com.

Зачастую это выглядело раздражающе и весьма несогласованно. В одних случаях заголовок был настроен под материал по продукту, а в других просто использовался стандартный вариант для сайта документации. Этот момент часто приводил клиентов в замешательство, так как они уже не были уверены, что находятся именно на сайте docs.microsoft.com.

Чтобы улучшить ситуацию, мы решили разделить заголовок на два уровня — на заголовок уровня всего сайта, а также на тот, который будет относиться к продукту, изучаемому клиентом. Это позволило нам достичь той степени согласованности, когда независимо от контента клиент понимает, что находится на сайте docs.microsoft.com, и может легко переходить к ряду ключевых областей.

Новый заголовок на сайте docs.microsoft.com.

Обратите внимание, что теперь на сайте есть глобальный заголовок, который остается статическим при изменении контекста. Кроме того, мы сделали более заметным элемент управления профиля пользователя для быстрого перехода к важным страницам учетной записи.

Управление учетными записями в заголовке на сайте docs.microsoft.com.

Теперь самые важные ссылки на продукты находятся в удобном месте — по ним можно переходить прямо из заголовка.

Важные ссылки на продукты, отображаемые в новом заголовке на сайте docs.microsoft.com.

Кроме того, мы предлагаем быстрый и интуитивно понятный интерфейс на мобильных устройствах. Чтобы воспользоваться преимуществами всех наших ресурсов нужно просто нажать кнопку-гамбургер.

Заголовок в версии для мобильных устройств

Отзывы

У вас есть идеи, как улучшить сайт? Просто откройте новый вопрос. И не забудьте подписаться на нашу учетную запись Twitter, чтобы следить за новостями.