Scene 场景模式 | KPay 设计系统

📄️ Filter & Sort 筛选排序

筛选和排序减少用户查找特定数据所花费的时间，帮助和引导用户更快、更准确的获得相关有意义的数据和内容。

导航用来让用户明确知晓当前所处产品中的位置，并方便快捷地带用户到 TA 想去的地方。

2 items

对表格里的单元、表头等通用交互模式的定义和说明。

新手引导考虑用户进入到系统后的学习及功能的学习和熟悉。

状态是对当前数据的一种相对文字更加直观的提示反馈。

指将一个复杂的表单拆分成多个步骤来填写，以降低用户填写表单的心理负担和操作难度，提高表单提交的成功率。

溢出是针对数据显示方式的一种交互模式，它定义了数据内容在指定区域内如何显示的规则。

当数据可能需要很长时间才能完全加载出来时使用这个模式。

对页面中元素、模块的在不同屏幕尺寸的场景下如何交互适配进行说明。

页面中需要编辑、预览和展示图片时的说明。

对页面中模块、元素进行排序和层次调整等操作。

粘性元素被赋予相对于视口的指定位置，并且旨在在用户与页面和/或应用程序的其余部分交互时“粘”在该位置。

对输入字符、图片、文件等数据类型的场景进行说明。

通常用于显示有关页面上元素或内容的更多信息或详细信息。与工具提示不同，由揭露扩展的内容可能包含交互元素。

对于各种操作按钮和元素的摆放位置和顺序的规划和设计，考虑的是用户在特定的场景下进行何种操作，从而将操作按钮和元素放在最合适的位置，提高用户的操作效率和用户体验。

在用户填写表单时，系统对用户输入的数据进行检查和验证，确保用户输入的数据符合要求，避免出现不合法、错误或者无效的数据。

---

指设计者需要考虑如何更好地管理和操作页面中的对象，如商品、用户、订单等。这种模式通常包括列表、搜索、筛选、排序、新增、编辑、删除等功能，以方便用户在数据量较大的情况下快速找到并操作所需的对象。