从交互设计角度深度分析微信键盘

早在2021年时,张小龙就表示要自己做一个输入法,如今「微信键盘」上线了iOS的app store。本文作者从交互设计的角度,对微信键盘APP进行了分析,一起来看一下吧。

从交互设计角度,深度分析「微信键盘」

最近惊喜地发现「微信键盘」上线了iOS的app store。2021年,张小龙就表示,微信要自己做一个输入法。等了两年,终于等到了。

这篇文章带你从交互设计的角度,全面分析一下。

一、拼写Plus的打开引导

打开微信键盘APP,可以看到界面的布局:

顶部是功能介绍区 ,下面是各种功能设置区。

从交互设计角度,深度分析「微信键盘」

在功能介绍区,以显著位置展示着“开启拼写Plus”按钮。

打开这个按钮,用户可以使用智能拼写、智能推荐、表情推荐、拼写检查等很核心的功能。

所以应用的设计者,十分希望用户能打开该按钮。

这也是为什么在界面里,以如此显著的方式告诉用户拼写Plus可以帮你做什么,潜台词,“这个功能这么好用,你还不打开吗?”

如果用户没有打开,在输入法的界面,点击输入法图标,也有显著的按钮。

点击开启按钮,会展示开启后会上传部分输入数据,以及开启后用户能够获得的价值。

从交互设计角度,深度分析「微信键盘」

开启后,再次打开面板,这个开启拼写Plus按钮就消失了。

从交互设计角度,深度分析「微信键盘」

可以看到,整个方案里,提升拼写Plus的打开率,一定是一个核心的产品目标。

二、表情功能

我们再来看日常输入时的微信键盘界面。

相比于搜狗输入法:

从交互设计角度,深度分析「微信键盘」

微信键盘把功能都藏得比较深,需要点击键盘icon,才能看到各个功能。

从交互设计角度,深度分析「微信键盘」

「克制」的标签可以安排上了

值得一提的是,所有功能中,对于表情,微信键盘还是很重视的,给留了个入口:

点击表情,在右上角有“显示表情键”的开关:

从交互设计角度,深度分析「微信键盘」

打开后,在键盘右边,会展示“表情”入口,点击后有推荐表情+emoji;

从交互设计角度,深度分析「微信键盘」

如果关闭,发送按钮会变大。

从交互设计角度,深度分析「微信键盘」

对于表情,可以说微信键盘在我们用微信的时候,会极大发挥它的威力:

当我们输入的是一些短语,比如你真棒的时候,候选词中会自动出现一个“笑脸+你真棒”,点击后,出现相关的表情包。

从交互设计角度,深度分析「微信键盘」

以后微信里自带的表情搜索,相信点击量会下降很多。

从交互设计角度,深度分析「微信键盘」

但是,当我们输入的是一个句子,则不会出现这个笑脸。

从交互设计角度,深度分析「微信键盘」

要做出这里的判断,其实不容易。用户输入什么类型的内容,应该出现这个“笑脸”来推荐表情包呢

如果是沐风来做这个功能,一定会请产品经理去后台看一下,用户在使用微信自带的表情功能,搜索的内容都有什么。然后根据这些已有的词条,制定一个规则

三、常用语和智能推荐

另外想说说常用语。点击按钮,出现常用语的功能说明。这个流程设计得很好。新手引导非常自然,不突兀。

从交互设计角度,深度分析「微信键盘」

这样以后输入前3个字,或者短语的拼音首字母,就可以快速发送。

另外,当我们输入的短语,是视频号、公众号或者歌曲、电影时,会在候选词里出现“图标+候选词”的智能推荐选项。

点击后会出现相应的卡片,还是很方便的。

从交互设计角度,深度分析「微信键盘」

四、单手键盘的界面设计

关于单手键盘,左边的功能有“左/右手模式”和“全尺寸”。这里沐风思考了一个问题:

“键盘调节”按钮,是否应该像搜狗一样,放在左边的区域?

这个功能更符合单手用键盘的需要,让用户可以更高效调整键盘的尺寸。

从交互设计角度,深度分析「微信键盘」

但是仔细想了一下,键盘调节是一个低频功能,一般人调整好后,不会总是调整键盘的尺寸。

咱们就是说,如果放上去了,让“键盘调节”总在那做冷板凳也不好不是。

另外,当开始输入的时候,左边的两个功能会自动收起为3个点,这样可以减少对用户的干扰。

从交互设计角度,深度分析「微信键盘」

与此类似的,还有键盘选择功能。

搜狗输入法是把键盘选择放在了主界面上,点选起来虽然容易,但我想问一句:

大家在日常使用中,真的会频繁改变自己的键盘吗?

相信大多人会和我一样,选择了一种键盘,就不会改来改去了。

从交互设计角度,深度分析「微信键盘」

但是微信键盘,是把键盘选择收起在功能面板里。虽然操作上多了一步,但确实更符合用户的使用场景。

五、缺憾

相较于搜狗输入法,微信键盘目前对英文的支持还不是太好。比如我经常喜欢用9宫格,输入“hh”,就能输入“hi”,但是微信键盘目前还不支持。

另外,对于人名的输入,也无法识别。估计后续一定会有「获取通讯录」功能上线,到时候这个问题可以解决。

再有就是,由于使用时间的积累,搜狗目前会更懂我一些。但是这个可以接受。相信通过调教,微信键盘会随着时间的增加越来越能get我。

六、总结

综合体验下来,沐风感到微信键盘不负众望,交互体验做得很棒,对场景的拿捏很到位。方案里各个细节考虑的也很完善。

相信会对以后我们的微信聊天,提供更加丝滑的顺畅体验。

专栏作家

沐风,微信公众号:沐风与体验设计。人人都是产品经理专栏作家,2017年度作家评选最佳人气奖。爱奇艺资深交互设计师。留德海龟,曾任职腾讯微生活、网易、宜人贷。6年交互设计经验,专注设计领域,欢迎关注。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com

(0)
上一篇 2023年 4月 12日 下午1:38
下一篇 2023年 4月 12日 下午1:44

相关推荐

  • 快手直播的时候怎么录屏,电脑上的快手直播伴侣可以录屏吗

    快手直播的时候怎么录屏?现在的互联网科技越来越发达了,在十年前我们还都在线下购物,如今在家里只需要在手机上下单,就可以购买物品。所以有很多平台就上线了直播售货的方式来进行商品交易。…

    2023年 4月 16日
  • qqnt技术,qq全新nt架构

    在瞬息万变的互联网行业中,年过二十四的 QQ 堪称超长寿的产品,见证了中国互联网崛起的完整历程。然而,如今这个元老级产品经历了一次从内到外彻底的重构。 在这次重构中,QQ 选择了 …

    2023年 8月 27日
  • 号称“安全”运营五年,刷单平台左手放单,右手刷单

    为了增加“人气”与“信誉度”,一些电商平台上的商家选择刷流量与刷单的方式“另辟蹊径”。 第一财经记者通过调查了解到,在搜索引擎排名靠前的刷单平台不少已经拥有5~7年的运营经验,客服…

    2023年 7月 1日
  • 搜狗输入法v1114版本更新日志

    本次更新修复:【iOS端】【皮肤】修复了皮肤制造机制作一款皮肤发布后,点击页面“再制作一款皮肤”无响应的问题【生僻字键盘】修复了生僻字键盘无法屏蔽的问题【拍照转文字】修复了跨屏输入…

    互联网 2023年 1月 1日
  • excel如何根据数据变化自动排名

    对数据进行排名,想必销售人员、老师经常会用到Excel中的RANK函数,但有时候由于排名的数据并不是连续的,所以公式中就无法直接选择排名的区域范围,这就增加了排名的难度,下面同样是…

    2023年 3月 3日
  • 怎么通过网络传输超大文件给别人

    在生活和工作中,我们总是要发送一些比较大的文件给别人,或者在自己的设备之间。在互联网日益发达的今天,我们可以用什么方法通过互联网快速传输大文件,发送1G以上的文件? 一、使用QQ传…

    2023年 3月 13日
  • 三种excel函数应用,excel70个高频函数应用

    本期利用Excel如此强大的工具做一些稀奇古怪的事情。。◕ᴗ◕。以此说明几个Excel函数的应用。 一、相对微信,QQ比较复杂一些。现在貌似QQ的使用率下降了不少。QQ等级由用户的…

    2023年 6月 23日
  • 如何选择火车卧铺上下铺,火车卧铺选完铺之后如何选择下铺

    大家都知道,12306是无法自己选择卧铺的上下铺,都是随机匹配的。当然年龄超过60岁的,系统会自动匹配张下铺。毕竟老年人腿脚不方便攀爬。但是对于一些身体差,孕妇呀等一些特殊群体,其…

    2023年 7月 5日
  • 20条手机摄影技巧,让你成为手机拍照高手,良心教程

    手机拍摄已经成为日常生活中最常见的方式之一,以下是一些手机拍摄的技巧。 ·1.清洁镜头:保持手机镜头清洁可以避免照片模糊和光斑,使用柔软的布或专用的镜头清洁布轻轻擦拭镜头表面。 ·…

    2023年 10月 17日
  • win7修改盘符提示参数错误

    win7系统修改磁盘提示参数错误该怎么办?方法很简单,只需要通过五步操作就能轻松解决win7系统提示参数错误的问题了。 工具/原料: 系统版本:windoes10 品牌类型:Len…

    2023年 7月 25日