童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

请注意:输入设计需要这些交互反馈

8月20日 呛人心投稿
  输入作为用户主动与产品进行的交互行为,由于用户需求的不同,输入本身就带有很大的可变性与不可预测性。
  简简单单的输入行为帮助我们开启了通往产品新世界的大门,然而缺少反馈设计的输入有时候却让用户不悦甚至迷茫。
  相较于输入元件的设计,输入背后的设计才是真正需要设计师根据进一步思考用户的使用情境与行为而精心设计的部分。
  输入行为的载体
  输入行为常见的载体是简洁易用的输入框元件,除了单一输入框的形式,还有与图标或按钮等交互元件的组合形式。这些元件分布在产品页面的各个位置,发挥着不同的作用。
  输入设计最常出现的位置在产品的搜索设计中,通常采用输入框、图标与文本三种元素想结合的形式;另一种常使用的位置出现在页面评论处,采用输入框和占为文本结合的形式,在用户点击输入框后键盘自动唤起便于用户参与评论,同时输入框放大便于预览已输入的信息。
  以简书APP中出现的输入设计为例,来分析元件载体常出现的位置和形式:
  在简信对话页面中,底部输入位置采用了输入框和文本相结合的形式;
  在简书的文章发布页中,采用了分割线的形式,这种设计形式摆脱了输入框的束缚,呈现出另一种视觉形式。
  输入行为的交互反馈
  根据输入载体常出现的位置和形式,可以将输入行为在实际交互过程中的反馈分为:搜索反馈、字数反馈、内部反馈、即时反馈和键盘反馈。
  反馈是设计细节上的升华,接下来将为各个反馈提供相对应的产品案例,逐一呈现给各位。
  搜索反馈
  对搜索输入的设计应该引起我们足够的重视,简单的搜索框能让好的使用体验发挥到极致,同理能力越大,担任的责任也越多。
  在豆瓣的搜索过程中,当用户点击搜索框后,首先展示的是最近的搜索记录,搜索记录能记录下来最近搜索了哪些内容,通过回顾记录也加深了对精彩的书或电影的印象;在右侧的界面中,输入文字后会提供相对应的搜索建议,这种反馈帮助用户减少了完整输入的麻烦,往往我们只需要提供关键字,搜索建议就能够为我们提供需要的内容。
  很多产品都在使用这种形式的反馈,例如百度的搜索引擎、万能的淘宝搜索,这种反馈对用户来说是友好而易用的,产品应该尽快普及这种反馈。
  字数反馈
  字数反馈是产品为用户提供的一种明确的字数限制。在固定的空间中用明显的的反馈提示用户,以免他们疑惑为什么无法下一步输入。
  在左侧的谷歌翻译中,能看到在输入框右下角显示了总字数的限制以及当前输入了多少文字,这种反馈为我们带来了很清晰的输入指示。
  右侧的知乎个人资料编辑页面中,一句话介绍自己的字数限制在30个,当输入超过限制字数之后就会弹出明显的反馈框提示不能超过限制,这种形式的反馈能让受众快速认识到当前输入存在的问题却不会打消输入的积极性。
  内部反馈
  这里的内部反馈是指信息在输入框内的表现形式。
  当前很多产品的输入框的高度设计是动态可变化的,当文字超过一行便向上延展高度,至少可以显示三至五行,比如大家熟悉的微信就默认显示5行文字,超过则不再变化。
  在简书APP的评论输入框中,当文字超出了输入框的范围,输入框的右侧会出现一个滚动条,让用户可以上下滚动查看内容,避免溢出框外的内容无法再被检视。
  右侧Messages的输入框中,采用了和简书不一样的反馈形式,当输入文字过多的时候在输入框上方的边界没有完全切齐文字,故意露出文字下半部可以引导用户知道有更多的文字在上方。
  二者反馈的形式虽然不同,最终达成的效果却是异曲同工的。将这两种设计形式巧妙地结合在一起,输入反馈能达到事半功倍的效果。
  即时反馈
  即时反馈就是即时校验。
  用户普遍不喜欢填完一个长表单并提交之后,才发现哪里填错了然后重新填写。在错误出现之后,界面应该在第一时刻将错误信息呈现出来,让他们能更早改正错误。用户能收到即时的反馈,也能清晰的标注出所有的要求,便于用户更正。
  这种反馈屡见不鲜,但却不是每个都做得很好。在慕课网的登录页面中,当输入手机号出现问题时,在输入密码前会出现紧贴着输入框的报错信息,立刻检验输入的内容是否正确,用户更快地被提醒错误并修正内容,让用户更有信心、更快地完成输入。
  通常大家在设计时关注的都是输入错误状态下的红色反馈,实际上输入正确后绿色的成功反馈有时也是必要的。
  键盘反馈
  键盘的反馈更像是不同输入框相对应的键盘设计,不同的使用场景中出现合适的键盘也是设计中应该考虑的部分,例如输入银行账号时对应的数字键盘。
  左侧是汽车之家的注册页,当点击手机号快捷注册的时候,输入框获得焦点并唤起了数字键盘,省去了再次切换键盘的麻烦。
  在付款时弹出的数字键盘(指纹没有被识别出来时)。例如在微信红包的输入中,点击总数会弹出数字键盘方便直接输入金额。
  对于数字键盘的安全性(习惯)与用户体验(虚拟键盘容易误触)间的平衡同样需要在设计中考虑。
  结语
  正确的时间该做正确的事,简洁的输入中应该使用恰当的反馈。输入得到反馈好似用户有了一份可供参考的行动指南,使用起产品也会无所拘束,所以有时候看似简单的设计却能带来意料之外的收获。
投诉 评论 转载

真实项目案例复盘:挖掘需求在沟通中的催化作用本文通过一个真实的案例分享,从沟通到最后的设计效果都进行了全盘复盘,并重点强调了需求在沟通中的催化作用。分享一个工作中的真实案例,觉得可以给大家很多启发,深挖沟通环节对业……交互设计师必懂的尼尔森十大原则尼尔森十大原则作为交互设计师的基础理论知识,各位设计师需要聊熟于心。前段时间在某个群里看到有个小伙伴说,他在面试的时候面试官让他说尼尔森的十大可用性原则。虽说尼尔森……Facebook是如何打造产品的语调框架的?本文介绍了Facebook的产品语调框架系统,如何将几百名内容策略师的工作进行有效的统一,并实现不同环境下的用户情感体验。希望对您有所帮助。译者注:作者将产品文案分为Vo……请注意:输入设计需要这些交互反馈输入作为用户主动与产品进行的交互行为,由于用户需求的不同,输入本身就带有很大的可变性与不可预测性。简简单单的输入行为帮助我们开启了通往产品新世界的大门,然而缺少反馈设计的……5招,教你做好toB客户调研最近笔者在负责一款toB的SaaS产品,在两周的时间内拜访了多家企业级客户,为产品的新业务开展收集了不少意见。本文将分享在此次密集调研客户工作中的总结与反思,希望能提供给toB……2020UX趋势报告:UX设计不只是设计今天的文章来自用户体验设计网站UXdesign。cc,他们致力于观察、分析和研究用户体验设计,每周定期探讨用户体验相关的问题,策划相关专题。年底,UXDesign。cc会发布用……QQ看点日报内容优化基于BERT的热点召回系统基于BERT搭建了看点日报热点召回系统,大大提升了看点日报热点内容量等核心指标,本文将会详解看点日报热点召回系统的总体框架及核心方法。一、业务背景看点日报旨在为用户……如何结合财务设计FMS系统?本文介绍了一些关于结合财务设计FMS系统的设计要点和可供参考的经验分享。前言前面介绍的财务进销存系统都是基于功能模块进行考虑的,包括应收、应付、财务报表、凭证等主要……2019年趋势回顾:ICON设计的11个亮点2019年已经所剩不多了,在这过去的一年内,图标设计出现了什么新动向和新热点?本篇文章中,作者盘点回顾了2019图标设计出现的11个亮点趋势,一起来看看。图标icon可能……10种方法制作个性化用户界面我们可以构建更具包容性的产品,创建一个满足大多数人需求的基线体验,然后创建偏好设置来满足您的边缘案例用户的需求。作为设计师,在设计界面时,我们经常对用户做很多假设。我们不……评论区设计策略让你的评论FUN起来本文主要从审核机制、排序算法、评论运营、个性化推荐切入,思考如何让评论区更有趣。对一个互联网产品来说,好的评论运营逻辑可以营造强大的社区氛围,助力增长,如网易云音乐、抖音……如何提供设计反馈?与你分享5个技巧这是一篇关于设计反馈和团队管理的文章,更多的聚焦在如何更好的在工作中沟通协作,以及如何激发团队的潜力,希望会对大家的工作有所帮助。最近思考最多的一个主题是设计反馈。在我的……
【人人译客】留白与行宽是如何影响用户阅读的?从头带你认识面包屑导航的前世今生!最抢眼的6个方法!如何让交互过程变得惊喜有趣?(下)最抢眼的6个方法!如何让交互过程变得惊喜有趣?(上)人物肖像图片背景的网页设计欣赏颜色如何从5个方面影响我们的情绪?新手留意中枪!说说设计师最常见的11个设计误区秋高气爽,云也开始有遐想Web设计主题:创建一个古典风格的网站点靓网页的10种导航菜单设计90后分析:在线旅游三足鼎立为网页文字的可读性而设计
司藤单志刚的真实身份是什么人?画鲤歌为吴都事赋女人的一生都是学问关于刑诉法时限是多久?生活需要爱900字作文辞职在家带孩子三年多,孩子和自己都体弱多病,身心疲惫,抑郁暴人类曾经被毁灭415现代社会几乎没有一个人能读懂周易对自己说假如给我三天光明读后感晚安一来二去看你三四五六眼爱你七八九十年有哪些电视剧里的角色,小时候看很喜欢,长大后反而觉得很讨厌?助听器的通道数的作用

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界