为什么要改版?
随着科技的发展,时代的进步,微博用户的上网设备也在快速更新。
这是一组微博用户的屏幕分辨率使用数据。
屏幕分辨率越来越高的同时,伴随的一个数值,也就是显示器显示网页外的空白面积也越来越大,如何利用好这部分空间是一个值得研究的课题。
前期看了一些同类产品
1.Facebook
2.Gmail
3.RenRen
4.Taobao
5.Tencent weibo
6.Kaixin
7.Baidu hi
体验研究之上的网页聊天产品后和设计师和产品共同讨论,汲取其精华,去其糟粕,我有了这个设计的想法。
我定义了两种模式,模式一和模式二。
模式二是在现有的webim的体验上只做了保守的一些尝试:改进了常驻状态的视觉感受,将之前的在线状态增加了塑造,提高其视觉上的存在感;将原来的联系人列表的高度提高,以利用更多屏幕的自由空间。
模式一是将原有的底部常驻的状态换成了侧面长条的常驻形式,这样也是为了在不影响用户感受的情况下利用屏幕空间,将聊天对象按照一些逻辑推荐展现给用户,旨在增加使用场景,让用户更加方便使用和让用户更有可能使用;展开后的联系人面板用侧面通栏的方式展现,这是一个较为大胆的尝试,但由于展开联系人列表是用户的主动操作行为,并且收起的操作在空白区域、收起按钮都有较为方便的分布,所以我认为还是可以接受的。
上图左边为模式一,右边为模式二。
关于模式一二的切换,我去了1000px左右为一个分水岭。
屏幕分辨率高于1000px的我认为是分辨率较高的用户,这样的用户的屏幕有更多的空间来显示我们的webim,所以我们将模式一和模式二让他可以在底部区域的设置中切换,但默认展现给它较为大胆的模式二。
而屏幕分辨率低于1000px的我认为是分辨率较低的用户,这些用户的屏幕空间比较有限,大部分为800*600的用户,他们仍然推行比较保守的模式一,用占空间较小的底部常驻模式。