Подумать на дизайном меню

[bespoyasov]

Подумать над индикацией прогресса в меню. Как пример — next.js, слева отмеченные выделены зелёным.

[bespoyasov]

Next, кстати, тоже не особо парятся :–)

У них есть главное меню, где показывается верхний уровень навигации, на котором отмечается прогресс зелёными буллитами:

А есть доп. меню с очками на внутренних страницах:

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

[bespoyasov]

Пока что у меня идеи такие:

• жирным выделяем текущую страницу;
• индикатор серый, если секция не пройдена;
• индикатор чёрный, если мы находимся в секции, и она не пройдена;
• индикатор слева зелёный, если секция пройдена.

Получатся вот такие кейсы:

1. Мы на странице «Примеры из идеального мира» внутри секции об SRP, секция пройдена не до конца:

   

2. Мы внутри секции об SRP, она пройдена до конца:

   

3. Мы на странице введения. Пройдены секция введения и SRP:

   

Что думаешь? @dex157 Мне бы очень помог свежий взгляд со стороны, кажется я загнался :–(

[dex157]

Мне кажется все очень хорошо ) Ну тип, что тут можно дальше придумать:

• показывать в виде прогресса будет?
• делать прогресс подчёркиванием?
• показывать прогресс дробью?

Нужно ли показывать прогресс подсекций в секциях? Вообще кажется что нет, человек заходит на сайт, и видит, что у него пройдены первые три секции, а 4ая серая, он смело смякает на 4-ую и видит прогресс в ней. Если хочет что то перепройти — перепроходит. В общем кажется твоё решение оптимально и достаточно )