从微信与QQ的交互比较中谈用户体验

日期:2019-08-13 20:17:54 来源:互联网 编辑:小狐 阅读人数:343

从微信与QQ的交互比较中谈用户体验(图1)

既然要说用户体验那么第一步我们就应该明确用户到底是谁,才能谈用户体验,毕竟世界上没有哪一款产品是能给所有用户带来合心意的体验的,所以我们首先要明确用户体验的主体—目标用户。

在明确了用户体验主体之后,我们第二步就需要进一步了解用户体验的客体,即用户将会与谁进行交互。用户的交互肯定具有一定的流程,所以第三步就涉及到交互的流程问题。

从微信与QQ的交互比较中谈用户体验(图2)

一、目标用户对比

和作为旗下两款国民级即时通讯应用,虽然在核心功能与业务上有着极高的重合度但是在交互层面却存在这诸多差异,各自带来的用户体验也是不同的。按照分析用户体验流程的第一步,我们需要明确的是和各自的目标用户画像,了解到用户体验到底是谁的体验。

从微信与QQ的交互比较中谈用户体验(图3)

左)右)活跃用户年龄分布对比

从微信与QQ的交互比较中谈用户体验(图4)

左)右)活跃用户性别分布对比

TalkingData的数据显示,和的用户年龄分布情况基本一致,在性别分布上,的女性用户占比稍高于男性用户占比,而恰好相反,但基本上二者的用户画像差别不大。其中原因应该是同时作为两款国民级应用,所以在用户细分上不会有太大的差异。

既然同作为两款国民级的即时通讯工具,还拥有基本一致的用户画像,就可以判断出两款应用的用户需求基本是一致的。虽然两款应用的用户画像基本一致,但是从产品层面上来看我们依然能看出二者的差别,相比于显得更稳重而中规中矩,而相较于则更显年轻化。

这是两款即时通讯工具在产品层面上给我们带来最直观差别,正式因为产品策略的差异才使得在交互上存在着两套迥异的产品逻辑。

二、交互所涉及的对象

在我们明确了目标用户以后,我们需要做的第二步是明确与用户产生交互的对象。

在互联网产品中,用户的交互可以分为用户与界面的交互(UX)用户与内容的交互(CX)用户与其他用户的交互(PX)用户与品牌的交互(BX)四大类。这四种交互类型的关系是UX是CX、PX、BX的基础,通常情况下CX是PX基础,UX、CX、PX共同构成了BX的基础,四者的关系是一个金字塔型的关系。

从微信与QQ的交互比较中谈用户体验(图5)

四种交互类型的金字塔关系

不过值得说明的是,虽然四者存在着金字塔的层级关系,但并不是所有的应用都会涉及到这四种交互类型,同时也并不意味着没有了中间某一层,上面的层次就不复存在。就拿此次对和来说,PX并不是以CX为基础,而是直接在UX的基础上建立起来,虽然和包含有CX,但在这里PX和CX的关系就不再是PX以CX为基础,二者应该同处于金字塔的第二层。

以CX为基础产生的PX多存在于新闻资讯类和社区社交类应用中,因为并非所有应用都会涉及到四类交互,所以需要进行分析判断和具体具备哪几种交互类型。

UX:所有的应用都涉及到人机交互,所以和都涉及到UX。

CX:在中,用户可以查看,属于内容消费的范畴,所以在中涉及到CX;在中的看点、兴趣部落都属于内容消费的范畴,所以也涉及到CX。

PX:作为一款即时通讯工具,核心业务就是连接起人与人,所以涉及到PX,主要体现在聊天、群聊和朋友圈;同样作为即时通讯工具自然也涉及到PX,主要体现在聊天、群聊、空间、扩列之上。

BX:除了即时通讯和,还有支付和小程序等共同构建起的庞大生态圈是时的重要护城河,也是用户与背后的这一品牌进行交互的多个场景维度。在即时通讯以外的个性装扮、会员等多种年轻化、个性化的玩法也是用户与品牌的多种交互场景维度。

综上,和在用户交互中包含的UX、CX、PX、BX四种类型。

从微信与QQ的交互比较中谈用户体验(图6)

的交互类型金字塔关系

三、交互的流程

交互的流程可以划分为操作前、操作中、操作后三个流程,各个流程的要求是操作前要信息明确、操作中要反馈及时、操作后要进行操作返回。

从微信与QQ的交互比较中谈用户体验(图7)

1. 操作前信息明确

即要求界面的组件摆放、信息指示能给用户带来一目了然的感觉,让用户能轻易的理解到产品设计者的意图,方便用户进行有效便捷的操作。要想做到信息明确可以从指示明确、减少疑惑、状态可见这三个方面出发。

从微信与QQ的交互比较中谈用户体验(图8)

1指示明确

就如同我们日常生活中遇到的指路牌一样,可以通过简单的箭头和文字即可给路人带来明确的指示目标,体现在手机应用中的例子如TIM的聊天界面中,屏幕左上方是返回按钮,按照通常的用户习惯,对于这个

从微信与QQ的交互比较中谈用户体验(图9)

TIM聊天界面

2减少疑惑

即在界面中用清晰明了的图标或简短的文字即可让用户直接意会到界面的功能含义,这要求在界面设计中图标的选择尽量建立在用户已有的日常习惯之上,避免不必要的创新。

如界面的入口按钮一般都使用铃铛或喇叭的图标,一来是因为这与现实生活产生,当出现广播式时会通过大喇叭的形式传播,或出现铃声响的情况所以用喇叭或铃铛产生联想。二来是因为目前大多数应用都这么做,已经形成了固定的用户习惯。所以用这些真实世界的图标能有效地减少疑惑。

3状态可见

另外还有一个例子就是因为目前市场上的应用体量变大的原因,加载时间渐渐变长,在加载完成之前,界面会先显示即将现实的界面结构,让用户提前了解界面的结构情况。

从微信与QQ的交互比较中谈用户体验(图10)

美团外卖小程序加载界面

在和中涉及到UX、CX、PX、BX四类交互内容,而在交互流程方面,涉及的主要是UX方面的比较,所以从交互流程上一一比较二者的交互差异,以比较UX为主,CX、PX、BX的比较暂不在此讨论范围之内。

因为和的体量较大,所以要比较和的交互差异,本文主要选取了两大核心功能进行比较,分别是即时通讯和个人动态,“个人动态”体现在则是朋友圈、体现在则是空间。

首先来看即时通讯功能,即时通讯主要有好友列表、界面、聊天界面三部分组成。

1通讯录:

从微信与QQ的交互比较中谈用户体验(图11)

的通讯录以列表形式展现,人按照首字母排序,群聊有单独的入口,且必须是加入通讯录的群聊才会在这里显示,用的形式形成好友分组。

的人界面以顶部tab和列表的形式展现好友信息,群聊中显示所有已加入的群聊。同时还比多了一个手机通讯录的好友列表。

小结:

指示明确方面,用图标加文字展现群聊等二级界面入口、以文字进行展示,两种显现方式并无孰优孰劣之分,都达到了指示明确的效果。

减少疑惑方面依然如此。

状态可见方面二者整体结构都比较清晰,的好友列表结合了首字母排列和分组排列,可能是受到历史原因的影响,因为好友分组的人排列方式一直存在,后期加入的首字母排列多少受到的影响,所以两款应有都有互相借鉴的地方。

2界面:

界面二者的交互差异体现在小细节之上。

差异一:信息角标位置,的信息角标出现在好友头像上,并显示新数量,信息角标出现在右侧,同样显示信息数量。

差异二:免打扰的信息提示差异,中免打扰的信息会以红点角标提示,新信息数量提示出现在最新内容的小字前,则会把信息角标变成淡蓝色,并显示新信息数量。

差异三:有无进度条,当滑动信息界面时,无进度条,而有。原因可能跟前面说的一样,考虑到好友关系相对更开放,加之服务号、新闻、看点日报等其他一并在此显示,加上进度条可以让用户有个整体把握。

3聊天界面:

从微信与QQ的交互比较中谈用户体验(图12)

在与好友的聊天界面我们发现和的差别较大,我们从上往下可将分为微1、微2、微3共三个部分,可分为Q1、Q2、Q3、Q4。

在第一栏中,Q1比微1多了一个通话按钮,把通话的入口比放的更明显的原因可能语其年轻化的定位有关系,为了迎合更年轻化的设计,把通话按钮放置在最明显的位置,更能吸引用户使用通话这一更灵活有趣的功能。

而定位是方便快捷,张小龙就说过就是一个用户用完就走的工具,所以当用户与好友时,发图文或发语音即可,所以把发语音的按钮直接放在了微3的位置。当年也是依靠直接发语音的功能优势起家,这还与历史原因有关,而把音通话放在了“+”按钮的抽屉中,还兼顾了页面简洁性,照顾到广大用户的体验。把红包、图片、拍照等多样的玩法都直接放在了Q4的位置,与语音通话放在Q1的原因一样,同样是为了年轻化的产品定位服务。

从微信与QQ的交互比较中谈用户体验(图13)

从微信与QQ的交互比较中谈用户体验(图14)

在群聊聊天界面值的比较的是群资料界面,群聊中没有群聊中的群文件、相册、签到、投票等功能,要实现这些协作功能则是通过小程序实现,保证了的简洁性。造成这样的差异皆是各自定位使然。

比较完了即时通讯之后就是比较朋友圈和空间的交互差异。

从微信与QQ的交互比较中谈用户体验(图15)

朋友圈和空间本质上是一东西,都是用户记录个人生活,并把记录的信息向好友公布的信息窗口,但是二者在交互上却存在着诸多差异,笔者将从外在的界面到内在的交互逻辑逐步深入进行比较。

差异一:比界面更简洁,作为一款单纯的社交工具,只需要展现动态中的信息即可,而还包含了各种个性装扮挂件、访客信息显示,充分体现了娱乐元素。

从微信与QQ的交互比较中谈用户体验(图16)

则是通过视觉、听觉、触觉的感官体验让用户感受到操作的有效的、可执行的。前文比较的是和在操作前的交互情况所以按照两大核心功能及各对应界面进行划分,分别比较两款应用各自的交互方式和背后的内在逻辑。

涉及到操作中的交互要反馈及时这里将不再对和进行一一对比,因为两款应用有各自的风格,偏简洁风,重个性化多样化玩法,所以下文将通过举和中的交互例子的形式列举出操作中的反馈类型。

1视觉反馈

表现状态的视觉反馈:如中发送图片时显示发送完成百分比,反馈信息发送完成度,让用户意识到信息正在发送中,发送行为是运行中的。

其提示作用的视觉反馈:如页面下拉刷新后过段时间会显示刷新成功,给用户明确的操作成功反馈。

2听觉反馈

操作的反馈信息有时候如果光靠视觉反馈会造成页面繁复的情况,带来较差的用户体验,这时可以用听觉反馈代替视觉反馈,同样能给用户带来操作提示。如扫一扫,当扫描成功后会出现“滴”的一声反馈,显示扫描成功。

3触觉反馈

从微信与QQ的交互比较中谈用户体验(图17)

3. 操作后可返回

操作后可返回则是一个操作流程结束后进行的复位操作,这要求返回的逻辑要清晰,同时还要兼顾到流程的简便性。返回的种类可分为返回、关闭、完成三大类。

返回一般是指返回上一级界面。

关闭则指关闭当前界面结束整个功能场景。

完成则一般出现在完成整个功能流程之后进行的一个结束功能场景的操作,与关闭不同的是,关闭一般指功能流程中止阶段直接退出整个功能流程,而完成是在功能流程处于完成状态进行的关闭功能流程操作。总结

本文比较了和的用户画像、各自所涉及的交互对象和交互流程,试图说明对用户体验的个人理解。在比较中我们发现,产品设计中要想使产品具有良好的用户体验就得需要结合产品的定位和用户的定位,在这两个定位的大框架之下去考虑交互过程中的交互对象和交互流程中的细节信息。

在交互流程中的各大原则在所有的产品设计中都具有一定的参考意义,但在遵循这些交互原则的同时还需要兼顾到用户和产品定位进行相应取舍,在动态平衡中给用户带来较佳的用户体验。

本文相关词条概念解析:

用户

用户,广泛的含义是使用者,即使用你的产品或服务的一方。一般是指城镇、农村接受社会某种有偿服务的客户。如:供水、宽带、通信、供暖、煤气等客户。用户分为电脑登录用户,每一个电脑登陆用户都是采用个人的设置。用户:某一种技术、产品、服务的使用者,使用某种产品的人。用户:在计算机里还指人、帐号、进程等。信息通信技术的发展使得创新不再是科学家和技术研发人员的专利,用户对与科技创新的重要性被日益认识,用户参与的创新2.0(面向知识社会的下一代创新)模式正在逐步显现,用户需求、用户参与、以用户为中心被认为是新条件下创新的重要特征,用户成为创新2.0的关键词,用户体验也被认为是知识社会环境下创新2.0模式的核心。

网友评论
可以叫我帅
可以叫我帅
分手后没有互删微信qq是什么样的体验?
2019-08-24 07:11 251
佚名终是轶
佚名终是轶
从没有想过会有这样的家长直接登上孩子的账号
2019-08-15 22:44 530
相关文章
“从微信红包,看出一个男人是否爱你”

“从微信红包,看出一个男人是否爱你”

“从微信红包,看出一个男人是否爱你”[详情]

iOS端的QQ用户体验随笔:QQ消息机制傻到令人抓狂

iOS端的QQ用户体验随笔:QQ消息机制傻到令人抓狂

iOS端的QQ用户体验随笔:QQ消息机制傻到令人抓狂[详情]

开始宣布收取每月20元费用使用, 你还好吗

开始宣布收取每月20元费用使用, 你还好吗

开始宣布收取每月20元费用使用, 你还好吗[详情]

网站地图    Copyright     2016-2018  资讯网   All rights reserved.