如何设计数据类页面？

对于数据页面，首先要注意页面信息，其次是各种功能操作。那么，构建页面信息的框架和要点是什么呢？作者将为我们进行分析。 信息是页面的主角，不要让功能操作喧宾夺主。 数据显示页面相对特殊，与传统页面相比，设计方法与传统页面略有不同，总结了一些设计理念，结合实例分享。 这种页面设计测试了产品的能力。如果只是放置数据，那就很无聊了。产品经理需要使数据信息清晰、易于获取和易于理解，以便用户可以使用它。 一、明确信息点-用户关注什么？ 注意是用户的焦点，而不是数据项。 数据是产品设计的产物，用户期望的不是数据，而是获取最终处理后的信息，即用户的注意力。因此，首先整理用户的注意力，不要直接列出数据项。 一个页面通常携带多种信息，建议对信息进行分类和细化。 1. 明确大类信息点 信息是分层次的。为了避免遗漏，我们首先找到大关注点，即大类信息点，然后逐层拆卸。 如何明确大类信息点？这取决于用户的需求和产品目的，即用户需要什么 你想让他看到什么？因此，确定功能的重点。建议在这一步多花点时间思考，否则以后就没用了。 直接举个例子，这是作业查阅页面——老师查阅学生单词学习计划的完成情况。这样一个页面，老师的重点是:计划做不做 和 如何做，即计划完成和掌握单词。 2. 拆解大类信息点 大类信息点往往比较笼统，没有落地效果，需要进一步拆解，用子信息点支撑大类信息点。 如何拆解？ 原则是找到可以支持大类信息点的子信息点。不同的业务会有不同的拆分维度，但原则是一样的，拆分成可落地的子信息点。 如下图所示，将上述大类信息点拆解成子信息点 总体 和 当日 将相应的子信息点作为拆分维度拆解。 二、构建信息面——将信息点组织成有效信息 分散的信息点是无效的，有组织地向用户呈现信息点是有价值的，即信息面。 先说说我理解的信息和信息。=信息点组合能够清晰、完整地表达信息价值。 信息点是相关的。我们需要明确为用户组织什么样的信息是最有效的。在普通设计中，一般可分为重要信息和次要信息。 重要信息:用户关注度高，一般对页面概括度高，让用户快速获取页面概况或特别关注的重要信息； 次要信息:用户关注度一般，对概况信息起到详细或补充的作用，页面信息可以全面阐述。 这是普通页面的信息层级划分。并非所有页面都是这样。有些页面也是相同级别的信息，这取决于您的业务需求和产品目标，可以灵活调整。 需要注意的是，一个页面可能同时有多个相同级别的信息表面，如两个次要信息表面，即两个相同重要但表达不同内容的信息表面。在这种情况下，我们需要根据业务需要安排优先级，并在设计中反映重点。 回到上面的例子，建立两个信息：重要和次要信息： 重要的信息方面是班级信息方面，次要信息方面是个人信息方面。在后续的设计中，我们应该使用整理出来的信息框架来支持班级信息和个人信息方面，这是一组有效的信息，而不是混乱的信息噪声。 三、确定数据项-建立信息点与数据项的相关性 从信息点整理出信息面，那么信息点从何而来？ 一开始，据说数据只是产品设计的产物，不是用户想要的，但我们必须从数据转换为信息点，这就要求我们建立数据和信息点之间的联系。 要做的是确定哪些数据项可以代表这个信息点。 如下图所示，产品经理根据对业务的理解确定每个信息点的相应数据项，将原始数据完全转换为可读信息点，最终构建为可读信息面。 四、设计页面-在页面上放置信息框架 最后一步，有了整理好的信息框架，下一步该如何落地到页面上？ 根据自己的设计经验，有以下方法可以分享，目的只有一个:让用户有效他们想要的信息。 1. 信息有结构，就像写文章一样 好的页面信息就像写一篇文章，类似于总分或总分结构，读者可以自然地阅读这篇文章。 页面是文章，信息是文本，页面信息如何传播是文章结构，总分或总分结构好，看看你对业务和用户习惯的理解。 我们梳理了一个信息框架，然后开始转换为实际页面： 首先，将全班信息面(重要信息面)放在顶部，作为全页信息的概况； 然后，将个人信息（次要信息）放在以下卡片中，作为一般信息的详细解释，但不是原始次要信息（右）冷给用户，而是进一步完善用户想要的信息，所以你很少在左图中看到数字，更多的是视觉图表，关注用户名称，使用户更有效地获取信息； 最后，将臭、长、冗长的表单放在二级页面上，让少数有高级数据需求的用户也能获得最全面的信息。 不知道大家有没有看到，我用总分结构呈现这个页面，从一个点逐渐将信息拆分给用户，类似于金字塔结构。 一个好的页面必须有结构，在页面上有结构地铺设梳理好的信息面，从而完成数据项-