科学合理的前台操作介面能让使用者明晰、快捷地认知重要信息，并大力推进组织工作业务的处理工作效率。那么，前台介面如果怎样结构设计，才能达成一致更轻松的呈现出？本首诗里，译者归纳了前台操作介面的决定性基本要素和结构设计准则，一起来看看吧。
大家在平常的组织工作中，愈来愈多甚至于碰触到前台操作介面，与一般的 UI 结构设计一样，它也有它的结构设计基本要素和规范化。今天这首诗Sonbhadra讲到前台介面的 5 个决定性结构设计基本要素和 10 条结构设计准则，提过运加进他们的组织工作中吧。
两天前，我和同僚们撷取了怎样结构设计前台介面才能把它显得更有工作效率。讲到统计数据建模，在这首诗中我将深入细致探讨 2 个决定性点：
构筑最差 UI 的决定性因素；
建立两个前台介面的结构设计准则。
大部份决定性基本要素都是为的是让最终用户尽量有工作效率和认知统计数据结果。
一、决定性因素
1. 考量终极目标使用者
终极目标使用者是要要考量的最重要因素。你须要知道什么样人能加进你结构设计的介面，以求达到他们的目地。
为的是确保成功，你须要把他们放到使用者的视角去思索。使用者时常使用商品的某一组件和电子设备将直接影响重要信息的显示艺术风格。（统计数据考察）
HR 前台介面
2. 确定终极目标
建立你的最终终极目标，将直接关系到使用者需求和商品终极目标。你结构设计的每两个图象都如果有其商业用途，通过展现出这些统计数据协助用户答疑决定性问题。重要的是要考量到不是大部份需用统计数据都对分析过程管用，根据终极目标进行甄选，如果这一小部分手忙脚乱，接下去的不懈努力会显得没象征意义。
3. 选择决定性性分项（KPI）
对于真正有工作效率的前台操作介面，要为你的业务需求选择正确的决定性分项。一旦你清楚了你的最终终极目标并且考量到了你的终极目标使用者，你就能有办法在前台介面中选择最好的 KPI。
KPI 将有助于塑造前台介面的方向，因为这些分项将显示基于特定业务领域的统计数据可视化。
（彩云注：协助确立统计数据展示的优先级）
4. 用统计数据讲好故事
遵循有工作效率的前台操作介面组织工作流，开始构筑统计数据故事。
简而言之，前台介面讲故事是一种以建模的方式呈现出统计数据的过程，将描绘整个统计数据分析过程，为的是让使用者有工作效率地认知商业策略和终极目标。换句话说，高效的故事流程将协助你尽量的用最明晰的方式传达重要信息。
有工作效率的统计数据故事作为两个基本步骤，能减少专业技术使用者与没统计数据分析能力的人之间的差距。正如《福布斯》 ( Forbes ) 在一首诗中所言 :” 讲故事的人用统计数据驱动的叙事来启发那些无法进行统计数据分析、或者根本无法充分利用时间的团队成员。”
高效讲故事的两个好方法是预先结构设计前台介面。根据你的受众和终极目标规划将包含什么样图象，这将协助你在实际开始构筑前台介面时更加专注。通过这种方式，你能避免混合使用统计数据建模，并判断把它们放到一起是否有象征意义，而是根据使用者的认知程度和最终终极目标生成管用的报告。
（彩云注：协助甄选如果透传什么样统计数据在介面上，并根据使用者的旅程地图把统计数据进行编排）
5. 选择正确类型的前台介面
另两个最好的实践是要基于你的分析终极目标来考量前台介面的选型。在前面的观点中有提到，每两个不同类型的前台介面如果是为两个特定的使用者群体，以在业务决策过程中协助达到使用者的特定终极目标。
只有当重要信息是直接可操作的时候，它才有价值。使用者要有能力利用这些重要信息加进他他们的商业策略和终极目标中。作为两个只使用最差前台操作介面准则的结构设计师，确保你能辨别决定性重要信息，并将它从不重要的重要信息中区分出来，以提升使用者的组织工作工作效率。
作为参考，以下基于业务的 5 种主要类型的前台介面：
战略型 : 通过分析和对广泛的决定性趋势重要信息进行标准化，专注于监控公司的长期战略。
可操作型 : 一种用于在较短的时间范围内监视、度量和管理流程或操作的业务智能工具。
分析型 : 包含大量综合统计数据流，使分析师能够深入细致挖掘并得出见解，以协助公司在高管层面取得进展。
特定平台型 :
策略型：这种重要信息丰富的前台界面最适合中层管理人员，并有助于根据跨部门的趋势、优势和劣势制定增长战略。
（彩云注：可惜原文没太多这方面的案例，大家能把这 5 种类型作为一种类型方向，在实际项目中看看他们的项目属于哪种类型，以便有所侧重。）
二、结构设计准则
1. 层次结构
两个常见的结构设计错误是想把大部份的重要信息都告知使用者，好像它们都同样重要。能利用大小和位置来组织统计数据的层次结构。
通过定义重要信息级别让使用者清楚什么是最重要的。
把最重要的重要信息放在左上角。从这个位置往右下方组织，重要信息从最重要的级别到不太重要的级别进行排版。
也能将重要信息分类并显示在不同的视图中。
2. 简洁
前台介面的真正目地是以易于认知和更简单的形式呈现出复杂重要信息。
不要提供太多使用者难以认知的重要信息。
使用更少的列来显示重要信息。
删掉多余的重要信息以减少统计数据的杂乱无章。
3. 一致性
当两个前台介面有比较一致的排版时，它看起来是更好的。
确保你的前台介面易于阅读，在组之间使用类似的建模方式和布局。
让相关重要信息彼此靠近。
将相关内容分组。
4. 亲密性
在前台介面中把相关重要信息组织在一起将协助使用者更快认知。
把相关重要信息靠的更近一些。
不要将相关重要信息分散在前台介面上。
将相关内容分组。
5. 对齐
前台介面上的元素如果在视觉上对齐，让它看起来视觉平衡。
将前台介面上的元素彼此对齐，以便更好的组织在一起。
利用网格规范化组织好前台介面中的小部件。
不对齐的介面布局不会给到使用者良好的使用者体验。
不对齐的前台介面看起来很不舒服
6. 留白
留白在结构设计中就像呼吸一样重要。当使用者在使用你的结构设计时，它能给使用者提供呼吸的空间。
当使用者来查看重要信息时，前台操作介面中的留白会吸引使用者。
减少留白会给使用者带来混乱的视图。
使用留白将相关重要信息建模分组。
少或没留白，会直接劝退使用者
7. 颜色
使用两个有工作效率的颜色方案能抓住使用者的注意力，协助他们更容易认知重要信息。
仔细选择合适的颜色，让内容易读。
使用较大对比度在背景上恰当地显示视觉元素。
避免使用无象征意义的渐变和太低的对比度
8. 字体
标准字体对前台介面来说就是最好的字体，除非有特殊需求才考量用其他字体。
使用标准字体，使用者更容易阅读和扫描。
独特时尚的字体可能看起来效果不错，但对使用者来说通常更难阅读。
避免使用全大写的文字，使用者还须要花时间认知大小写然后才是看懂吸收。
使用两个合适的大小和艺术风格，认知这些重要信息会更有工作效率。
不要使用特殊字体
9. 数字格式
展示过高的数字精度，会让这些数字显得很难阅读和认知。
尽量使用整数，因为长数字会使使用者感到困惑。
删去不必要的重要信息。
让使用者更容易比较简单的细节。
10. 标签
使用标签为使用者更快更有工作效率的传达重要信息。
避免使用旋转标签，使用者很难阅读。
尽量使用标准缩写。
避免使用旋转标签
三、归纳
决定性因素是指 ” 为什么 “（Why）我们要做前台介面做统计数据呈现出；
结构设计准则是指 ” 怎样 “（How）进行呈现出；
统计数据建模是指呈现出 ” 什么样 “（What）。
前台介面是为的是协助使用者节省时间，不懈努力把复杂的统计数据重要信息通过简洁的重要信息呈现出出来。前台介面的终极目标是将决定性重要信息通过使用者能认知的方式进行传达，确保能够交付使用者所须要的重要信息。
从思索的道到执行的术，我们都须要掌握，多些思索，结构设计才能更好！
原文译者：ENTANGO（本文翻译已获得译者的正式授权）
原文地址：https://medium.com/@entango/dashboard-design-principles-618dfdc9a384
译者：彩云 S
本文由 @彩云 sky 翻译发布于人人都是商品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议
