WEBIM v5的那点事儿

2019-04-03    来源:微博UDC

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

为什么要改版?

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

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

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

前期看了一些同类产品

1.Facebook

2.Gmail

3.RenRen

4.Taobao

5.Tencent weibo

6.Kaixin

7.Baidu hi

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

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

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

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

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

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

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

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

标签: WEBIM WEBIM改版 即时通讯 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:个性化营销 保时捷营销案例

下一篇:视觉记忆影集-Photo maps