Re: Сравните два меню
От: Кодт Россия  
Дата: 13.12.05 11:14
Оценка: 44 (1)
Здравствуйте, Amon_RA, Вы писали:

A_R>Вот здесь и вот здесь


A_R>Пока кликать не надо — просто — какое приятнее?


Оба неприятны, но по-разному.

Вертикальное:

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

На мой взгляд, есть недоделки в стилях. Уровни и подуровни чуть-чуть различаются: недостаточно, чтобы глазами перескакивать по первому уровню, но заметно, чтобы рябило. Нужно хотя бы сделать больший отступ (1.5-2 круглых шпации (m-space), думаю, будет хорошо) или нарисовать пульки. Не самое удачное сочетание цветов: заметное, но неконтрастное. Тут нужно либо одним цветом делать, либо разносить их сильнее.

Резюме: простенько, но шероховатенько. Напильник в руки, и всё заблестит.




Горизонтальное: вот тут претензий больше.

Во-первых, по функции.
Второй уровень скрыт, и чтобы узнать, что там (а главное — есть ли он вообще), нужно водить мышкой.
Это вступает в противоречие с логикой меню GUI (что виндоуза, что никсы, что мака), где каждый пункт либо открывает меню подпунктов, либо является конечным. Здесь же можно кликнуть и по верхнему уровню, и по его подуровням.
С другой стороны, такие меню есть на многих сайтах. И кликабельность верхнего уровня имеет своё объяснение (поскольку дереву меню соответствует дерево сайта с главными страницами разделов). В общем, двойственное решение...

Во-вторых, по стилю.
Фоновая картинка — выпуклая, освещённая сверху "металлическая трубка", нарезанная на куски-пункты. Симпатично... неудача в том, что тёмные буквы текста приходятся на самую тёмную часть картинки и требуют вчитывания; впрочем, это можно поправить, заменив цвет и/или увеличив межбуквенный интервал.
Элемент под мышкой — нечто странное. Понятно, что это тот же самый градиент, только с цветами наоборот. Но он искуственный: это светотень не от ложбинки (симметричной трубке), а от трубки, освещённой спереди и, кажется, чуть снизу. Или от волны, освещённой так же, как исходная трубка.
Элемент текущего раздела — такой же, как под мышкой. Кому как, а мне показалось странным, что одновременно два элемента могут выглядеть "избранными" (хотя этому можно найти объяснение).
Если расфокусировать зрение, то обычные и избранные элементы плохо различимы: у них одинаковая яркость, а тёмная/светлая средняя линия маскируются тёмными буквами. Это недостаток: с первого взгляда незаметно, в каком разделе мы находимся сейчас. А если незаметно — то зачем было выделять текущий? (Можно отделаться "хлебными крошками").

В-третьих, по интерактивности.
1) Навигация клавиатурой (кнопкой Tab) — фокусируются кромки фоновых картинок, и это очень, очень незаметно. На второй уровень клавиатурой не добраться (ну ладно, будем думать, что страницы первого уровня дадут нам навигацию).
2) А если javascript отключить?
3) В тексте страницы увидел, что у верхнего меню есть горячие клавиши (атрибут accesskey). По внешнему виду — фиг догадаешься. А это нехорошо: представьте себе, что человек нажимает Alt+G (меню "Groups" браузера Maxthon), а вместо этого волшебным образом фокусируется на пункте "SolidGraph".

Ну, как будто, всё.
Перекуём баги на фичи!
Re: Сравните два меню
От: Сэма Россия  
Дата: 13.12.05 10:31
Оценка: 1 (1)
Здравствуйте, Amon_RA, Вы писали:

A_R>Вот здесь и вот здесь


A_R>Пока кликать не надо — просто — какое приятнее?

неправильно поставленный вопрос. Прежде всего они разные, и сравнивать их как-то странно.

Что касается первой ссылки, то:
1) На выпадающих списках кликабельна не вся область, хотя в основной линейке это не так.
нужна одинаковая реакция. Желательно, чтоб весь прямоугольник был кликабельным.
2) Слишком резкое мельтешение при работе с выпадающими пунктами. Резкий переход цвета текста, который при выделении почти сливается с цветом фона. Да и подчеркивание это...
DIV'анчик дядюшки Сэма. BTLab
Сравните два меню
От: Amon_RA Россия  
Дата: 13.12.05 10:20
Оценка:
Вот здесь и вот здесь

Пока кликать не надо — просто — какое приятнее?
Re: Сравните два меню
От: danprot Россия  
Дата: 13.12.05 10:24
Оценка:
Здравствуйте, Amon_RA, Вы писали:

A_R>Вот здесь и вот здесь


A_R>Пока кликать не надо — просто — какое приятнее?


http://www.geometros.com/
Проектирование — это искусство, которым нельзя овладеть только с помощью теоретических занятий.
Re[2]: Сравните два меню
От: Amon_RA Россия  
Дата: 13.12.05 10:25
Оценка:
Здравствуйте, danprot, Вы писали:

Почему?
Re: Сравните два меню
От: nzeemin Россия http://nzeemin.livejournal.com/
Дата: 13.12.05 10:28
Оценка:
Здравствуйте, Amon_RA, Вы писали:

A_R>Вот здесь и вот здесь

A_R>Пока кликать не надо — просто — какое приятнее?

При таком малом количестве элементов — конечно же, второе! Не люблю, когда на сайтах что-либо выпадает, тем более если это не обосновано необходимостью спрятать большое количество возможных ссылок.
А в первом, кстати, пункты неправильно подсвечиваются — только при наведении на текст пункта.
... << RSDN@Home 1.1.4 stable SR1 rev. 568>>
Re[2]: Сравните два меню
От: Amon_RA Россия  
Дата: 13.12.05 10:29
Оценка:
Здравствуйте, nzeemin, Вы писали:

N>Здравствуйте, Amon_RA, Вы писали:


A_R>>Вот здесь и вот здесь

A_R>>Пока кликать не надо — просто — какое приятнее?

N>При таком малом количестве элементов — конечно же, второе! Не люблю, когда на сайтах что-либо выпадает, тем более если это не обосновано необходимостью спрятать большое количество возможных ссылок.

N>А в первом, кстати, пункты неправильно подсвечиваются — только при наведении на текст пункта.

Мне во втором не нравится, что на каждой страничке чуть ли не четверть ширины пропадать будет под меню. А под меню — пусто — тоже некрасиво
Re[2]: Сравните два меню
От: Amon_RA Россия  
Дата: 13.12.05 10:48
Оценка:
Здравствуйте, Сэма, Вы писали:

Спасибо
Re: Сравните два меню
От: Vladimir V Kochetkov Россия https://kochetkov.github.io
Дата: 13.12.05 11:21
Оценка:
Здравствуйте, Amon_RA, Вы писали:

A_R>Вот здесь и вот здесь


A_R>Пока кликать не надо — просто — какое приятнее?


http://www.geometros.com/ т.к. всегда питал неприязнь к динамическим меню. Кроме того, во втором варианте сразу видишь все разделы, что-то типа карты сайта — достаточно удобно.

ИМХО разумеется.
...

[Интервью] .NET Security — это просто
Автор: kochetkov.vladimir
Дата: 07.11.17
Re[2]: Сравните два меню
От: Amon_RA Россия  
Дата: 13.12.05 11:25
Оценка:
Супер разбор
Спасибо большое
Re[2]: Сравните два меню
От: Mamut Швеция http://dmitriid.com
Дата: 13.12.05 12:19
Оценка:
VVK>http://www.geometros.com/ т.к. всегда питал неприязнь к динамическим меню. Кроме того, во втором варианте сразу видишь все разделы, что-то типа карты сайта — достаточно удобно.

+1

Мы у нас подумали и решили первые 3 уровня сайта полностью вывести в меню. Потому что иначе можно потерятся полностью
... << RSDN@Home 1.2.0 alpha rev. 619>>


dmitriid.comGitHubLinkedIn
Re: Сравните два меню
От: magen Россия https://ru.linkedin.com/pub/alexey-smorkalov/4/283/8b8
Дата: 14.12.05 05:22
Оценка:
Во втором мне как-то не очень понравился ньюансовый оттенок для "второго" уровня.
Шрифт меньше и светлее — текст трудно читается.
Re: Сравните два меню
От: vip_delete  
Дата: 16.12.05 03:22
Оценка:
Здравствуйте, Amon_RA, Вы писали:

A_R>Вот здесь и вот здесь


A_R>Пока кликать не надо — просто — какое приятнее?

первое меню не открывается или опять все без меня "каким-то"образом открыли ?!
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.