美文网首页彼岸设计
表格的设计在ui设计使用

表格的设计在ui设计使用

作者: 彼岸之石 | 来源:发表于2020-06-28 11:12 被阅读0次

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

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

    行业竞品

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

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

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

    1首先化繁为简

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

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

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

    4一次展开多个折叠项目

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

    5单独展开折叠项目

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

    相关文章

      网友评论

        本文标题:表格的设计在ui设计使用

        本文链接:https://www.haomeiwen.com/subject/xfeifktx.html