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

交互设计的一个非常重要的原则是给用户及时、适当的反馈。在搜狐新闻客户端团队撰写的《设计下》一书中，从形式、内容、位置等方面对操作反馈进行了非常详细的总结，充满了干货。今天@青溪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没有不同类型的反馈、不要打断用户的意识流，避免阻止用户可能回去查看或操作的对象。