商丘做网站,商丘网站优化,商丘网络推广,商丘网络公司
当前位置:首页 > 万博体育娱乐 > 网站设计 >

这样做对不对? ——对微信交互设计的一些建议

发表日期:2018-01-05 15:17万博娱乐体育浏览次数: 本文关键词:这样做,对不对,—,对,微信,交互,设计,的,一些,

  本文作者将讨论一下微信这款产品的几个设计点。enjoy~

  

 

  微信是人们在日常生活中常用的软件,截至2017年4月,其活跃用户数量已有8.89亿,公众号的数量也已高达1000万,对于这样一个影响如此巨大、服务群体如此之多的社交类软件,其交互设计的每一个细节都关乎着无数人的使用体验,进而影响着无数人的生活质量甚至是切身利益。在这里,我们就讨论一下微信这款产品的几个设计点。

  1. 微信(电脑版)的公众号页面点击鼠标左建后弹出的小窗口

  如下图:

  

 

  如图所示,该窗口可被认为是公众号的详细介绍页面,其中值得注意的是,该页面的右下角设置了三个按钮,分别是发送名片、查看历史消息、进入公众号(如下图所示)。

  

 

  “发送名片“按钮

  

 

  “查看历史消息“按钮

  

 

  “进入公众号“按钮

  这里,我们讨论一下这3个图标的设计样式:

  “发送名片“按钮

  (1)问题

  对于这个按钮,由于这个按钮的图标样式是一种不大常用的图标样式,因此,用户在见到这个图标时往往会对图标的功能产生疑惑,而尝试去点击它又会浪费用户宝贵的时间和流量,这会让用户产生烦躁感,降低用户体验(如下图)。

  

 

  (2)改进建议

  既然这个按钮的作用是分享这个公众号,而”分享“图标有常用的图标样式,这样的话,是不是可以采用常用的”分享“图标样式(如下图),同时也可以把用于提示的字符串由“发送名片”改为”分享名片”,从而使用户对图标的功能一目了然,提高使用时的流畅感。

  

 

  “分享”图标1

  

 

  “分享”图标2

  “查看历史消息“按钮

  对于“查看历史消息“按钮和“进入公众号“按钮,似乎也存在这样的问题,由于用户之前没有见过这样的图标,也可能会产生一些疑惑,在这里也同样建议修改图标样式。“查看历史消息“按钮可选择改为在浏览器上通用的“历史”图标样式(如下图)

  

 

  通用的“历史”图标样式

  “进入公众号“按钮

  而“进入公众号“按钮所采用的类似”聊天“图标的设计其实是能够给用户一种进入公众号和公众号聊天、看公众号内容的体验,从这一点上来说这个设计是符合要求的,但在有的时候,用户又似乎有可能会认为这个图标是”联系我们“的意思,更何况,用户一般不会和公众号聊天的,采用”聊天”图标可能也有点不太妥当,建议采用带有“进入”意思的图标(如下图)。

  

 

  带有“进入”意思的图标

  总结:对于图标的样式,个人觉得应采用通用型的图标样式,这样用户在使用时会有熟悉、流畅的感觉,采用用户陌生的图标可能会增加用户的疑虑感、歧义感和烦躁感。

  2. 微信(电脑版)的公众号页面的重复设计

  问题

  还是微信(电脑版)的公众号页面,当用户选中一个公众号,然后点击鼠标左键时,弹出的是这样的窗口(如下图):

  

 

  点击鼠标左键时弹出的窗口

  而当用户点击鼠标右键时,则弹出这样的列表(如下图):

  

 

  点击鼠标右键时弹出的列表

  我们可以看到,点击鼠标左键时弹出的窗口的功能分别是:发送名片、查看历史消息和进入公众号,而点击鼠标右键时弹出的窗口的功能分别是:发消息、发送名片和取消关注,其中,发送名片=发送名片,进入公众号=发消息,所以功能总共只有4种:发送名片、查看历史消息、进入公众号和取消关注。

  改进建议

  总共只有4个功能,可考虑并到一起(如下图):

  

 

  3. 搜索栏

  问题

  微信(电脑版)里面的搜索栏是一个很多时候用户不知道该如何使用的控件,因为搜索这个功能的范围太大了,用户无法确定(如下图):

  

 

  看到这个界面,用户可能会问:

  我搜索的范围是什么?

  是下面写的“搜索文章”吗?

  搜到的是 本地已有的内容 还是 网上的陌生人、陌生文章也能搜到?

  如果 本地内容、联网内容都能搜索到,那下面的搜索文章是干什么的?

  如果我想新加个好友的话以后在这里搜吗?

  这个时候,用户可能已经不大想用这项功能了,因为他们根本不知道这个“搜索”是干什么的。

  (2)改进建议

  根据试验,该项“搜索”功能可能是搜索本地的好友、群、文章等等内容,而下面的”搜一搜“则可能是用于搜索网络中公众号里相关文章的。所以建议把上面的输入框中的提示文字由”搜索“改为”搜索全部本地内容:好友/群聊/群成员/群文件/公众号内容等等“,把下面的”搜一搜“改为”搜索联网公众号内容“。这样用户可能就知道这个搜索是用来干什么的了。

  总结:很多时候,要先交代给用户这是干什么的。

  4. 收藏界面

  问题1:列表项位置

  在微信的收藏界面,用户能看到一个列表(如下图):

  

 

  收藏界面的列表

  此时,用户可能会产生疑问:“全部收藏“指的是收藏的内容,可下面的”链接“、”相册“等等的又是指什么呢?

  改进建议:

  其实这些“链接“、”相册“等等的是指”全部收藏“中的”链接“、”相册“,个人认为,由于这些“链接“、”相册“等等列表项与”全部收藏”平行,所以用户会产生一些疑虑,认为它们是除了收藏内容意外的其他内容。个人建议可以将次级列表项往右侧移动几个字符的距离,用位置体现主次级的关系(如下图)。

  

 

  用位置体现主次级的关系

  总结:

  子列表项最好能往右侧移动几个字符的距离,使得用户没有歧义的看出它们是子列表项。主次,大小等关系也最好能通过位置、颜色、字体等等体现。

  问题2:拖拽文件至此直接新建收藏(如下图)

  

 

  用户不太会注意到这个功能,可能是因为它的提示文字位置较低、字体颜色较暗。另外,“拖拽至此“这个功能往往需要用一个“框”去引导用户,让他们往框里面拖拽,否则,用户可能会不大情愿拖拽,他们甚至都想不到这里还能拖拽。

  改进建议:

  增设醒目的标识、用一个“框”来提示用户拖拽(如下图)

  

 

  总结:新功能要明显、明显、明显,最好自己能闪几下或做成一个flash.

  附加语:腾讯公司的微信是一款非常优秀的产品,也是交互设计的教科书,本文虽是对微信的建议性文章,但并没有任何针对性,腾讯公司优秀的设计能力是业内外一直认同的,这一点无可厚非。

如没特殊注明,文章均来自网络! 转载请注明来自:http://www.bluecatslive.com/news/wzsj/6923.html

网站设计案例推荐

热门文章

揭秘2017年最新的网站快速排名设...

网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

日期:2017-06-30 浏览次数:5371

终于等到你!2017年2月设计圈实...

随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

日期:2018-04-01 浏览次数:642

现代404页面设计趋势分析与案例...

每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

日期:2018-02-27 浏览次数:633

商丘建站公司:内行讲堂!让设...

你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

日期:2018-04-15 浏览次数:623

商丘网站维护:如何写出一个完...

本文对如何写出一个完美的错误信息,进行了3个重要组成部分的分析。 每个系统都会有无法正常工作的时候。可能是用户的错误或系统的失败。在这两种情况下,以正确的方式处理错...

日期:2018-05-27 浏览次数:618

相关文章

电商网站设计系列——促销码功...

本文作者将会从三个方面讲述:如何设计电商网站的促销码功能呢?在设计过程中我们需要注意些什么呢? 国外电商网站中有一个东西叫做促销码,相当于国内电商的优惠券。促销码在...

日期:2018-01-05 浏览次数:69

共性个性——聊聊 to B 产品的设...

今年的热词一定离不开:AI、to B、AR说起to C,大家一定不陌生,我们接触到的产品中很多都是to C产品,但是to B产品则不然。在过去的半年里,我参与了多个to B产品设计,有一些心得。...

日期:2018-01-05 浏览次数:61

网站设计规范——应该做什么,...

网页设计是一件很繁琐的事情,因为在设计时要考虑很多事情。为了简化网页设计这件事,本文列举了每个网站设计者都应该考虑的行为准则,包括能做什么,不能做什么。放心,这些...

日期:2018-01-05 浏览次数:61

AI Persona——语音交互设计中的角...

AI Persona 的主要依据,是创建者对于品牌的期望、为用户提供的服务类型和场景。 用户画像(Persona)是体验设计中一个常用概念,是指创建出对于用户的描述性模型,即合成的用户原型,...

日期:2018-01-05 浏览次数:61

客服系统机器人产品设计详解—...

在当下科技不断发展的时代,都说是AI的时代,从以前的大数据到如今的AI时代,智能机器客服系统就是典型的一个产品。 客服系统中的机器人 客服系统的兴起是基于满足降低公司人力...

日期:2018-01-05 浏览次数:61

随机推荐

网站建设首页设计图文混排的技...

超全面干货!弹窗设计的5条基本...

弹框体系总结...

说走就走!勾引你出门旅游的网...

让用户“看见” 是一种心机行为...

网站设计之卡式布局运用策略...