Я разрабатываю адаптивный веб-сайт с различными программными продуктами (приложениями) и одной главной страницей.

В меню навигации домашней страницы рабочего стола есть:

Website name (right side)               | Apps | About-us | Contact

На мобильных устройствах отображается название веб-сайта (справа) и меню-гамбургер (слева) со ссылками (приложения, о нас, контакты) внутри него.

На отдельной странице приложения должна быть панель навигации с меню:

App name                                | Getting Started | Features | Download

Нажав на любой из (Начало работы, функции, загрузка), вы перейдете к соответствующему разделу страницы приложения.

Теперь я запутался, как показать дополнительную панель навигации на странице приложения вместе с панелью навигации домашней страницы. Это также должно быть совместимо с мобильным представлением.

Один подход я нашел на https://www.jetbrains.com/idea/?fromMenu. и https://www.freshworks.com/freshsales-crm/?fworks_navbar. состоит в том, чтобы добавить обе панели навигации, но сделать панель навигации приложения привязанной к странице.

Website name (right side)               | Apps | About-us | Contact
App name                                | Getting Started | Features | Downloads

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

Я открыт для всех идей.

0
GorvGoyl 30 Мар 2018 в 10:04
Вы проверили этот сайт: nngroup.com/articles/mobile-subnavigation?
 – 
K K
30 Мар 2018 в 10:36

1 ответ

Была такая же проблема несколько дней назад. Мне понравился подход, используемый atlassian.com. Это немного похоже на freshworks.com. Но мне очень нравится stackideas.com. Их сайт имеет четкую навигационную иерархию для мобильных устройств. Посмотрите, поможет ли это решить вашу проблему.

1
Nisha Changrani 1 Апр 2018 в 23:14