专注产品战略和用户体验

如何为亚洲前三的华为大屏

做可视化设计?

用户体验设计服务 数据可视化 | 产品策略 | 交互设计 | 视觉设计
项目背景
华为公司西安研究所成立于2000年9月,肩负着无线通信、光传输、数据通信等前沿领域的技术研究与产品开发,已经是华为研发团队的重要主力之一。其中大数据工作组需要在数据处理过后,通过大屏可视化的展示来清晰地传达与沟通,有效地获取有价值的信息,做出重要的战略决定。
西安研究所现拥有着一块亚洲前三大的巨型屏幕,总面积高达622平方米,由324块的80寸显示单元拼接而成,在相邻的作战室,还有两个各由32块显示单元拼接的中型屏幕与之紧密配合,规模之大举世无双。
西安研究所一直在追求更极致的效率,对大屏体验要求更高,而目前版式风格所带来的显示阅读效果仍需提高,理解性、可实现性未达预期。响应客户需求的及时性不容有闪失,因此他们带着这个问题找到DC,希望量身定做大屏可视化的全新升级设计。
先要做“对”的设计,然后才做好的设计。
做“对”的设计即是要:调性与品牌相符、内容与产品相关、信息
清晰易读、视觉上不难看。
定义“对”的设计
针对上述的这些问题,DC做了深度解析、全盘考量,为西研大屏可视化重新设计升级。做“对”的设计,需要从大屏的定义属性出发:媒介属性、业务属性、品牌属性、行业属性。
媒介属性:
大屏作为其媒介,有两个主要的设计痛点:屏幕多,各屏幕的亮度不一;距离远,屏幕亮度会随距离衰减;我们解决屏幕多带来的问题,通过低亮度背景来降低屏幕亮度差异;距离远的问题则通过降低高亮度内容,弱化距离亮度影响。
业务属性:
业务属性关键在于“观”“察”两点。
观:观察信息层次需要错落有致,视觉设计强化信息层次。对此实行的方法是:信息提炼的加减法。全部信息等于信息轰炸,需要精简提炼信息。表格不是报表。
察:异常信息定位要易发现、可追踪。易发现。异常问题需要非常醒目,提升视觉层级,以静动表现结合,实现快速发现问题所在可追踪:可以进阶钻取关键的信息。
品牌属性:
华为的品牌属性包含了创新、稳健、聚焦、和谐,围绕这四点我们开展了大屏的品牌设计
创新:借鉴华为标志中的“亮光”设计
稳健:配色突出内容载体的深度
聚焦:内容的突出与容易理解识别。版式设计更合理地展示信息,快速理解业务诉求;大大增强识别性,各内容有自己的属性,通过内容元素快速识别内容。
华为的品牌属性包含了创新、稳健、聚焦、和谐,围绕这四点我们开展了大屏的品牌设计
和谐:设计风格、图形,配色等要形成统一。
行业属性:
大屏是全局的监控,有连接各方的特点,设计以两点之间有条线,突出连接的行业属性。
博采众长
通过对 22+ 大屏可视化的案例(领域涉及“通信、电商、能源、交通、物流、航空、广播、服务等 13个行业 )分析,针对大屏设计所涉及到基本要素,做了汇总与分析:
配色是以深底色+亮信息为主。因大屏显示亮度不均的物理属性,加之会与PC端出现较大的色差,所以主要采用单一的深色系为背景色。信息主要以高饱和度&高明度色系为主,以突出内容。
图形设计需要结合业务场景:观测、跟踪类数据采用可读性强的图形;分析、下钻类数据采用检索、交互性图形;潜在关系、多角度数据采用多维度图形;异常、快速理解类数据采用有吸引力图形(如配色鲜明、动画等)。
整体采用弱分割的设计风格。弱线边框,卡片式成块信息设计。
设计要素:突显对于内容思考。信息完整、主次清晰;留白充足、层级分明,风格统一,背景简约;避免底色过亮、信息过满、散乱、背景干扰。
使用场景分为监控态和展示态。监控态:要尽量采用暗底色+亮信息辅助色,突出内容主体及保证长时间使用时的视觉舒适度;展示态:可以尝试多种(拟物、色彩丰富饱满等)风格,关注点在于整体视觉呈现。
设计理念提炼,定制策略
通过对大屏设计的属性分析和竞品分析,我们提炼出了西研大屏的设计理念:
简形:简化形式样式
统色:统一色调风格
加名:突显华为的品牌名称
立规:建立产品规范
设计呈现
收获
在大数据时代,数据已成为企业重要的业务资产。通过DC对于大屏可视化的设计升级,华为西安研究所的信息展示平台基本搭建完成,日常的经营数据得以快速、全面、完整、精确地反映出来,助力华为西研高效地挖掘数据资产的价值,为智慧决策提供更强有力的科学支撑,同时也实现业务经营不断地提升。