能力天空直播客户端简介

能力直播是能力天空的一个重点项目，它实现了随时随地上课的可能性。老师可以在电脑客户端讲课，学员可通过手机或电脑客户端与老师进行实时互动。

初始版本

这个版本的界面布局有较多的缺点。教师端的目标用户80%是中年以上的教师，他们对电脑操作较为生疏，所以考虑到这一点，直播界面的视觉和交互元素必须清晰的表达给用户。

下图为原版的教师端界面，有五大功能区：上边——设置栏及功能操作栏，左侧——发言列表及学员列表，中间——白板、PPT主屏幕区及画笔工具栏，右侧——课堂状态栏、视频语音发言区及文字讨论区，底部——录制、时间显示及课时延长。

缺点：1.界面默认尺寸为1000px*700px，中间白板PPT区域的面积较小，只占默认界面的44%，对中老年用户来说阅读PPT和画笔操作是相对困难的。方案:扩大PPT白板区域。
2.左侧发言列表及学员列表的人员会有重合，所以可以将两表合二为一；
3.右侧的功能区较多，窗口的变动较大，方案：去掉课堂状态栏，视频区域及发言区域合并；
4.界面中间部分有三大区域，视觉焦点较为分散，很容易使授课教师分散注意力了，影响上课。方案：将中间区域合并为两大块，参考界面Photoshop。

优化版本草图

基于上边的优化想法，绘制的下方草图。中间白板PPT区域占比变为了56%，为了让中间区域尽可能的变大，我把所有的操作按钮都汇集到左侧栏。但交付开发后，他们提出了一些我始料未及的问题。

1.功能操作栏由上方移到左侧栏会打破已形成的用户习惯，不建议移动位置；2.扬声器和麦克风调节放到左侧，会和视频区域脱离，它们有相关性，所以建议放回到视频窗口附近...

优化上线版本

经过了几轮画图排版，讨论。终于全新的客户端上线啦！

移动端直播

移动端直播的目标用户为学员，相较于教师群体，他们更年轻富有活力。所以移动端界面的设计更活泼，较电脑客户端，功能操作要简洁明了。同时考虑到移动端直播是基于能力天空App的一个功能单元，样式需与App整体风格统一，不可能与电脑客户端风格一致，多少有些遗憾。希望在下一版中兼顾两者的统一性。

移动端直播的交互

要使移动端直播的功能简洁明了，关键在于交互设计。对于手持设备来说，小屏幕是十分考验交互的。下面以直播的屏幕为例，对其交互做简要介绍：

总结

在这个项目中，我体会到了UI设计始终是为他人服务的，所有的设计交互都需要设计师有同理心，要站在用户的角度思考解决问题。要成为一位名副其实的UI设计师，我还需要很多知识去储备，并在实践中积累经验，形成自己的设计思维体系，真正的为用户设计他们满意的产品。