Как правильно называется в терминах UX/UI
От: Marty Пират https://www.youtube.com/channel/UChp5PpQ6T4-93HbNF-8vSYg
Дата: 29.11.24 19:28
Оценка:
Здравствуйте!

Вот это дерево разделов слева — https://learn.microsoft.com/en-us/cpp/intrinsics/debugbreak?view=msvc-170

И заодно — может, его как-то удобнее можно сделать?
Маньяк Робокряк колесит по городу
Re: Как правильно называется в терминах UX/UI
От: kov_serg Россия  
Дата: 29.11.24 19:35
Оценка:
Здравствуйте, Marty, Вы писали:

M>Вот это дерево разделов слева — https://learn.microsoft.com/en-us/cpp/intrinsics/debugbreak?view=msvc-170


TOC = Table of contents
Re[2]: Как правильно называется в терминах UX/UI
От: Marty Пират https://www.youtube.com/channel/UChp5PpQ6T4-93HbNF-8vSYg
Дата: 29.11.24 19:40
Оценка:
Здравствуйте, kov_serg, Вы писали:

M>>Вот это дерево разделов слева — https://learn.microsoft.com/en-us/cpp/intrinsics/debugbreak?view=msvc-170


_>TOC = Table of contents



Это да, но я думал, может, у уиксщиков есть своё название

Не видели примеры более хорошей реализации TOC в вебе?
Маньяк Робокряк колесит по городу
Re: Как правильно называется в терминах UX/UI
От: Alekzander  
Дата: 29.11.24 20:17
Оценка:
Здравствуйте, Marty, Вы писали:

M>И заодно — может, его как-то удобнее можно сделать?


Ваще легко. Сделано очень нездорово.

1. Убери Download PDF из подвала контрола. Что оно там делает? Ему место в шапке самого документа, там где ссылки, и называться оно должно Download this article as PDF.

Иконка PDF нарисована ногами, срочно заменить.

И вместо шрифта (docons) пора бы уже освоить для вставки иконок SVG. Я понимаю, HTML говняшно немодулен, я уже как-то жаловался на это в КСВ, но внешняя (например, серверная) шаблонизация поможет подставлять ресурсы, чтобы затем их инлайнить.

2. Caption "Version", сам контрол "Version" и поле фильтра надо расположить не вертикально, а горизонтально. А впрочем, к чёрту луна-парк Caption "Version", хватит и одного комбобокса с версиями (и так ясно, что он делает). Его и фильтр располагаешь бок о бок. У тебя же сейчас половина каждого из них пустая. А если сделаешь, как я написал, пустое место элиминируется.

3. Сделай расстояние между пунктами побольше. Зачем так тесно лепить? Вот, например, сравни как тут: https://developer.mozilla.org/en-US/docs/Web/API/Element/id

Не стесняйся использовать цвет для выделения в дереве активного документа, и иконки сбоку от названия (для важных категорий).

4. Реализация фильтра максимально ущербная. Просто всю её сразу в расход. Где кнопка очистки поля? И что это за дурацкий выпадаш с отфильтрованными результатами? Сравни, опять же, с MDN: там реально фильтруется дерево, вдобавок цветом показаны совпадения текста и количество результатов.

Я бы ещё много чего написал, например, что стоило бы перенести шапку документа в третью колонку (справа), и туда же кнопки шаринга в соцсетях. Или про призрачный ЯП в списке языков. Но проще всего было бы забыть эту страницу как страшный сон, авторам её — выкинуть себя на помоечку, а за образцами для вдохновения ходить в более другие места.
I'm a sewer mutant, and my favorite authors are Edgar Allan Poo, H.G. Smells and George R.R. Martin.
Отредактировано 29.11.2024 20:19 Alekzander . Предыдущая версия .
Re[2]: Как правильно называется в терминах UX/UI
От: Marty Пират https://www.youtube.com/channel/UChp5PpQ6T4-93HbNF-8vSYg
Дата: 29.11.24 21:00
Оценка:
Здравствуйте, Alekzander, Вы писали:

A>Ваще легко. Сделано очень нездорово.


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


A>1. Убери Download PDF из подвала контрола. Что оно там делает? Ему место в шапке самого документа, там где ссылки, и называться оно должно Download this article as PDF.


A>Иконка PDF нарисована ногами, срочно заменить.


Это не про дерево само, а в более общем. Тут согласен


A>И вместо шрифта (docons) пора бы уже освоить для вставки иконок SVG. Я понимаю, HTML говняшно немодулен, я уже как-то жаловался на это в КСВ, но внешняя (например, серверная) шаблонизация поможет подставлять ресурсы, чтобы затем их инлайнить.


Тут не понял, что за docons, ты про это

<span class="docon docon-dictionary-download"></span>


Это не суть, к дереву имеет опосредованное отношение


A>2. Caption "Version", сам контрол "Version" и поле фильтра надо расположить не вертикально, а горизонтально. А впрочем, к чёрту луна-парк Caption "Version", хватит и одного комбобокса с версиями (и так ясно, что он делает). Его и фильтр располагаешь бок о бок. У тебя же сейчас половина каждого из них пустая. А если сделаешь, как я написал, пустое место элиминируется.


Это не про дерево само, а в более общем. Тут согласен


A>3. Сделай расстояние между пунктами побольше. Зачем так тесно лепить? Вот, например, сравни как тут: https://developer.mozilla.org/en-US/docs/Web/API/Element/id


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


A>Не стесняйся использовать цвет для выделения в дереве активного документа, и иконки сбоку от названия (для важных категорий).


Окей. Я-то не стесняюсь, это MS чо-то стесняется


A>4. Реализация фильтра максимально ущербная. Просто всю её сразу в расход. Где кнопка очистки поля? И что это за дурацкий выпадаш с отфильтрованными результатами? Сравни, опять же, с MDN: там реально фильтруется дерево, вдобавок цветом показаны совпадения текста и количество результатов.


Ну, изначально я только про дерево спрашивал, но замечание про фильтр — годное. Согласен, у мозиллы поприятнее сделано


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


Покажи эти места

Я MS-овский сайт привел как пример просто потому, что часто туда приходится залезать
Маньяк Робокряк колесит по городу
Re[3]: Как правильно называется в терминах UX/UI
От: rFLY  
Дата: 29.11.24 22:17
Оценка: :)
Здравствуйте, Marty, Вы писали:

M>Это да, но я думал, может, у уиксщиков есть своё название

Treeview?
Re[4]: Как правильно называется в терминах UX/UI
От: Marty Пират https://www.youtube.com/channel/UChp5PpQ6T4-93HbNF-8vSYg
Дата: 29.11.24 22:40
Оценка:
Здравствуйте, rFLY, Вы писали:

M>>Это да, но я думал, может, у уиксщиков есть своё название

FLY>Treeview?

Смешно.

Никогда бы не догадался, что хлебные крошки — это вполне устоявшийся термин в UI/UX для обозначения элемента, который показывает твоё текущее положение в иерархии документов/папок сайта (или приложения вообще). Не, логика в этом есть — всякие сказки, как мальчик потерялся, но был умный и крошил печенюшку, чтобы найти путь назад, когда текущий путь заведёт в тупик, и тп. Но вот хрен бы я сам догадался, пришлось кучу мусора перечитать, чтобы найти это
Маньяк Робокряк колесит по городу
Re[5]: Как правильно называется в терминах UX/UI
От: rFLY  
Дата: 29.11.24 22:45
Оценка:
Здравствуйте, Marty, Вы писали:

M>Смешно.

Ты же про "дерево разделов слева" спрашивал.
Re[6]: Как правильно называется в терминах UX/UI
От: Marty Пират https://www.youtube.com/channel/UChp5PpQ6T4-93HbNF-8vSYg
Дата: 29.11.24 23:25
Оценка:
Здравствуйте, rFLY, Вы писали:

M>>Смешно.

FLY>Ты же про "дерево разделов слева" спрашивал.

Да. Потому что было подозрение, что для него есть какой-то свой термин по типу хлебных крошек, о котором те, кто не в теме, никогда не смогут догадаться
Маньяк Робокряк колесит по городу
Re[7]: Как правильно называется в терминах UX/UI
От: rFLY  
Дата: 30.11.24 00:11
Оценка:
Здравствуйте, Marty, Вы писали:

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

Есть, я уже сказал — tree view

Tree view — элемент графического интерфейса для иерархического отображения информации.

Или тебе какое-то другое название нужно?
Re[8]: Как правильно называется в терминах UX/UI
От: Marty Пират https://www.youtube.com/channel/UChp5PpQ6T4-93HbNF-8vSYg
Дата: 30.11.24 00:16
Оценка:
Здравствуйте, rFLY, Вы писали:

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

FLY>Есть, я уже сказал — tree view
FLY>

FLY>Tree view — элемент графического интерфейса для иерархического отображения информации.

FLY>Или тебе какое-то другое название нужно?

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

Но вообще, меня не само дерево вью интересует само по себе, а организация отображения иерархии содержимого.
Маньяк Робокряк колесит по городу
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.