首页 >知识讲堂 >设计知识>给用户及时、恰当的反馈,是交互设计非常重要的原则

给用户及时、恰当的反馈,是交互设计非常重要的原则

2020-11-26 18:23:26 阅读(286 评论(0)

交互设计的一个非常重要的原则是给用户及时、适当的反馈。在搜狐新闻客户端团队撰写的《设计下》一书中,从形式、内容、位置等方面对操作反馈进行了非常详细的总结,充满了干货。今天@青溪Joannnananana 这个阅读笔记提取了书中的要点,并与大家分享。一、为什么要反馈1、以人与人之间的交流为例1)在人与人之间的交流中,一种难以忍受的情况是:对方对自己说的话没有反应,似乎视而不见。2)没有反馈或不友好的反馈,就像一个冷漠的人,会给用户带来无助或不愉快的负面体验2、1)可以告诉用户下一步该做什么2)帮助用户做出判断和决定2,反馈形式反馈形式多样,所有提示应出现在适当的位置,用简短清晰的文本提供有用的信息,不要让用户感到困惑。1、气泡提示1)使用通常短暂出现在图片上,就像气泡会消失一段时间,不需要任何操作通常用于告诉任务状态,操作结果下图三个例子属于操作结果反馈提示,图1提示添加成功收集,使用系统自己的toast吐司提示;图2是新微博加载成功提示,漂浮在导航栏下方的内容区域上方;图3显示QQ空间添加到歌曲列表中,显示导航栏背景颜色与状态栏颜色一致,效果良好。尽管显示位置不同,但这些提示短暂地出现在画面上,大约1秒钟就消失了。虽然显示位置不同,但这些提示在图片上短暂出现,大约1秒钟内消失。2)用于指导,就像漫画中的对话框一样,有一个指向特定位置的小尖端,提示用户需要注意哪个位置。与用途不同的是,这种引导提示通常不回来,很快就会消失。如下图所示,图1奇妙清单和图2知乎的例子都提供了关闭按钮。用户可以点击指南区域或关闭按钮,使提示消失;图3来自图片社交应用程序——in,只有用户点击指导区域,提示才能消失。3)用户很容易忽略缺点,因此不适合携带太多的文本或重要信息2、弹出框1)用法一般有一两个描述文本和两个操作按钮,用于确认和取消重要操作(例如,是否删除内容),通常使用明显的颜色来突出可能造成转让损失的操作项(例如,“删除”、特性弹出框的出现,会强迫用户关注弹出窗口的内容和操作,最大的提示是屏蔽背景中的所有内容,以干扰用户。3)设计应注意弹出框上的描述和按钮上的文本。最好简洁明了,这样可以帮助用户快速做出决定。因为用户通常想快速关闭弹出框,然后完成中断操作。因为用户通常想尽快关闭弹出框,以便完成中断操作。在设计过程中,避免滥用弹出框提示。对于不太重要和需要反馈的事情,可以使用气泡提示。3、按下按钮/图标/链接状态1)根据人们在现实世界中的经验,按下按钮将立即按下状态2)人机交互当用户在屏幕上按下按钮或链接时,也需要改变状态,让用户知道界面已经接收到他的操作。如下图所示,图1是iPhone照片界面。单击右上角的“选择”,文本透明度和颜色变浅;图2是豆瓣应用程序。单击某个块显示背景颜色以表示按下效果;图3、4是知乎App,点击按下按钮时,背景颜色加深,按钮尺寸动态效果降低。4、声音1)常见例子虚拟键盘按下点击短信,电子邮件发送成功“摇”微信摇手机点击照片应用按钮点击2)设计注意适当使用声音反馈有点睛效果,但过度使用会成为干扰不能作为主要反馈,给用户关闭提示声音的权利(因为用户环境多样,可能很吵,听不见声音,也可能不适合打开声音)5、振动1)使用强烈的触觉反馈,可用于替代或加强声音提示2)手机系统中广泛使用的例子,如电话、短信、连接充电在手机应用中较少使用3)设计注意不要使用6、动画1)用途为用户提供有意义的反馈,帮助用户直观地了解操作结果精美有趣的动画,IOS系统在删除电子邮件和照片时,通过拟物化的动画效果,让用户知道操作已经生效,即不需要的电子邮件或照片已经被扔进垃圾桶。这种图像动画帮助用户清晰地感受到操作的执行过程,并增加乐趣。这种图像动画帮助用户清晰地感受到操作的执行过程,并增加乐趣。在一些持续时间较长的操作中,如下载和删除大量文件,用动态进度条显示完成的进度,并在可能的情况下提供解释信息,以减少用户的焦虑。很多有趣的下拉刷新,上滑加载更多的例子,让等待不再枯燥。3.反馈内容1、信息1)注意文本信息的设计应简单易懂,避免使用倒装句。最好用一两句话清楚地表达意思,避免使用过于程序化的语言页面来详细说明文本的操作。反馈信息可以更简单,无需重复页面上的现有文本。例如,当昵称在界面上有格式要求时,只需提示“昵称不符合要求”,以吸引用户的注意,帮助用户判断提示的类型。2、警告1)使用警告框,向用户展示对使用程序有重要影响的信息。2)特征出现在程序的中心,覆盖主程序的到来,因为程序或设备的状态发生了重要的变化,不一定是最近的操作通常至少有一个按钮,用户点击可以关闭窗口通常有标题,并显示额外的辅助信息3、错误1)用户操作有问题或异常,无法继续执行2)设计注意错误提示,告知用户操作中断,还有什么错误。尽可能准确、通俗易懂的错误信息。错误信息应尽可能准确、易于理解。有效的错误提示信息应解释原因,并提供解决方案,以便用户能够从错误中恢复。4、确认1)用于询问用户是否需要继续操作,以便用户能够进一步确认,并为用户提供反悔和撤销的退路。2)设计注意,当用户的操作结果危险或不可逆时,通过二次选择和确认,防止用户误操作4。反馈位置1、状态栏1)利用空间的优点2)缺点位置不是很明显,建议只提示重要性不高,或跨图片显示需求3)如下图所示,图1、二是新浪微博app,点击写微博界面的“发送”,回到原界面,状态栏提示发送状态;图3是网易邮箱大师App。邮件发送后,离开邮件界面,右上角提示邮件发送进度。通常,发送内容需要一定的时间。为了防止用户等待,做其他事情,有必要削弱等待过程。2、导航栏1)使用场景一般是连接状态的显示,表示产品正在努力连接网络,提取适合显示临时更重要的提示信息的数据2)如下图所示,图1是QQ音乐添加歌曲列表的提示,上面也提到;图2是Appflow,在导航栏中加载内容,加载回到原始状态,也用于reeder。3、内容区上方1)使用场景位于内容区上方和导航栏下方,通常是下拉刷新,是加载新内容的快捷方式。3、内容区上方1)使用场景位于内容区上方和导航栏下方,通常是下拉刷新,是加载新内容的快捷方式。默认提示信息是隐藏的,相应的提示信息显示在下拉界面时,以指导用户操作。4、屏幕中心1)使用场景通常是更重要的信息提示需要吸引用户注意,系统提示可以显示在这个位置2)设计注意现在我们越来越追求产品风格,豪华容易属于自己的产品独特的反馈形式,定制固定位置显示提示也更受欢迎。5、菜单栏上方1)使用场景可根据需要灵活使用。基本上,应用程序的整体信息提示没有限制;或与界面底部内容相关的提示。比如加载更多内容,或者气泡提示表示图片上传中等。2)如下图所示,豆瓣app,加载主页内容,暂无更新提示。它不仅告诉用户结果,还引导用户搜索更多的兴趣,丰富主页内容。6、底部(覆盖菜单栏)1)使用场景在这个位置显示提示,没有什么特别的好处,可能是对新形式的追求。2)如下图所示,Keep下载视频提示,进度条显示在底部,这个位置更明显,不会影响用户浏览内容区域。5.反馈设计原则1、在每个阶段为用户提供必要、积极和即时的反馈、避免过渡反馈,以免给用户带来不必要的干扰3、能及时看到效果,操作简单,可省略反馈提示4、提供的反馈应该能够让用户以最方便的方式完成选择5、差异化设计6没有不同类型的反馈、不要打断用户的意识流,避免阻止用户可能回去查看或操作的对象。

以上就是关于给用户及时、恰当的反馈,是交互设计非常重要的原则的相关介绍,更多给用户及时、恰当的反馈,是交互设计非常重要的原则相关内容可以咨询我们或者浏览页面上的推荐内容。我们将让你对给用户及时、恰当的反馈,是交互设计非常重要的原则有更深的了解和认识。

内容来源:网络,以上内容来源于网络,不代表本站观点,如有侵权,请联系删除。

推荐阅读

免费域名注册平台有哪些?

域名在建设网站的一个基础,现目前市面上域名注册服务商有很多,下面万商云集小编给大家来详细介绍一下免费域名注册平台有哪些?希望能帮助到你注册域名。  1.万网  万网是基于云计算领先的互联网应用服务提供商,阿里云旗下品…查看详情

如何进行网络推广?在三类平台上进行推广,其优点各有不同

虽然电子商务在国内发展已经有了十多年的时间了,但网络推广仍是一个新鲜的概念。大多数的公司则是通过花钱进行大力推广或具有针对性的且低成本的网络推广来达到增加品牌知名度的目的,根据各个企业不同的特点制定不同的推广方案…查看详情

写日记的软件有哪些?好用的写日记的软件介绍

很多人有写日记的习惯,在平时的时候都会写日记,记录每天发生的事情,有了写日记的习惯,平时的时候翻翻日记,也能够有美好的回忆,在写日记的时候很多人都会选择一些比较好用的软件,这样使用起来比较方便,而且还有很多的模板…查看详情

“百果园”商标之争大结局:9100万巨额索赔被驳回!

近日,泉州市中级人民法院发布一起商标诉讼判决案例,索赔金额高达9100多万元的“百果园”商标之争就此尘埃落定:原告东方祥麟菜果基地有限公司(以下简称“东方祥麟公司”)向被告深圳百果园实业发展有限公司(以下简称“深圳百果…查看详情

商标申请变更需要多久?

现在很多人在申请商标后会选择去变更商标,在商标变更过程中会有时间期限限制,下面万商云集小编给大家来详细介绍一下商标申请变更需要多久这方面的内容,希望能帮助到大家。  商标申请变更需要多久  1、注册商标的注册事项变…查看详情

图片翻译文字软件哪个好? 图片翻译文字软件排行榜

  现在在很多的场合都会使用到图片翻译文字的软件,但是很多的小伙伴不知道哪款图片翻译文字软件好用,下面万商云集小编就给大家来详细介绍一下图片翻译文字软件哪个好? 图片翻译文字软件排行榜这一块的相关内容,希望下面的…查看详情

电商怎么做新手入门,这些方法必须掌握

  随着互联网的发展,电子商务已成为一个热门的话题。电子商务是一种通过互联网进行商业活动的方式,涵盖了各种商业活动,例如销售产品,提供服务,建立关系等。电子商务对企业来说是一个非常重要的工具,在很大程度上可以提高…查看详情

svg格式怎么制作

svg格式在ppt中怎么编辑?使用SVGActiveX控件,你也可以将SVG文件加入MicrosoftOffice文件中.这一思想类似于在Office中插入EPS(外部存储页面)和位图文件.此外,还可以应用SVG制表,并可以动态产生图像和数...查看详情

怎样免费给自己的公司做网站

现在很多的大型企业都拥有自己的网站,当然中小型企业也看到了,有没有网站带来的发展效率,所以说很多的公司也都想要建立自己的网站。但是有很多中小型企业又不想花费那么高的网站建设费用,都想要免费给自己做一个网站。那么怎…查看详情

推荐几个学习Python的免费网站?

推荐几个学习Python的免费网站?学习python的网站有慕课网,腾讯网课,网易在线课堂,如果不想看视频,直接上python官方网站看文档学习有哪些值得推荐的Python学习网站?Python作为现今比较流行的编程语言,应用范围非常广泛,...查看详情

源程序是指什么

什么叫脚本?什么叫代码?什么叫源程序?代码是记录计算机程序的符号,源程序是指未编译的文本代码.脚本SCRIPT是使用一种特定的描述性语言依据一定的格式编写的可执行文件,又称宏或批处理文件,脚本通常可以由应用程序临时调用并执行.各类脚…查看详情

推广赚钱的软件 2022推广赚钱的软件

  相信现在的我们对手机是越来越依赖了,各种软件也是把手机装的满满的了吧。现在很多人都在迷恋那些所谓的推广赚钱的软件,下面小编就来给你解开这个谜底。  当然在各种软件中都免不了赚钱广告的“洗礼”,看广告不仅领金币…查看详情

2021WMS仓库系统软件权威排名

WMS软件排名是怎样的?WMS系统能帮助企业实现智能化仓库管理,所有数据自动采集并更新到系统中,从而记录每一环节的数据和信息,从货品验收入库开始到出库发货整个环节流程,环环紧扣,形成完成追溯链条。所以今天给大家介绍2021WMS仓…查看详情

盘点那些比较实用的免费客户关系管理软件

随着经济的高速发展,客户逐渐成为了各个商家发展所攻略的重点,进行客户关系的管理可谓是迫在眉睫,但是很多公司却还是不知道该如何科学化的发展与客户的关系,今天就来推荐一些实用的免费客户关系管理软件来帮你解决难题。 1.…查看详情

怎样给站点取好域名,有什么域名命名技巧

如今,注册一个域名并不是那么简单,它比我们想象的要复杂得多。很多客户在建网站的时候,首先要考虑的是域名的注册。选择什么样的域名比较好?我们知道域名就像一个人的名字,这是用户访问网站的第一印象。好的域名简单易记,可…查看详情

首页

产品

万商学院

客户服务

会员中心

当前站点

h

选择站点

全国站成都

一 客户顾问-张三

已为0个客户提供专业互联网服务咨询
  • 手机号码
  • 验证码图形验证码换一张
  • 短信校验码

    电话咨询

    在线咨询