如何设计数据类页面？

对付数据类页面来说，主要注重的应该是页面信息，其次再是各类成果操纵。那么页面信息又有什么搭建框架与要点呢？笔者将为我们举办说明。

信息才是页面的主角，不要让成果操纵喧宾夺主。

而数据展示类页面较量非凡，相较于通例页面信息量更大，计划要领与通例页面照旧略有差异，总结了一些计划思绪，团结实例分享一下。

这种页面计划较量检验产物手段，假如只是摆数据就没意思了，产物司理必要让数据类信息清楚易获取，且简朴易懂，才气让用户用起来。

一、明晰信息点-用户存眷什么？

留意是用户的存眷点，不是数据项。

数据是产物计划中的产品，而用户祈望的并不是数据，而是获取最终处理赏罚后的信息，也就是用户的存眷点。以是先清算出用户的存眷点，不要直接将数据项摆列出来。

一个页面每每承载多类信息，提议将信息分类梳理，慢慢细化。

1. 明晰大类信息点

信息是分层级的，为了停止漏掉，我们先找到大的存眷点，也就是大类信息点，然后逐层拆解。

怎样明晰大类信息点？取决于用户需求和产物目标，也就是用户必要什么 和你想让他看到什么？据此确定成果的存眷点，这一步提议多花时刻想想，不然后续都是白费。

直接上例子，这是一个功课查阅页面-西席查阅门生们单词进修打算的完成环境，这样一个页面西席的存眷点是：打算做没做 和 做得怎么样，也就是打算完成环境和单词把握环境。

2. 拆解大类信息点

大类信息点每每是较量笼统的，不具有落地结果，必要进一步拆解，用子信息点来支撑大类信息点。

怎样拆解？

原则就是探求能支撑大类信息点的子信息点。差异的营业会有差异的拆分维度，但原则是一样的，拆解成可落地的子信息点。

如下图，将上述大类信息点拆解成子信息点，回收 总体 和 当日 作为拆分维度，最终拆解出对应的子信息点。

二、搭建信息面-将信息点组织为有用信息

零星的信息点是无效的，将信息点有组织地泛起给用户，才有代价，也就是信息面。

先说一下我所领略的信息面，信息面=能清楚且完备地表达出信息代价的信息点组合。

信息点是存在关联的，我们必要明晰组织成什么样的信息面给用户步崆最高效的，在常见的计划中，一样平常可以分为重要信息面和次要信息面。

• 重要信息面：用户存眷度很高，一样平常是对页面具有高度归纳综合性，让用户可以快速获取页面轮廓，又可能黑白凡存眷的重要信息；
• 次要信息面：用户存眷度一样平常，对轮廓信息起到详解或增补的浸染，可以全面叙述页面信息。

这是常见页面的信息面层级分别，并不是全部页面都这样，有些页面也会是同品级的信息面，这个取决于你的营业需求和产物方针，可以机动调解。

必要留意的是，一个页面也许会同时存在多个同品级信息面，好比两个次要信息面，就是两个平等重要但表达差异内容的信息面，这种环境我们就必要按照营业需求，再分列优先级，在计划中浮现出偏重。

回到上面的例子，搭建起两个信息面：重要和次要信息面：

重要信息面是是全班信息面，次要信息面是小我私人书息面，在后续的计划中，要操作清算好的这份信息框架，让信息点支撑起全班信息面和小我私人书息面，这对用户来说才是一组有用信息，而不是混乱无章的信息噪点。

三、确定命据项-成立信息点和数据项的关联性

从信息点清算出了信息面，那么信息点又从那边来呢？

一开始也有说，数据只是产物计划的产品，并不是用户想要的，但我们终须从数据出发，将其转化为信息点，这就必要我们成立起数据和信息点的关联。

要做的就是，确定什么数据项能代表这个信息点。

如下图，产物司理按照对营业的领略，确定各信息点的对应数据项，这样就完备地将原始数据转化为可读的信息点了，最终再搭建为易读的信息面。

四、计划页面-将信息框架落地到页面上

最后一步，有了清算好的信息框架，接下来该怎样落地到页面上？

按照本身的计划履历，有以下几个要领论分享一下，目标只有一个：让用户高效获取到想要的信息。

1. 信息有布局，就像写文章一样

好的页面信息就像写文章一样，是有相同于“总分总”可能“总分”布局的，读者可以很天然地读懂这篇文章。

页面就是文章，，信息就是笔墨，页面信息怎么铺就是文章布局，“总分总”照旧“总分”布局好，看你对营业和用户风俗的领略。

前面我们梳理了一份信息框架，接下来就开始转化为现实页面：

• 起首，将全班信息面（重要信息面）放在了顶部，作为整页信息的轮廓；
• 然后，将小我私人书息面（次要信息面）放在了下面的卡片中，作为归纳综合信息的详解，但没有将原始的次要信息（右图）酷寒地摆给用户，而是进一步提炼了用户想要的信息，以是在左图中你很少看到数字，更多的是可视化图表和重点存眷用户名称，这样可以让用户更高效地获守信息；
• 最后，将又臭又长又烦琐的表单放在了二级页面，让那些少数具有高阶数据需求的用户也可以获取到最全面的信息。

不知道你有没有看出来，我在用“总分”布局泛起这个页面，将信息从一个点逐渐拆给用户，相同于金字塔布局。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!