表格的设计在ui设计使用
2020-06-28 本文已影响0人
彼岸之石
从web端到app端表格迁移,是b端设计中的比较普遍的形式。而且信息量巨大,我们应该怎么做呢。下面我随便举个例子。

最近的项目中,找到了几种方法
行业竞品
sap,首先是一个响应式网格设计。表格很多,如何把它用在手机端,它给了指导原则,
把网页端信息通过布局排列来把它重新排列,来展示更多内容。
金融行业列子,股票基金展示的表格最多,第一列保持固定,从第二列开始滑动展示

1首先化繁为简
关注需求,把需求拆解,没用的表头信息进行删减
2用指示符显示后面有多少项,让用户知道自己的当前位置,让用户拥有掌控权

3提取重点信息,其他信息单独展示。提取用户最关心的信息,优先展示,不重要信息,点击跳转展开。
4一次展开多个折叠项目
可以一次预览到表头,根据用户需要展示详细信息,缺点,不能一下子展示很多列表


5单独展开折叠项目
优先预览表头,根据用户需求来单独展示用户需要的信息
