移动视频通讯IM 「基于功能与交互」重设计

前两天面一个视频通讯的公司，做了个笔试题目，如下

Q:在ChatGame视频通话中加入一个新功能，旨在满足目标用户对视频通话的需求、丰富视频通话的使用场景

一、【构思】

根据题目开始了三件事情

• 安装Chatgame，并安装了同类APP
• 查资料
• 整理思路，并做出大体的改进思路

改进构思图

视频通话本身是一个有型的产品，基本也已经成为绝大部分IM功能模块之一，所以要找到与之竞品之前的差异化，并进行分析（再次过程中体验了市面上常见IM视频通话功能），并契合题目目标旨在满足目标用户对视频通话的需求、丰富视频通话的使用场景

二、【改进】

A .单人视频界面

研究体验之后，开始从两个方面入手

单人视频通话 从使用情景方面着手

竞品比较，露脸 痛点在于功能过于单一

改进前

功能过于单一，界面友交互困难，滑动方式不如人意

因此，我试图进行了一个小的功能改进。

总的思路，改变交互方式（将前后置转化，移动到自己视频预览之上，手指点击之后会覆盖一层透明的模糊层，并显示切换按钮，进行切换 移开之后 2秒自动隐藏），加入新的功能静音并且&&“最小化视频到聊天界面” 边视频，边聊天功能，然后在视觉上呈现出来 （使用场景，办公室白领不方便在办公司说话）

最初，我是这样设计的。

改进后，放弃

简单解释一下，由于之后添加的新功能 多对多多人视频模块的添加入口，所以将整个界面进行了相应的调整， 这个设计的坏处，在于右上角预览界面，导致了群聊入口没地方加入，没有应用的对比设计，用户体验差，交互难懂。

改进前，看下我测试视频接通后的原版（实在显示太丑，模糊了）

而且之前研究竞品发现，视频画质差，成像难看（露脸同样存在着这个问题），如上图成像特难看，这真的是叫影响聊天性质，所以也导致了我潜意识排斥此APP。

因此，我又重新对功能进行了设计。

改进思路，采用对比设计（交互容易理解/好看）加入群视频入口，加入美化功能（插件化，后面细讲） 工具条是隐藏的，滑动显示

改进后，现在是这样的（暂时采纳）

B .多人视频界面

• 多人视频通话 同样从情景方面着手“主播，会议，应聘，私密社交”
• 入口 单人聊天界面已经设计好，然后就是从主页发起群视频
• 插件化 ， 模式化

多人视频入口

讲找朋友单按钮，改进成一列按钮组，将发起群视频作为优先显示并和找朋友、帮助反馈一起组合

根据单人视频的改进，我进行了这样设计。

暂时确认界面

我对群成员的控制的一个思路（4人或6人就在圆圈里面固定显示，或者过4人之后，就让轮盘旋转 切换群成员显示），过多群成员 用一个页面 列出来 切换和显示 ，小圆圈是自己的预览（跟之前一样的Design）

详细描述下，这里的插件话和模式化（情景）的一个概念构思

插件： 可以拍照，录制视频，美化视频/成像 系统内置一个插件商店（也是盈利模式），比如美化录制的视频，整蛊好友（戴帽子，画胡子之类的）

模式化： 根据需求，内置情景（比如美女主播，开会，视频面试）来处理每个场景（暂时还没有一个好的想法）

C .细节改进/补充改进/风格改进

1. 视频之后，缩小到聊天界面

可以一边预览视频，一边轻松聊天，点击视频就可以放大（切换）到视频聊天界面

缩放后聊天界面

2. 发起视频/通话 界面 气泡效果

改进前

滑动交互认为不妥

拨打中… 这个状态没有新意，跟APP核心主题价值观不切入（我理解露脸核心价值观就是主要是想要和朋友玩游戏一般视频）

电话号码显示过剩多余（切入自己换位思考的一个体会，如果我是想进行视频聊天，电话号码我根本不想知道，知道了也没有多大的用处，完全多余），并影响界面简洁

太常规的紫色背景太Low （没新意）

改进后

拨打中…改进成Show Face… 增加了趣味性，国际化

电话号码显示取消

紫色背景 改成 （每个用户可以自定义视频拨打界面的显示背景图片）每个人自定义的图片 满足好质量用户自定义的高级需求

3. 视频接听界面

改进前

太简单，不美观，和改进设计不匹配

改进后，跟拨打界面 同理（改进原因）

三、【综述/总结】

A .整个产品改进结构图 Design

将nav tools 最后一个按钮内容集成为设置（个人中心，关于，勿扰，插件中心，帮助与反馈，退出），因为找朋友nav button 作为列表按钮组，如果有两个会造成视觉冲突，然后 这些功能本来独立出来就没有意义。

拨号和收藏，两个内容框冗余，取消掉聊天界面的拨号和收藏（本来露脸的核心价值观就是做视频通讯，所以把拨号放在聊天界面，这样推这个功能似乎不合适），界面在进行相应改进

B .整个产品改进后的交互 Design

C .改进视频演示

本来打算做个演示视频的，会更加直观一些，但是发现基本很容易懂。

D .细节问题的考究/总结

花了两天半时间，研究竞品，查阅资料，整理需求，改了很多东西，也发现很多问题（APP里面还存在很多细节的问题，这里就不再一一列举了）

列出几点还没有想出解决方案的问题

• 视频聊天，对流量的要求太高
• 注意视频聊天的私密性
• 视频聊天最大的瓶颈在技术

大家一起来讨论吧。

 

本文为作者 @凡沙 投稿发布，转载请注明来源于人人都是产品经理并附带本文链接