这篇著作中,咱们潜入计议了B端居品联想中两个常用组件:List(列表)和Table(表格)的区别偏激愚弄场景。
动作 B 端居品中常见的联想组件,Table 表格和 List 列表组件等闲会出刻下居品联想中。那么二者的用法有什么区别?是否不错混用?
一、两者的区别
1. 表格(Table)组件的用法
表格(Table)组件等闲用于展示行列数据,更强调用户关于信息或功能的操作和交互功能。尤其是以下情况:
当有多数结构化的数据需要展现,或数据之间存在一定联系;
当需要对数据进行排序、搜索、分页、自界说操作等复杂举止。
2. 列表(List)组件的用法
列表(List)组件等闲用于关于信息或功能的堤防展示或诠释:
可承载笔墨、列表、图片、段落,方式种种;
常用于后台数据展示页面,呈现愈加堤防的信息内容。
因此咱们不错初步判断出:当表格的操作较少时、当列表的内容方式比拟单一(唯有笔墨时)等闲是不错进行互换的。
更进一步的决策还需要你蚁合业务需求来分析和判断。
二、如何作念别离
其果真现实的联想需求中,咱们也等闲会遭遇这种组件功能期侮和难以禁受的情况,我在之前的著作中也给寰宇分析过一些。
这类情况还有许多,那么咱们到底应该如何别离和使用两个功能左近的组件呢?
1. 先透露组件的基本用法
正所谓“存在即合理”:组件 A 和组件 B 即使是长得再相像、功能和愚弄场景再重复,股票投资也依旧是两个组件。
它们着手的联想野心和所大概处分的压根问题,一定是有各异的。
是以第一步,咱们不错先不带业务视角,忽略居品场景,回来组件的现实,配资平台单纯从组件自己来透露组件的含义和功能。你不错望望几个大厂相对熟识的开源组件库,关于你所能见到的大多数组件王人有较为基础、准确的界说。
2. 分析居品需求的通用处分有野心
这一步你不错通过不同的竞品、交互体验优秀的居品来透露和分析组件在现实愚弄中的通用处分有野心,这些有野心基本上也曾进程多数用户的考据和招供了。
这就需要你在浅薄多看优秀的居品、多驻防有特色的交互方式,在分析组件愚弄场景和使用方式时,脑海中才会更有料,想考才会更准确、更飞快。每个组件的场景愚弄案例最佳能找到 4-5 个,且最佳是有闻名度、体验优异的居品。
通过关于以上案例的使用和比拟,你就不错总结出不同组件在该场景中的使用各异点,这些各异点就不错动作你别离和禁受组件的判断依据。
3. 蚁合业务和用户的现实诉求
岂论你关于组件各异点的论断总结得多堤防,最终的联想产出依旧需要进程你的业务方、居品方和用户的试验。
这一步需要你站在业务和用户视角,想考如下问题:
这个业务场景 / 居品功能但愿处分的问题是什么?
用户在这个业务场景 / 居品功能中的中枢诉求是什么?
如何本领匡助用户更快地完成其诉求?
居品中还有哪些雷同的场景 / 功能用到了这类组件,它们是若何处理的?
这么愚弄组件和通盘这个词居品的交互作风、页面布局是否吻合?
是否要对波及到该组件的场景调节作念优化和相似?
等等这些问题的谜底,将匡助你作念出最终的联想判断和决策。
B 端联想系统和组件联想是值得每一位联想师王人潜入计划的课题。