- 直截了当：恰如Alan Cooper所言:“需要在哪里输出 ， 就要允许在哪里输入” 。这就是直接操作的原理
- 简化交互：设计师Ericson deJesus在重新设计Yahoo! 360时 ， 曾用“少费事”这3个字来描述减少与站点交互操作的需求 。而实现少费事的主要途径就是利用上下文工具
- 足不出户：用户心流会因刷新页面而被打断 。为避免每个操作都刷新一次页面的情况 ， 可以返璞归真 ， 采用根据用户自然操作流程建模的方式 。
- 提供邀请：Web中的富交互设计面临的一个主要挑战就是易发现性 。再好的功能 ， 如果用户发现不了 ， 结果仍然等于零 。提供邀请是改善易发现性的重要途径 。邀请可以提示用户下一步交互操作是什么 。
- 使用变换：能够让界面具有魅力 ， 增强与用户之间的沟通 。
- 及时反应：智能界面的特点是具有良好的反应能力 。这个原理探讨了怎样通过响应操作为用户提供丰富的体验 。
交互设计原则：
- 可视性：让用户有机会确定哪些行动是合理的 ， 以及呈现该设备的当前状态 。
- 反馈：关于行动的后果 ， 以及产品或服务当前状态的充分和持续的信息 。当执行了一个动作之后 ， 很容易确定新的状态 。
- 概念模型：设计传达所有必要的信息 ， 创造一个良好的系统概念模型 ， 引导用户理解系统状态 ， 带来掌控感 。概念模型同时包括可视性和评估行动的结果 。
- 示能：设计合理的示能 ， 让期望的行动能够实施 。
- 意符：有效地使用意符确保可视性 ， 并且很好地沟通和理解反馈 。
- 映射：使控制和控制结果之间的关系遵循良好的映射原则 ， 尽可能地通过空间布局和时间的连续性来强化映射 。
- 约束：提供物理、逻辑、语义、文化的约束来指导行动 ， 容易理解 。
2. BI系统界面整个BI布局采用的是左右布局 ， 在设计布局的时候主要考虑“用户操作路径”、“内容与布局的关系”等因素 ， 目的是为了减少用户操作 ， 使其更专注于数据分析 。下面以用户进入仪表板编辑界面涉及到的页面为例 ， 介绍3中页面布局 。图4 进入编辑面板路径通用页面布局：在系统管理、数据准备等常规后台页面 ， 通常是执行偏效率的操作 ， 采取通用的左侧菜单、系统导航和右侧内容展示及操作区域 。图5 通用页面左右布局仪表板/驾驶舱布局：仪表板和驾驶舱是承载报告内容的地方 ， 这个时候需要方便用户预览、查看报告内容 ， 并且能够根据目录进行检索 。左侧菜单拓展为两列以、二级菜单 ， 一级菜单为主模块入口 ， 二级菜单为文件目录 。仪表板工具栏主要是进行报告的编辑、分享、导出等操作 。驾驶舱与仪表板界面布局类似 ， 区别在于用于纯展示查看 ， 少了一些编辑属性的功能 。图6 菜单和报告内容预览的界面仪表板编辑区布局：这个区域是业务分析人员来说是使用频率最高的 ， 主要是有画布编辑区、系统导航区、由组件工具区、属性配置区构成 。如在组件区选择图表 ， 拖拽到画布区域 ， 然后通过组件属性配置区域将字段映射到维度、指标上 ， 最终在画布绘制出一个图表 。图7 仪表板编辑界面布局四、总结本篇从需求调研到功能设计落地 ， 介绍了BI产品设计的大致思路 。需求调研是为了更好地找到目标 ， 功能规划帮助我们全局思考 ， 然后带入实际业务场景中去实现功能 。在实际设计中 ， BI系统相对来说比较复杂 ， 不仅要有扎实的产品基本功 ， 还需要对数据处理、分析、可视化等相关技术有所了解 。如图表分析涉及到的图形语法、OLAP等内容 ， 在接下来的文章里 ， 将会逐一讲述各个模块所涉及的原理及其功能设计 。
推荐阅读
