Горизонтальные меню, несколько советов

[Avantasia]

Извиняюсь за неудобства. Перезалила.

[Avantasia]

Тому, кто ленится читать, достаточно посмотреть на заголовки, выделенные серым :)

[Avantasia]

Буду рада, что для кого-то она окажется полезной и интересной.

[Nail13]

Если не трудно, оставьте ссылку на оригинал статьи. Заранее спасибо.

[Avantasia]

Ссылка указана. Достаточно нажать на пункт «Автор оригинала» (Louis Lazaris) внизу статьи. Будьте внимательнее. :)

[Nail13]

Действительно. Не знал об этой фиче. Как говорится, век живи… :))

[tgm]

Спасибо.
Еще бы реализации красивых горизонтальных меню. Вот этого ждал от статьи :)
Или хотя-бы ссылки на сайты, а не на картинки.

[Avantasia]

Совсем забыла указать. В оригинальной статье после каждой картинки указана ссылка на сайт. Там можно посмотреть.

[tgm]

Простите еще раз но…
Ссылку на оригинал так и не обнаружил, хотя просмотрел 3 раза…

[Avantasia]

Klinkin дело говорит :)

[spelesto]

Вот оригинал статьи: www.smashingmagazine.com/2009/09/07/horizontal-navigation-menus-trends-patterns-and-best-practices/

[klinkin]

Louis Lazaris
Слева от ника автора хабратопика.

[adolgushin]

спасибо.
понравился совет сигнализировать о выпадающем меню при помощи стрелочек вниз

[mpro]

использовать стрелочки возле выпадающих меню спорно. Если меню выпадает при клике, то да, надо, а если при наведении, то вполне можно обойтись и без.

[dotzero]

лучше предупредить пользователя заранее о том что есть выпадающее меню, чтобы если у него меню не загрузилось, то он понял, что есть стрелка, а меню нету, значит что-то не так.

[mpro]

«если у него меню не загрузилось» надо меню так делать чтоб оно загружалось ))) Ни какой фантастики тут нет. А если не грузится то пользователь и так поймет, что «что-то не так.» и стрелки тут не нужны.

[basilisk]

1) А если JS отрублен?
2) А если HTML от менюшки уже загрузился и отобразился, а скрипты ещё нет?

Я понимаю, что второй пункт — это уже к разработчику, а не к пользователю, но сути это не меняет: интерфейс не должен содержать неожиданных элементов/поведения. Вспомните хотя бы классическое многоточие для пункта меню, если он не просто выполняет какое либо действие, а выкидывает диалог. Предлагаемая стрелочка — продолжение темы :)

[kost]

1) Выпадающее меню вполне успешно делается без JS.

[Avantasia]

Ну вот представте меню, все пункты ни чем не отличаются. Однако один пункт содержит подменю. И как мне понять, что это выпадающее меню? На угад водить (щелкать) мышкой? :)

[Dmitry_f]

ссылки на действия пользователя справа, по привычке

Да, привычка ускоряет нек. действия, но иногда лучше исходить из логики, чем из привычки.

[Avantasia]

Ну здесь просто все хорошо систематизировано.

[Dmitry_f]

Получается «хорошо систематизировано» — не всегда «хорошо».

[Avantasia]

Вывод

Методы, рекомендуемые в этой статье, достаточно общие, и, возможно не являются панацеей во всех случаях.

:)

[Avantasia]

Да это минус раскрывающихя подменю, нужно ставить задержку. И все же, стоит указать, что меню должно раскрываться. Т.е. отметить, что выпадающее меню отличается от меню без выпадающих пунктов. Не сразу можно будет понять на какое меню нужно щелкать или наводить, а на какое нет.

[MaxSergeev]

Мне больше всего нравится вариант от J Taylor Design. При наличии небольшого кол-ва подпунктов их просто нужно сразу же отображать, четко отделяя от родителя.

Плюсы:
— видишь сразу все варианты всех подменю;
— минул лишний клик;
— отсутствие лишних движений мышью.

Минусы:
— меню занимает чуть больше места.

[tarya]

Вы в начале статье перевели о названиях разделов, что нужно писать конкретно и не придумывать глупостей. И сразу же пишете о разделе «Контакты» — и откровенно непонятно о каких контактах речь? О электрических? Реле? Тумблера? О чем собственно речь? Или же речь идет о «Контактной информации»? Тогда и нужно так писать.

[Avantasia]

Тот кто читает статью уже должен понимать, что речь идет о сайте, а не о реле и тумблерах.

[tarya]

Я о том веду речь что писать «контакты» нельзя, контакты бывают в электрических цепях.

[znvPredatoR]

Это уже придирки. Я, узрев на сайте ссылку «Контакты», в последнюю очередь подумаю про эл. цепи.

[tarya]

Я стараюсь не умничать а просто передал слова Лебедева. И думаю он прав. Как нет культуры вождения на дорогах так-же нет и культуры создания веб-сайтов. Мы привыкли видеть «Скачать», «Здесь» и др. и как бы всем понятно о чем речь идет, но мы понимаем что нужно делать лучше.

[Avantasia]

Вы не обратили внимание на превью #13 Make in impact.

[nicothin]

>>Помещайте ссылки на действия пользователя вправо

перечитал раза три (первые два раза завис)

впору писать на Хабре статью «Перевод статей: несколько советов» :)

«Помещайте ссылки на действия пользователя в правую часть страницы»

[kost]

У оригинала статьи есть большое преимущество — скриншоты сайтов являются ссылками на эти сайты.

[Avantasia]

Обновила. Поставила после каждого скрина ссылку на сайт.

[UdarEC]

Спасибо. Читать было приятно. Не знаю, чем задело, но задело)

[RekrutUA]

Согласен с таким подходом, нестандартный «выпендреж» не люблю

P.S. напомнило мне как пару дней назад сел первый разза Макбук и просто очумел от того как все неудобно если до этого только Линуксом и Виндовс пользоваться.
Скрытие, развертка и закрытие окна в Сафари в левом верхнем углу просо убило и я понял что Мак делает все что бы из пользователи при возможном переходе на виндовс думали также как и я когда первый раз был за Макбуком. Вобщем в перспективе макбук я точно не куплю какой бы он быстрый не был ))

[Avantasia]

Да. продуманный дизайн — хорошо. Учитывая привычки пользователей.
А вот иногда привыкание плохо отражается на желании научиться чему-то новому и постичь это.