美文网首页产品经理
微信的一处糟糕设计

微信的一处糟糕设计

作者: 我是海西 | 来源:发表于2014-08-12 02:10 被阅读343次

前段时间,还在朋友圈夸赞微信很多设计细节非常体贴,值得学习。今天就发现一个让我感到非常不可理解的糟糕设计。[Android版微信5.3.1]

众所周知,微信打开之后,在“聊天”列表中,长按一个联系人,出现弹窗如下图,最下面一个功能菜单是“删除该聊天”

长按联系人.png (图1)

因此,很多和我一样稍微有些强迫症的家伙,会有不定期清理聊天列表的习惯,每次清理的时候,一个接一个,习惯性的执行:[长按]->[点击最下面菜单]

但是,可恶的是,当你看着聊天列表逐渐缩短,那种快感让你陷入一种不思考的惯性中,这时,你根本无法区别混杂在聊天列表中的服务号,因此依然重复着[长按]->[点击最下面菜单]的操作,但是他竟然是下图这样的:

长按服务号1.png (图2)
最下面一个菜单项竟然是“取消关注”!可惜等你反应过来,已经点击了,这时候你非常慌乱,生怕真取消了,然后赶紧想返回去。然而,接下来的弹窗是这样的:
长按服务号2.png (图3)
然后,慌乱之中又习惯性点击了右边的选项,结果右边的选项恰好是“取消关注”。完了,这下嗝屁了...
  • 糟糕之处
  1. 列表中混杂着联系人和服务号,视觉上没有明显区分或者排列,这就给用户的第一感知是一样的;
  2. 但是同样的操作[长按]之后,出现的结果却是不一致的;
  3. 当第一步误操作点击“取消关注”之后,第二步本来可以有纠正的机会,但是冗长而模糊的文案,加上用户此时慌乱的心理,直接导致再次点击右侧项目:“取消关注”。
  4. 用户点击图3中的“取消关注”的原因是:慌乱心里之下,看见“取消”二字,就直接点击了,以为是取消此次行为,结果是“确认取消关注”,这个按钮的文案绝对有问题!!
  • 解决方案
  1. 在对话列表中区分服务号和联系人。此方法不提倡,我猜微信团队之所以不做区分,是因为在产品形态里,这些都属于“聊天”范畴,本质都是对话;
  2. 点击服务号时,将图2中“取消关注”放在第二行,最下面依然是“删除该聊天”,毕竟在“聊天”tab下,用户的第一行为应该是针对聊天做处理,而不是针对人(服务号)做处理;
  3. 在图3中,下面两个按钮左右互换。因为如果真的要取消关注,这对用户来说是一个很慎重的决定,头脑一定是很清晰的,而误操作取消对用户来说一个很严重的事情,秉着“首先保证不犯错”的原则,可以把“继续关注”放在右边;
  4. 图3文案改为“确定不再关注xxx吗?”,下面按钮左右文案分别为“确定”、“取消”;

感觉3和4的解决方法并不是非常理想。再继续想想吧。

相关文章

  • 微信的一处糟糕设计

    前段时间,还在朋友圈夸赞微信很多设计细节非常体贴,值得学习。今天就发现一个让我感到非常不可理解的糟糕设计。[And...

  • WeUI 为微信 Web 打造

    WeUI 为微信 Web 服务量身设计 1 WeUI 是什么? WeUI 是微信官方设计团队为微信 Web 开发...

  • 微信小程序UI规范

    微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户...

  • 抢先看:微信官方发布的微信应用号(小程序)设计规范(来源于网络)

    微信小程序设计的基本原则是微信设计中心针对在微信类上线的小程序页面总结的设计指南及建议。以下设计原则都是基于对用户...

  • 小程序集成WeUI

    WeUI 为微信 Web 服务量身设计。WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微...

  • 腾讯的76款开源项目

    1.WeUI WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库,是一套同微信原生视觉体验一...

  • 专为微信设计的 UI 库 WeUI

    WeUI 是由微信官方设计团队专为微信移动 Web 应用设计的 UI 库。WeUI 是一套同微信原生视觉体验一致的...

  • 小程序引用UI库-weUI

    WeUI for 小程序 为微信小程序量身设计 WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计...

  • 微信小程序UI组件框架分享

    WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以...

  • 10个你应该没用过的微信第三方服务平台

    1.微信UI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页开发量身设计,可以...

网友评论

    本文标题:微信的一处糟糕设计

    本文链接:https://www.haomeiwen.com/subject/pneetttx.html