输入#号交互,还能变出什么花儿来?

4 评论 10100 浏览 24 收藏 3 分钟
🔗 B端产品经理需要更多地考虑产品的功能性、稳定性、安全性、合规性等,而C端产品经理需要更多地考虑产品的易用性

最近做了动态话题功能,发现小小一个“输入#号”的动作也有很多细节。

在手动输入#号创建一个话题的时候,需要一边输入一边给出话题实时搜索建议。PC上常见的交互是在输入的位置再叠加一个小浮层,这样既不影响用户继续打字,也方便查看点选。

640-17

但到了手机上,键盘的弹出已经占据了大半壁江山,此时若在输入的位置再贴一块膏药,输入空间就更显局促,感觉不够优雅。

所以在手机上的常见交互是,输入#号的同时就跳转到一个新页面,在新页面上你可以继续输入或者选择下面的搜索结果。

weibo#

这种输入体验显然没有PC端那么自然,因为它属于没有预期的跳转——#号看上去和键盘上的其他符号没有区别,可偏偏点击它的时候就跳到了一个新界面,有种被迫停一下的感觉。

发现还是有一些敢于吃螃蟹的设计,果断地将PC端的交互沿用到了手机端,比如twitter:

输入#号后,在键盘之上即刻出现一个半浮层。你可以在当前界面继续打字,或者选择半浮层中的搜索结果。当你想查看更多向上滚动时,才会推入一个新页面。

twitter#

虽然输入空间看上去变得更局促,但能明显体验到这种减少跳转的设计所带来的输入流畅度提升!

移动设备由于屏幕较小,当一屏内无法同时承载多种任务的交互界面时,出于“本能”设计师通常会将一些任务新开一个界面去完成,好让单个页面“看上去更简单”。

然而看上去简单和用起来简单并不能划等号。

 

俞静(微信公众号:听音乐做设计),现任网易云音乐交互负责人。

本文由 @俞静 原创发布于人人都是产品经理 ,未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 微信和QQ的@不也类似吗?

    回复
  2. 其实我更关注的是,手机打字的动态图是如何实现的?用的什么软件?

    回复
    1. 部分手机(据我所知有锤子和华为)自带录制屏幕的功能,APP的话拍大师就可以用。

      来自重庆 回复
  3. 完全不知道还有#键这个功能 ➡

    来自上海 回复
专题
17139人已学习16篇文章
对于很多软件工程师来说,工作内容都与界面设计有很大的关联。本专题的文章分享了界面设计方法。
专题
12411人已学习16篇文章
“老板记账”,这个词相信大家都不陌生,其实这个词就等同与我们现在的“消费金融”,就是把钱借给有消费需求的人用于消费,融合场景:消费时选择分期或借一笔钱去直接消费。
专题
13340人已学习14篇文章
现在,不少企业和行业都走上了数字化转型的征程。本专题的文章分享了数字化营销策略。
专题
14187人已学习12篇文章
为了推动公司业务的正常运转操作,我们需要建立一定的业务模型来推动运作。本专题的文章分享了如何构建业务模型。
专题
36257人已学习14篇文章
原型对于产品经理来说是一门必修课。