Доброго времени суток, уважаемые господа и дамы, пожалуй начнем. О чем, собственно, эта запись?
Не много не мало — а о том, как все же предпочтительно расположить навигационные кнопки на вашем сайте. Предпочтительность определяется многими факторами, о которых я и хочу поговорить.
Итак еще раз — все мы часто видим кнопки на сайтах или программах . Каждый божий день пользователь ПК давит виртуальных микробов курсором своей мышки на разнообразных кнопках. Другой вопрос — задумывались ли вы — как же всё таки правильно (с разнообразных точек зрения) использовать данный элемент навигации.
Этап первый. Лингвистический.
Так уж повелось, что пишу я для читателей, которые находятся в евразии, поэтому нужды объяснять как мы читаем не вижу. Хотя думаю стоит напомнить. Читаем мы с лева на право. При этом сверху вниз. Итак — краткий экскурс для особо задорных и умных мы прошли, а теперь приступим.
Так уж повелось издавна, что направление «право» — автоматически преобразуется для нашего мозга в слово «следующий». Вспомните как вы читали книгу. Чтобы перейти на следующую страницу — куда вы смотрите? Вот-вот.
Аналогии я думаю ясны, а для тех кто не понял — поясню. Не стоит кнопки, которые приводят к следующему этапу в вашей программе, вашем сайте — ставить слева (напомню — не стоит). Разумеется если же вы не садист, и не хотите, чтобы у посетителей слетели остатки сознания.
Этап второй. Психологический.
Мне страшно об этом подумать, но я пишу о психологии… Брр… Простите, но без неё в создании хорошего интерфейса к сожалению не обойтись.
Давайте посмотрим — в чем же психология повлияла на то — как и куда ставить разнообразные кнопки. Для того, чтобы понять мою мысль — достаточно выйти на улицу и взглянуть на указатели. Вышли вы на тротуар, и видите ряд деревьев и столбов. По какую сторону они находятся? Верно — по правую. На чем висят указатели улиц, магазинов и т.п.? Правильно — на столбах. А теперь представьте, что бы было, если бы указатели улиц находились через дорогу — слева от вас? Неудобно, не правда ли?
К чему я веду? К тому — что изначально нам на подсознательном уровне заложена некая предустановка (язык не поворачивается назвать это «программой»), что важные элементы в навигации располагаются именно там — где им и место — справа от нас.
Этап третий. Исторический.
Это самая короткая заметка из всех трех. Она довольно проста и понятна. За всю историю интерфейсостроения (боже мой!) я не встречал удачной «навигации наоборот». Исключение составит разве что Хабрахабр. Но данное исключение лишь подтверждает правило.
Примеры.Дабы не быть голословным — я покажу примеры. Удачные, красивые, и не очень. Контраста ради.
1. Далеко в путь не убежал. Взглянул на страницу редактирования этой записи. Скриншот ниже. (прекрасный пример)
2. Следующий этап я заметил, когда вырезал из браузера предыдущую картинку. Это Adobe Photoshop. (хороший пример)
3. Третий этап ознаменовался, когда я взглянул на то, с помощью чего я пишу эти строки — это браузер. В моем случае это Safari от Apple. (хороший пример, но неявный некоторым. Пиптик справа — кнопка «отправки»)
4. И напоследок — пресловутая навигация Хабрахабра по страницам. От неё кипит мозг и дрожат руки. Смотрите ниже. (неоднозначный пример — вроде бы и удобно, но в то же время довольно непривычно)
Вывод заметки
Элементы навигации предполагающие переход на следующий этап — находятся справа