表格的设计在ui设计使用

从web端到app端表格迁移,是b端设计中的比较普遍的形式。而且信息量巨大,我们应该怎么做呢。下面我随便举个例子。


最近的项目中,找到了几种方法

行业竞品

sap,首先是一个响应式网格设计。表格很多,如何把它用在手机端,它给了指导原则,

把网页端信息通过布局排列来把它重新排列,来展示更多内容。


金融行业列子,股票基金展示的表格最多,第一列保持固定,从第二列开始滑动展示


1首先化繁为简

关注需求,把需求拆解,没用的表头信息进行删减

2用指示符显示后面有多少项,让用户知道自己的当前位置,让用户拥有掌控权


3提取重点信息,其他信息单独展示。提取用户最关心的信息,优先展示,不重要信息,点击跳转展开。

4一次展开多个折叠项目

可以一次预览到表头,根据用户需要展示详细信息,缺点,不能一下子展示很多列表


5单独展开折叠项目

优先预览表头,根据用户需求来单独展示用户需要的信息


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。