PCQQ-聊天记录文件分类Tab,麻麻再也不用担心我找不着文件了

创新story:

  这是巨变的互联网,人和文件、图片,比任何时候走的更快。无论他们的信息怎样庞大,不管大小和内容,来的有多么不由自主,总有一种选择,以其独有的方式,每天无数次,在手尖上提醒着我们,认清文件的去向,不忘时间的来处。

  不管是否情愿,生活总在催促我们迈步向前。人们筛选,发送,传输,查看,数据在哪里,哪里就会升华体验。

    传文件是企鹅与企鹅之间经常会用的功能,而之前在消息记录里海量的信息是否让您无所适从?想要在消息记录里查找文件或者图片需要人工筛选过滤掉一些无用的信息,用户要么只能在聊天记录里找,要么只能在文件助手里找,而如今,这个情况将会走向历史,QQ2014(5.5)版本,在消息记录里加入文件Tab,解决您之前的一切烦恼。 

引言

在互联网大潮越来越深入时,用户体验越来越得到重视,并且在腾讯人的思想里,每个岗位都应该站在不同的角度去思考用户体验,而作为传文件这种日常操作,在消息记录里新增文件页卡会让用户体验贴心、温暖。

解决方案

在消息记录里新增页卡:文件Tab,筛选过滤在AIO里的富媒体文件,以一种新的方式让用户进行操作

UI设计:UI设计是很重要的,文件Tab的UI设计很给力,从原来的老方案-直接展示消息记录里的富媒体,到节奏紧凑但简洁简单的设计,整个过程虽然坎坎坷坷,但是从侧面发展却又是一气呵成,请看下方的UI变化:

从上图可看出,此时是开发初期,整个UI都是完全依照消息记录的展示格式来展示的,显然不符合设计文件Tab的初衷,文件Tab就是想要让用户简洁简单地筛选自己发送、接收、或者其他富媒体的文件,如果跟消息记录一样的UI,那么无法满足需求,格式、时间展示、操作项都需要推倒重做,于是,经过一番磨合,新的UI如下:

从上图可看出,此时是开发中期,整个UI已经基本成型了,但是下拉操作项的位置、时间样式、文件状态等还需要进一步打磨,于是,又经过一番磨合,最终的UI如下:

可以看到,文件状态放到文件名字下面,减少用户眼睛疲惫,操作项最多显示到两个,其余的以下拉的形式展现出来,日期去掉大年,只显示月份跟详细的时间,把用户一般不care的东西cut掉,以简洁简单的方式把丰富的文件list给用户去选择跟查看、操作,这是设计文件Tab的最终目的。

而在没有文件时,也有清晰明了的默认图展示,对于推动用户传文件有隐藏加分哟:

搭配图片Tab,给用户一个清爽的消息记录界面

在QQ5.4就增加了图片Tab,图片Tab就是筛选出图片的页卡,而5.5增加了文件Tab之后,双剑齐发,加上原本的全部消息记录,分层更明确,使用更方便:

如何实现

文件tab用的协议包括离线文件拉取协议跟漫游协议,在用户打开消息记录时,会触发漫游协议拉取消息到本地,打开文件tab时,文件tab过滤文件消息进行展示,一次拉取30个文件+离线协议拉取下来的离线文件列表(默认7天)到缓存,从缓存读列表。目前是把列表控件改成只创建用户能看到的项,实时去更新每项的内容,这样不需要创建很多ui的列表项,就没有性能问题,拉多少条不会卡ui,这个过程在额外的线程中完成

逻辑UI图如下:

产品对未来的展望

文件Tab实现了小功能-大体贴的跨步,未来有优化的空间,伴随着手Q传文件的建设,以后还可以做其他更好的创新跟实现,并且消息记录的页卡设计一直秉承少、精、实用的设计理念,让用户在AIO做各种操作时,能感受到QQ团队的每一次贴心设计

手尖上的文件Tab,赶快来传文件,让传文件飞起来~