以“属性配置”这一功能点为例，该功能主要是用来配置图表的坐标轴、数据标签、图例等样式和功能显示。若要改变图表样式，涉及到哪些配置项呢？然后找一找开源可视化图表如Echarts、AntV、Highcharts等调研，发现他们的配置项各有差异，用哪一套呢？这个时候又要进一步拆解，图表由哪些要素构成的？
最后发现，原来只要梳理清楚图表的构成要素，配置项的作用域就只有这些，然后根据要素的不同属性设置改变规则即可。

文章插图
图3 highcharts图表构成要素
再深入研究的话，就会发现原来图表也有自己的语法：图形语法、交互语法等。
像这样逐一拆解功能找到实现原理和逻辑之后，功能设计就如鱼得水。比如把Echarts配置项手册读一读，把参数配置项直接拿过来，权衡一下哪些配置项优先级比较高，做成开放的功能配置，画画界面就搞定。
3. 排顺序，实现MVP当我们对BI系统功能架构梳理，对各个模块拆解成可执行任务后，再将功能进行优先级排列，最后进行产品原型设计。通过这样的功能规划下来，产品路线图自然就会很清晰地浮现在脑海中，通过MVP来实现快速上线支撑业务，后续在进行优化迭代。
三、界面设计设计，本质是关注物品是如何运转，如何操作，以及人与技术之间互动的机理。——《设计心理学》
这里以B/S架构为例，阐述在做产品设计时可供参考的几个原则，防止在设计时出现错误。
1. 设计原则Web界面设计原则：

• 直截了当：恰如Alan Cooper所言:“需要在哪里输出，就要允许在哪里输入”。这就是直接操作的原理
• 简化交互：设计师Ericson deJesus在重新设计Yahoo! 360时，曾用“少费事”这3个字来描述减少与站点交互操作的需求。而实现少费事的主要途径就是利用上下文工具
• 足不出户：用户心流会因刷新页面而被打断。为避免每个操作都刷新一次页面的情况，可以返璞归真，采用根据用户自然操作流程建模的方式。
• 提供邀请：Web中的富交互设计面临的一个主要挑战就是易发现性。再好的功能，如果用户发现不了，结果仍然等于零。提供邀请是改善易发现性的重要途径。邀请可以提示用户下一步交互操作是什么。
• 使用变换：能够让界面具有魅力，增强与用户之间的沟通。
• 及时反应：智能界面的特点是具有良好的反应能力。这个原理探讨了怎样通过响应操作为用户提供丰富的体验。

• 可视性：让用户有机会确定哪些行动是合理的，以及呈现该设备的当前状态。
• 反馈：关于行动的后果，以及产品或服务当前状态的充分和持续的信息。当执行了一个动作之后，很容易确定新的状态。
• 概念模型：设计传达所有必要的信息，创造一个良好的系统概念模型，引导用户理解系统状态，带来掌控感。概念模型同时包括可视性和评估行动的结果。
• 示能：设计合理的示能，让期望的行动能够实施。
• 意符：有效地使用意符确保可视性，并且很好地沟通和理解反馈。
• 映射：使控制和控制结果之间的关系遵循良好的映射原则，尽可能地通过空间布局和时间的连续性来强化映射。
• 约束：提供物理、逻辑、语义、文化的约束来指导行动，容易理解。

稿源：(人人都是产品经理)

【傻大方】网址：http://www.shadafang.com/c/11159615H2021.html

标题：设计|BI系统概述（下）-BI功能规划及设计( 二 )