会议白板界面设计项目小结

目录

• 项目背景

• 需求分析

• 设计分析

• 设计方案

• 设计规范

• 设计细节

• 思考总结

项目背景

「行业背景」

会议白板是智能会议室的核心功能，承载了远程会议、PPT展示、投屏、电子白板、视频播放等多项功能。2018年以来，会议平板市场呈现出一个喷井的状态，市场规模销量达到25.4万台，销额54.8亿元，同比增长分别是151%、167%。预计2019年会议平板市场将会持续增长。

「公司资源优势」

PQLabs拥有世界领先的多点触控技术，在该行业深耕多年，曾是谷歌、微软、东芝等著名厂商的技术供应商。

「产品基本信息」

系统：Windows

尺寸：65英寸

分辨率：4k 超高清

「项目计划」

V1.0  实现功能：电子白板、企业信息设置、投屏、办公文件展示

V2.0  实现功能：桌面添加常用软件等

在此项目中，我承担的角色是交互和界面设计，从项目经理那里接需求，将最终结果输出给工程师开发，并跟进实现。

需求分析

项目经理提出的需求分两类：

具体且必须的：主页UI, 修改会议室名称，更换背景

模糊非必须，做好了是加分项的： 用户自定义企业信息，比如用户可以上传企业logo展示在首页

设计分析

「交互方面」

考虑到近距离操作大屏幕时用户的视觉盲点特征，我考虑了两种的设计思路：

一是类似于PC端的设计思路，以首页为例，设置界面可以做成局部小窗口，小面积操作可以有效解决该问题。

二是类似于移动端的解决方案，所有界面以全屏幕形式展现，页面间的转承关系靠转场动画来实现。

最终考虑到在该场景操作的办公软件、电子白板都是全屏内容，局部的设计会产生一种零碎感，整个产品的使用体验会有一种不连续性和缺乏整体一致性，因而整个软件界面的设计思路采用了第二种方案。

「视觉方面」

基于 Windows 蓝，及我们公司产品一贯使用的科技蓝，此次方案我仍旧打算沿用惯例使用我们的蓝色。配合高效冷静的办公场景，设计风格仍然以简约为主，文本页面浅灰色呈现一种优雅的氛围。默认背景图片则分为时尚类、宠物类和经典类三种，供不同类型的企业选择。

设计方案

设计规范

不同元素间高度距离为32的倍数。

设计细节

a.  增加企业logo形象定制功能有助于强化企业个性化形象， 增加对于客户的吸引力logo；

    「 logo对于背景环境的适配 」可能方案: 算法处理、重新填色用户已上传logo

     最终方案：考虑到不同的企业对于logo的认知不同，品牌色在部分企业看来是企业形象重要的组成部分，我们没有对logo进行自行处理，而是倒逼不同的用户选择适合自己倾向的方案。当然，之后迭代可以增加“是否对logo进行重新填色处理”的选项帮助用户更好的展示企业形象。

b.  背景图片可个性化定制，核心功能区域纯色背景表现更优，系统内置的背景图片均能很好的适应场景

c. 基于用户的办公室使用场景，返回键置于左上角，但并非顶部。

d. 考虑到大多数logo比例不一致，横向logo更为常见。为适配所有的logo尺寸，上传企业logo，logo高度固定100px，宽度超过最大值1072px时，宽度固定为1072px，logo整体等比例缩小。上传成功后logo大小与主页显示效果一致，帮助用户得到直观的实际感受。

e. 该页面不同于「修改会议室名称」页面的单一功能，因此修改企业名称不适合文本框+确定按钮的形式。因此我考虑将确认功能转移到虚拟键盘（类似手机移动端的解决方式）或文本框中。跟工程师沟通过后，由于键盘采用的是微软的虚拟键盘，我们无法对虚拟键盘进行重新改进（基于目前的状况），于是最终采取的方案是将确认功能转移到输入框中。

    

思考总结

围绕办公场景的会议白板，核心功能有内容展示讲解、远程视频会议、投屏、电子白板功能。类比手机终端，会议白板这样的大屏终端，仍然有很多新的人机交互模式可以探索，比如长按，双击，上下左右滑动等手势。

不同于C端受众较为广泛、操作简单易上手的消费型应用和PC端注重操作效率、功能更为复杂的办公软件，会议白板属于公共设备，需要同时兼顾易用性和效率。且不同于手机这样的可长时间操作、便携微型终端，会议白板作为近距离操作的大尺寸终端会遇到视觉盲点的现象，因此页面间的跳转动画需要起到重要的衔接作用。

综上，未来我仍然有很多值得思考和学习的。

该产品即将于京东商城上线，敬请期待…