0

    如何优化”信息输入”设计?这些大厂案例给你标准答案

    2023.07.13 | admin | 197次围观

    “信息输入”是用户使用APP最常见的形式,高效的输入形式不仅能极大提升效率,还能有效地促进产品易用性、口碑、甚至业务目标上的实现,是每个产品和设计师都需要掌握的知识点。

    本次带大家看下有哪些有趣的‘信息输入’小案例,给你的工作需求、个人作品提供灵感来源~

    大致分为:产品能力(8个)+交互体验 (8个)

    一、产品能力上1. 横屏时分割键位

    在游戏状态下的手机键盘都会变成宽屏模式,为了解决【跨度过大】的问题,百度输入法就尝试将键盘一分为二键盘不能输入怎么办,让键盘更佳贴合左右手的打字习惯。

    让用户更快更清晰地输入信息、减少打错字的概率,突显产品的个性化服务与对用户的重视程度。

    Mark一下:横屏状态下,需要思考是否有更高效的操作方式。

    2. 语音转文字自配表情

    「微信」将语音内容转化为文字时,系统能检测用户当前的情绪并自动添加相应的Emoji表情,如开心、难过、愤怒等表情,特别有意思。

    更好地表达出自己、感知好友的当前情绪,以便更好地进行交流,并通过这种小细节提升用户对产品的印象。

    Mark一下:挖掘【行为/情绪】上对用户的关怀点,可助力产品口碑与印象的提升。

    3. 关键词自动匹配表情

    在iOS的原生键盘输入文字,再去打开表情/符号键盘时,系统会自动在文字上自动高亮对应的表情,方便用户直接选择,特别有意思。

    减少用户操作成本,同时利于表达当下情绪,给用户带来惊喜并拉进之间的距离。

    Mark一下:学会分析/检测用户当下的情绪/心理,并做出相对应的设计。

    4. 电脑复制文字, 手机同步收到

    在电脑和手机上都使用同一个「搜狗输入法」账号,只要电脑上复制文字,移动端上就能同步检测到复制信息,并且进行粘贴提示,非常便捷。

    用户能感知到系统已自动复制文字,无需在电脑上再发送给手机、手机上再去复制信息并粘贴,大大减少操作链路与成本。

    Mark一下:对用户重要/常用的功能可以设置「快捷操作」。

    如何优化”信息输入”设计?这些大厂案例给你标准答案

    5. 自动计算数学公式

    在搜狗输入法输入简单的计算公式时,系统会自动帮你计算并前置展示结果。若点击会将该公式和结果显示在输入框内。

    用户不用专门打开计算器就能知道结果,减少操作链路。同时突显产品的便捷性与科技性。

    Mark一下:前置展示潜在的用户诉求、产品服务、竞争优势等。

    6. 输入框文字越多就越小?

    各大APP搜索框的大小都是固定好的,当输入较长文本(如链接)时编辑起来就很麻烦,需要来回移动光标。

    而UC浏览器上的输入框,当你输入的文字越多时,文字就跟着变小,便于用户看到更多内容,再也而不用移动光标才能看到全部信息。

    Mark一下:当信息复杂+数量巨大时,必须给予用户清晰的分类与状态、位置指引。

    7. 检测关键词显示电话号码

    在iOS的原生键盘里,可以根据输入词检测对应的手机号码:

    当你输入 【打+我/通讯录好友名字+电话】时,键盘上会自动显示自己或好友的电话号码,点击号码就能自动粘贴在输入框中。

    用户无需前往通讯录就能轻松「获知+想起」谁谁的电话号码,大大提升操作体验与效率。

    8. 前置展示搜索结果

    相比于国内的其他浏览器,夸克浏览器在搜索框中输入“某城市+天气”的关键词,上方就会以卡片的形式显示该地区最近一周的天气,让用户一目了然。

    用户无需触发搜索、进入结果页才能看到想要查询的信息,大大提升信息的查询效率、增加后续用户来夸克搜索的粘性与意愿。

    Mark一下:前置展示潜在的用户诉求、产品服务、竞争优势等。

    二、交互体验上1. 不用心算现在多少钱了

    在微信发起转账,输入数字时会检测对应的数额(千、万、十万、百万等)键盘不能输入怎么办,用户一眼就能知道输入了多少前,特别nice。

    用户无需【边输入,边计算这是多少钱】的脑力投入(特别是对于年纪大的用户),增加信息输入效率与速度。

    Mark一下:记得检测信息数量是否有对应的梯位。

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论