编辑导语:“信息输入”是用户在使用 app时不可缺少的一环,高效的输入形式不仅能极大提升效率,还能促进产品多方面的发展。本篇文章作者为我们分享了大厂的“信息输入” 设计案例,为我们的工作需求和个人作品提供一些灵感,一起来看。
“信息输入”是用户使用APP最常见的形式,高效的输入形式不仅能极大 提升效率 ,还能有效地促进产品 易用性、口碑、甚至业务目标 上的实现,是每个产品和设计师都需要掌握的知识点。
本次带大家看下有哪些有趣的 ‘信息输入’ 小案例,给你的 工作需求、个人作品 提供灵感来源~
大致分为: 产品能力(8个)+交互体验 (8个)
在游戏状态下的 手机键盘都会变成宽屏模式,为了解决 【跨度过大】 的问题,百度输入法就尝试将键盘一分为二,让键盘更佳贴合左右手的打字习惯。
让用户更快更清晰地输入信息、减少打错字的概率,突显产品的个性化服务与对用户的重视程度。
Mark一下:横屏状态下,需要思考是否有更高效的操作方式。
「微信」将语音内容转化为文字时,系统能检测用户当前的情绪并自动添加相应的Emoji表情,如开心、难过、愤怒等表情,特别有意思。
更好地表达出自己、感知好友的当前情绪,以便更好地进行交流,并通过这种小细节提升用户对产品的印象。
Mark一下:挖掘【行为/情绪】上对用户的关怀点,可助力产品口碑与印象的提升。
在iOS的原生键盘输入文字,再去打开表情/符号键盘时,系统会自动在文字上自动高亮对应的表情,方便用户直接选择,特别有意思。
减少用户操作成本,同时利于表达当下情绪,给用户带来惊喜并拉进之间的距离。
Mark一下:学会分析/检测用户当下的情绪/心理,并做出相对应的设计。
在电脑和手机上都使用同一个「搜狗输入法」账号,只要电脑上复制文字,移动端上就能同步检测到复制信息,并且进行粘贴提示,非常便捷。
用户能感知到系统已自动复制文字,无需在电脑上再发送给手机、手机上再去复制信息并粘贴,大大减少操作链路与成本。
Mark一下:对用户重要/常用的功能可以设置「快捷操作」。
在搜狗输入法输入简单的计算公式时,系统会自动帮你计算并前置展示结果。若点击会将该公式和结果显示在输入框内。
用户不用专门打开计算器就能知道结果,减少操作链路。同时突显产品的便捷性与科技性。
Mark一下:前置展示潜在的用户诉求、产品服务、竞争优势等。
各大APP搜索框的大小都是固定好的,当输入较长文本(如链接)时编辑起来就很麻烦,需要来回移动光标。
而UC浏览器上的输入框,当你 输入的文字越多时,文字就跟着变小 ,便于用户看到更多内容,再也而不用移动光标才能看到全部信息。
Mark一下:当信息复杂+数量巨大时,必须给予用户清晰的分类与状态、位置指引。
在iOS的原生键盘里,可以根据输入词检测对应的手机号码:
当你输入 【 打+我/通讯录好友名字+电话 】时,键盘上会自动显示自己或好友的电话号码,点击号码就能自动粘贴在输入框中。
用户无需前往通讯录就能轻松「获知+想起」谁谁的电话号码,大大提升操作体验与效率。
相比于国内的其他浏览器,夸克浏览器在搜索框中输入“某城市+天气”的关键词,上方就会以卡片的形式显示该地区最近一周的天气,让用户一目了然。
用户无需触发搜索、进入结果页才能看到想要查询的信息,大大提升信息的查询效率、增加后续用户来夸克搜索的粘性与意愿。
Mark一下:前置展示潜在的用户诉求、产品服务、竞争优势等。
在微信发起转账,输入数字时会检测对应的数额(千、万、十万、百万等),用户一眼就能知道输入了多少前,特别nice。
用户无需【边输入,边计算这是多少钱】的脑力投入(特别是对于年纪大的用户),增加信息输入效率与速度。
Mark一下:记得检测信息数量是否有对应的梯位。
在快手观看短视频时想查看、发表评论,原本的视频会继续播放+等比例缩小置顶,这样一来就实现了 「边评论 边看视频」 ,有点类型「分屏」的意思。
避免原来看视频的体验被打断、错过重要的视频片段,同时方便用户跟随视频的播放而即兴发挥评论。
Mark一下:学会用同一个模块 兼容多种交互/内容。
在小宇宙里收听音频且发表评论时,输入框下面会带有【标记时点】的入口:
勾选它且发布评论后,其他用户点击已标记的时间点,当前播放的音频内容会直接跳转至该时间点位置。
用户能清晰的知道当前评论是围绕音频的哪个时间点,从而快速收听所对应的音频内容,大大减少操作链路与成本。
Mark一下:要让用户清晰地感知当前的操作进度/状态。
拼多多上新建收货地址时,系统会加载已存在的收货人姓名+手机(从创建过的收货地址信息里获取),用【已有信息的选择】代替手动输入。
选择已存在记录的信息,可以免去操作,大大降低操作成本。
Mark一下:尽量减少需要用户记忆的事情/行动,提供「再认」上的解决方案。
印象笔记新建笔记时,会将键盘光标自动定位到【内容编辑区】中,而不是【标题区】。
也许基于用户行为的分析+数据的验证,大部分用户新建笔记的目的与行为就是:立即记录、输入此时/当下的想法。毕竟‘标题’这种概括性信息 往往不是最首要的,因为它是不确定的图片:一是很难确保用户 已经有了想好的标题名称;二是标题很可能随着整体内容的变化而更改。
Mark一下:根据用户诉求调整内容优先级。
美团或饿了么上选择差评时,系统会自动勾上匿名评价。而当选择中评或好评时,则取消匿名评价。
避免用户发表差评时 受到商家的恶意骚扰,同时通过这种小细节提升用户对产品的印象Mark一下:涉及「用户隐私」的场景要思考如何进行关怀设计。
在海底捞连接WiFi时,输入栏位置会根据输入状态进行调整:·未输入手机号码时,【电话号码栏】在最上面;·已输入手机号码+已触发获取验证码时,【验证码栏】就变成了在最上面了。
使重要的信息都围绕在第一栏输入,减少手指与视线移动,增加操作效率与速度。Mark一下:根据用户诉求调整内容优先级 08 .吉祥物跟随操作行为? 在Readme的注册页面中,在切换不同的输入栏时,右边的吉祥物猫头鹰的手/翅膀 也会跟着指动到对应的输入栏中,并特别有趣。
通过吉祥物的手指到输入栏,帮助用户知道当前输入的是哪一行、在输什么,从而减少信息错误的发生,也让整个注册流程变得有趣、顺畅,同时加深新用户对产品的印象。
Mark一下:吉祥物不应只静态展示,可以跟随用户行为做相应的变化。
和出此严,微信公众号:和出此严,人人都是产品经理专栏作家。一枚在鹅厂成长中的‘90后老干部’,主产各种接地气的交互/产品干货。以做产品的方式,写好每一篇文章。
本文原创发布于人人都是产品经理。未经许可,禁止转载
题图来自 Pexels,基于CC0协议
深圳SEO优化公司娄底百度竞价公司梧州百度seo松岗百度竞价包年推广价格九江SEO按天扣费价格抚顺网站建设价格白银如何制作网站价格定西品牌网站设计哪家好石岩seo排名哪家好白山网站优化推广价格乐山外贸网站建设哪家好赤峰百度网站优化多少钱昆明网站制作推荐杭州推广网站价格景德镇SEO按天计费价格梧州网络推广公司北京网站关键词优化报价汕头百度竞价包年推广烟台关键词排名湖州外贸网站设计龙岩模板制作公司德宏网站优化排名广州网站改版公司铜川模板推广价格甘南网站推广系统价格泰安关键词排名哪家好松原网站seo优化公司南山营销型网站建设公司贵港阿里店铺运营价格伊犁百度竞价包年推广报价邵阳企业网站设计歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运