Треугольный буллит в деревьях и списках
Евгений, 8 апреля 2009
Пару дней назад довелось посетить сайт с замечательным буллитом
в меню разделов, после нескольких безрезультатных попыток, развернуть это дерево,
я понял, что никогда не нужно использовать этот маркер для простых списков. Не прошло
и пары дней как я снова попался на эту неоднозначность, причем сайт назывался «Usability
Body of Knowledge», хорошо хоть в этот раз я уже ожидал подвоха.
Проблема маркера
в том, что многие приложения учат нас, что он разворачивает элементы
дерева. Со временем рефлекс вырабатывается и увидев список с буллитами
мы пытаемся развернуть это дерево, к сожалению, иногда неожиданно отправляемся
на другую страницу, а в хорошем интерфейсе таким неожиданностям не место.
Примеры неудачного использования буллита
При ближайшем рассмотрении оказалось, что использование
для простого списка достаточно распространенная практика.
Usability Body of Knowledge
Usability Professionals' Association
Здесь не так уж похоже на дерево, в основном благодаря контексту, но контекст может
поменяться и тогда ложных срабатываний не избежать.
Fujitsu
America's Byways
Компьютерный центр Форум
Красные раскрывают дерево, серые маркеры списка ссылки в котором ведут на другую страницу. Понимание приходит только после клика на элемент с серым маркером.
Примеры правильного использования буллита
Деревья в OS Windows и Linux
Это не столько примеры правильного использования, сколько источник привычки воспринимать списки с буллитами как дерево.
Sunrise
Хорошее дерево, портит картину только то, что не все пункты с маркерами разворачиваются,
кликнув на некоторые мы неожиданно отправляемся на другую страницу.
Любопытная статья, сам не раз натыкался на примеры неудачного использования этого буллита.
Видимо, авторы сайтов, использующих треугольный биллит в списках, по большей части пользователи Windows 2K и XP. Макосовцы и Вистаносцы привыкли к треугольникам в деревьях и врядли стали бы их прикручивать к спискам.
Скорее всего авторы сайтов первыми применили треугольный буллит, а современные интерфейсы именно "источник привычки". Просто принцип "кто первый встал, того и тапки" не сработал.
Забавно. Поймал себя на том, что как маркер дерева воспринимаю лишь маленький более-менее равносторонний треугольник, навроде символа ? (который юзался в примере из "Техногрета"). А тупоугольный равнобедренный (как в первом примере) или косой (как в вистовском проводнике) — воспринимаю как обычный декоративный элемент. Может, потому, что в дремучей молодости сам нередко юзал их в таком качестве?.. :)
Упс, предпросмотр шалит. На нем этот треугольник ► (который ►) нормально показывался.
Привычка страшная сила!
А отстутствие правильной работы привычного инструмента раздражает.
Разработчики пожалейте пользователей
Это дерево было бы еще лучше, если бы маркер «поворачивался», когда ветка дерева распахнулась. Так как это сделано в скринах чуть выше на МАС'е и РС
Точно. Я как-то не обратил внимания.
Я на своем блоге как раз такую ошибку и допустил, теперь даж не знаю - заменить или оставить.
С мелким буллитом у меня ассоциаций на древовидность не возникало никогда, а вот с более-менее крупными - ... тыкал в надежде развернуть :)
Трудно оценить объективно когда уже предупрежден, восприятие получается примерно такое: «ага, вот этот список который должен быть похож на дерево, хм... вполне можно отличить», а когда просто приходишь на сайт: «о, (увидел список с треугольниками, подсознание подсказывает — дерево) тык, тык, тык, хм... блин ну кто же так делает».
Я бы треугольники всех мастей и размеров оставил деревьям, маркеров и без них хватит.
отличная заметка, сам не раз попадался. непонимаю тоже, зачем ставить треугольнички, других буллитов итак хватает
Булит - должен выглядеть как булит. Если используется треугольный, то цвет (вид) должен указывать на его "не активность". Лучше использовать приглушенные тона, серый и черный цвет.
Мне кажется, что для «древообразных» списков лучше всё же использовать пиктограммы «плюс» и «минус», а не треугольники или какие-либо другие маркеры. Это, по-моему, более привычно пользователю, ведь только с версии Windows Vista в проводнике появился "треугольник".
Да и логичнее как-то, на мой взгляд.
Ну не знаю, не соглашусь с автором, развернуть хочется плюсик, а треугольный буллит хорошо смотрится на обычном не нумерованном списке. Просто надо использовать их к месту, а не тыкать везде где не попадя.
приглашаю на мою стараницу
http://sharfik.name/
уверен,найдёте много полезного.
Самый бесхитростный спам за месяц, без попыток, что-то прокомментировать не прочитав и безмерно восхвалить автора, просто взял и пригласил на свой сайт, сразу удалить рука не поднялась, а теперь вообще пропускаю.
опять я пишу, когда поезд уже ушел, но что делать читаю не, то что свежее, а то что в данный момент интересно.
а что на счет разделения функций свертки/развертки узлов и перехода по ссылке?
буллиты, плюсики использовать только для навигации по дереву
если есть флажок это либо пояснение/маркер к содержанию ветки, типа его тип
либо дополнительный функционал наподобие чекбокса для выбора.
а ссылку с переходом, вешать мне кажется лучше на саму надпись, притом оформленную похожим образом с остальными ссылками.
а еще мне в деревьях нравится линии прорисовывать между узлами :-)