Решил заняться переводом замечательной Design Pattern Library от Yahoo!
Начинаю, как водится, с начала, то есть с топика о цепочке пути по сайту. Перевод может показаться немного корявым, но общие мысли он передаёт. Итак, поехали.
Пользователю необходимо иметь возможность подниматься по навигации сайта (вплоть до главной страницы), понимать в какой части сайта он находится и как данная страница соотносится с другими.
Отображать горизонтально цепочку лейблов страниц начиная с главной страницы и заканчивая той, на которой в данный момент находится пользователь.
К сожалению, не хватает кармы чтобы размещать посты на главной. Буду благодарен, если кто подкинет.
Начинаю, как водится, с начала, то есть с топика о цепочке пути по сайту. Перевод может показаться немного корявым, но общие мысли он передаёт. Итак, поехали.
Проблема
Пользователю необходимо иметь возможность подниматься по навигации сайта (вплоть до главной страницы), понимать в какой части сайта он находится и как данная страница соотносится с другими.
Когда использовать
- Если данная страница не находится на первом месте в иерархии сайта.
- Если пользователь не может перемещаться по сайту с помощью других средств навигации. Например, если страница находится довольно глубоко в иерархии сайта, «хлебные крошки» могут стать самым простым и удобным способом обеспечения навигации.
- Пользователь попал на страницу из какого-либо внешнего источника (например, из страницы с результатами поиска) и ему нужно понять где эта страница находится.
Решения
Отображать горизонтально цепочку лейблов страниц начиная с главной страницы и заканчивая той, на которой в данный момент находится пользователь.
Лейблы
- Где возможно, лейбл должен называться так же, как и страница, на которую он ссылается.
- Используйте правила применения заглавных букв для лейблов.
- Отделяйте лейблы друг от друга знаком «больше» ( > ).
- Заголовок текущей страницы является последнем звеном в цепочке пути по сайту.
- Не используйте слово «Главная» (“Home”) для первого лейбла. Вместо этого используйте особое название страницы, например, Погода, Путешествия, и т.д.
Ссылки
- Все лейблы являются ссылками кроме последнего (который обозначает заголовок текущей страницы).
- Знак «больше» и пробелы по обеим сторонам его ни в коем случае не должны быть ссылками.
- Стиль отображения ссылки не должен зависеть от того, кликал по ней пользователь ранее или нет.
Прочее
- Никогда не отображайте цепочку пути по сайту на странице, что является в этой цепочке первой.
- Иногда цепочка пути по сайту соответствует истории посещения страниц сайта, но по сути ею не является.
Логика
- Цепочка пути по сайту обеспечивает положение контекста относительно остального сайта.
- Цепочка пути по сайту обеспечивает способ перемещения вверх по иерархии сайта.
Доступность
- Каждый лейбл в цепочке пути по сайту должен максимально совпадать с заголовком соответствующей страницы.
- Обеспечьте перемещение по лейблам цепочки навигации с помощью клавиши Табуляции.
- В случае навигации по цепочке при помощи клавиатуры, переход по ссылке должен осуществляться клавишей Enter.
К сожалению, не хватает кармы чтобы размещать посты на главной. Буду благодарен, если кто подкинет.