Кнопочная навигация

Доброго времени суток, уважаемые господа и дамы, пожалуй начнем. О чем, собственно, эта запись?

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

Итак еще раз — все мы часто видим кнопки на сайтах или программах . Каждый божий день пользователь ПК давит виртуальных микробов курсором своей мышки на разнообразных кнопках. Другой вопрос — задумывались ли вы — как же всё таки правильно (с разнообразных точек зрения) использовать данный элемент навигации.

Этап первый. Лингвистический.

Так уж повелось, что пишу я для читателей, которые находятся в евразии, поэтому нужды объяснять как мы читаем не вижу. Хотя думаю стоит напомнить. Читаем мы с лева на право. При этом сверху вниз. Итак — краткий экскурс для особо задорных и умных мы прошли, а теперь приступим.

Так уж повелось издавна, что направление «право» — автоматически преобразуется для нашего мозга в слово «следующий». Вспомните как вы читали книгу. Чтобы перейти на следующую страницу — куда вы смотрите? Вот-вот.

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

Этап второй. Психологический.

Мне страшно об этом подумать, но я пишу о психологии… Брр… Простите, но без неё в создании хорошего интерфейса к сожалению не обойтись.

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

К чему я веду? К тому — что изначально нам на подсознательном уровне заложена некая предустановка (язык не поворачивается назвать это «программой»), что важные элементы в навигации располагаются именно там — где им и место — справа от нас.

Этап третий. Исторический.

Это самая короткая заметка из всех трех. Она довольно проста и понятна. За всю историю интерфейсостроения (боже мой!) я не встречал удачной «навигации наоборот». Исключение составит разве что Хабрахабр. Но данное исключение лишь подтверждает правило.
Примеры.

Дабы не быть голословным — я покажу примеры. Удачные, красивые, и не очень. Контраста ради.

1. Далеко в путь не убежал. Взглянул на страницу редактирования этой записи. Скриншот ниже. (прекрасный пример)

2. Следующий этап я заметил, когда вырезал из браузера предыдущую картинку. Это Adobe Photoshop. (хороший пример)

3. Третий этап ознаменовался, когда я взглянул на то, с помощью чего я пишу эти строки — это браузер. В моем случае это Safari от Apple. (хороший пример, но неявный некоторым. Пиптик справа — кнопка «отправки»)

4. И напоследок — пресловутая навигация Хабрахабра по страницам. От неё кипит мозг и дрожат руки. Смотрите ниже. (неоднозначный пример — вроде бы и удобно, но в то же время довольно непривычно)

Вывод заметки

Элементы навигации предполагающие переход на следующий этап — находятся справа

• Похожие заметки:

  • Регистрация 2.0
  • Белое пространство
  • Вкладки, табы, 2 ствола
  • Функциональность кнопок