WEBIMv5的那点事儿-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

WEBIMv5的那点事儿

为什么要改版?

商都网站制作公司哪家好,找成都创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作,到程序开发,运营维护。成都创新互联成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联

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

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

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

前期看了一些同类产品

1.Facebook

2.Gmail

3.RenRen

4.Taobao

5.Tencent weibo

6.Kaixin

7.Baidu hi

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

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

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

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

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

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

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

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


网页题目:WEBIMv5的那点事儿
文章源于:http://kswsj.cn/article/chcggi.html

其他资讯