From 0e520f730acea5819a2245e659344d71657e7fb6 Mon Sep 17 00:00:00 2001 From: Leon Lin <56253942+leon123858@users.noreply.github.com> Date: Mon, 12 Jun 2023 02:17:17 +0000 Subject: [PATCH] docs: update spec/lightweight (#42952) --- docs/spec/lightweight.en-US.md | 21 +++++++++++++++------ docs/spec/lightweight.zh-CN.md | 22 +++++++++++++++------- 2 files changed, 30 insertions(+), 13 deletions(-) diff --git a/docs/spec/lightweight.en-US.md b/docs/spec/lightweight.en-US.md index 86a249fd0b..7d890c8b16 100644 --- a/docs/spec/lightweight.en-US.md +++ b/docs/spec/lightweight.en-US.md @@ -14,8 +14,9 @@ Fitts's Law is an ergonomic principle that ties the size of a target and its con ## Always-Visible Tools -example of Always-Visible Tools, from Zhihu - + + example of Always-Visible Tools, from Zhihu + If an action is critical, expose it directly in the interface and keep it always visible.
@@ -24,7 +25,9 @@ If an action is critical, expose it directly in the interface and keep it always ## Hover-Reveal Tools -example of Hover-Reveal Tools + + example of Hover-Reveal Tools + Instead of making Contextual Tools always visible, we can show them on demand. One way to do this is to reveal the tools when the user pauses the mouse over an object. @@ -34,7 +37,9 @@ Instead of making Contextual Tools always visible, we can show them on demand. O ## Toggle-Reveal Tools -example of Toggle-Reveal Tools + + example of Toggle-Reveal Tools + Toggle a tool mode for an area or page when the actions are not the main flow. The tools to accomplish this are revealed on the activation of the toggle. @@ -44,13 +49,17 @@ Toggle a tool mode for an area or page when the actions are not the main flow. T ## Visible Area ≠ Clickable Area -example of hypertext hot spot + + example of hypertext hot spot + The clickable area of hypertext is affected by the length of the string in a cell. The whole cell can be set to a hot spot in order to be triggered easier.
-example of button hot spot + + example of button hot spot + Increase the clickable hot spot to strengthen the responsiveness rather than increase the size of the button. diff --git a/docs/spec/lightweight.zh-CN.md b/docs/spec/lightweight.zh-CN.md index 8613e77bab..f6b01a184c 100644 --- a/docs/spec/lightweight.zh-CN.md +++ b/docs/spec/lightweight.zh-CN.md @@ -13,8 +13,9 @@ title: 简化交互 ## 实时可见工具 -实时可见工具示例 --摘自知乎 - + + 实时可见工具示例 --摘自知乎 + 如果某个操作非常重要，就应该把它放在界面中，并实时可见。
@@ -23,8 +24,9 @@ title: 简化交互 ## 悬停即现工具 -悬停即现工具示例 - + + 悬停即现工具示例 + 如果某个操作不那么重要，或者使用「实时可见工具」过于啰嗦会影响用户阅读时，可以在悬停在该对象上时展示操作项。
@@ -33,7 +35,9 @@ title: 简化交互 ## 开关显示工具 -开关显示工具示例 + + 开关显示工具示例 + 如果某些操作只需要在特定模式时显示，可以通过开关来实现。 @@ -43,13 +47,17 @@ title: 简化交互 ## 可视区域 ≠ 可点击区域 -文字链热区示例 + + 文字链热区示例 + 在使用 Table 时，文字链的点击范围受到文字长短影响，可以设置整个单元格为热区，以便用户触发。
-按钮热区示例 + + 按钮热区示例 + 当需要增强按钮的响应性时，可以通过增加用户点击热区的范围，而不是增大按钮形状，从而增强响应性，又不缺失美感。