WEBIM v5的那点事儿

为什么要改版？

随着科技的发展，时代的进步，微博用户的上网设备也在快速更新。

这是一组微博用户的屏幕分辨率使用数据。

屏幕分辨率越来越高的同时，伴随的一个数值，也就是显示器显示网页外的空白面积也越来越大，如何利用好这部分空间是一个值得研究的课题。

前期看了一些同类产品

1.Facebook

2.Gmail

3.RenRen

4.Taobao

5.Tencent weibo

6.Kaixin

7.Baidu hi

体验研究之上的网页聊天产品后和设计师和产品共同讨论，汲取其精华，去其糟粕，我有了这个设计的想法。

我定义了两种模式，模式一和模式二。

模式二是在现有的webim的体验上只做了保守的一些尝试：改进了常驻状态的视觉感受，将之前的在线状态增加了塑造，提高其视觉上的存在感；将原来的联系人列表的高度提高，以利用更多屏幕的自由空间。

模式一是将原有的底部常驻的状态换成了侧面长条的常驻形式，这样也是为了在不影响用户感受的情况下利用屏幕空间，将聊天对象按照一些逻辑推荐展现给用户，旨在增加使用场景，让用户更加方便使用和让用户更有可能使用；展开后的联系人面板用侧面通栏的方式展现，这是一个较为大胆的尝试，但由于展开联系人列表是用户的主动操作行为，并且收起的操作在空白区域、收起按钮都有较为方便的分布，所以我认为还是可以接受的。

上图左边为模式一，右边为模式二。

关于模式一二的切换，我去了1000px左右为一个分水岭。

屏幕分辨率高于1000px的我认为是分辨率较高的用户，这样的用户的屏幕有更多的空间来显示我们的webim，所以我们将模式一和模式二让他可以在底部区域的设置中切换，但默认展现给它较为大胆的模式二。

而屏幕分辨率低于1000px的我认为是分辨率较低的用户，这些用户的屏幕空间比较有限，大部分为800*600的用户，他们仍然推行比较保守的模式一，用占空间较小的底部常驻模式。