移动端反馈样式

反馈是交互设计中最前线的一环，它的好坏直接影响产品体验。

反馈的形式

1、气泡状提示

气泡状提示一般是短暂出如今画面上的，就像气泡同样过一会就会本身消失，并不须要对它进行任何操做。这种提示一般用于告知人物状态和操做结果。例如：发送成功，加载中，已删除等。不过因为气泡提示的特性，它容易被用户忽略，因此并不适合承载太多文字或重要信息。

2、弹出框

弹出框通常会带有一两句说明文字和两个操做按钮，用于确认和取消重要的操做。例如：是否删除内容？是否要在无wifi的状况下看视频等。一般会用颜色突出显示可能形成用户损失的操做项，如：删除，不保存等。弹出框出现的时候会强迫用户进行操做并屏蔽背景的全部内容，算是对用户打扰最大的一种提示。一般用户都想赶快关掉弹出框以便接着进行操做，因此弹出框上的说明和按钮上的文字最好言简意赅，一目了然，可以帮助用户快速做出决策。做为设计师，咱们要避免滥用弹出框提示，不过重要但又须要反馈的事就默默飘个气泡好了，以避免用户经常被惊吓。

3、按钮，图标，连接的按下状态

这类反馈是基于人在现实世界的经验。在现实中按一个按钮，它会当即有按下状态，例如陷进平面中或变色发光。在无触感的2d的屏幕上，更应该有状态的改变，让用户看到他的操做已经被界面接收到了。iOS安卓系统平台上的开关控件就是一个例子。它模拟了现实中的开关，在拨动的过程当中很是直观地给用户反馈并告诉用户当前所处的状态。iOS系统中的手电筒，打开的时候是高亮状态，告知用户它已经被打开了。

4、声音和振动

声音能在必定程度上给用户提供有用的反馈。好比虚拟键盘在按下时的咔哒声，短信成功发送后的嗖声，微信摇一摇手机以后的咔嚓声。不过声音反馈属于点睛之比，并且受环境影响，若是过多地使用会变成一种打扰。震动是一种比较强烈的触觉反馈，能够用来代替或增强声音提示。在手机系统中应用的很是普遍：如来电，短信等。在第三方应用上不多用到，除非是游戏里面挂掉时会震你一下，可见震动仍是过于猛烈了。

5、动画

动画会给用户提供有意义的反馈，帮助用户直观地了解到操做的结果。提高使用时的愉悦感。好比拟物动画，这种形象的动画帮助用户清晰地感觉到操做执行的整个过程，而且增添了乐趣。例如在执行删除操做时，被删除的东西一下碎掉；还有一些会持续比较久的操做（以下载或删除大量文件），用动态的进度条展现已完成的进度，可以减小用户的焦虑；还有一些有趣的下拉刷新动画，不但反馈了下拉刷新的过程，还让加载的等待变的有趣。也有些动画经过形变来暗示用户状态的改变，点击“按钮形状”开关后，返回按钮的形状发生了改变。

6、页面

页面提示是指用系统的整个单独页面来对用户进行提示，一般包含图标、提示内容、处理方法等，出现最多的就是用户在相应功能页没有数据及链接不到网络时，通常还会加上功能按钮，经过该按钮，可引导用户解决当前页面出现的问题。

7、标签

多用于错误提示，告之用户哪些地方出现错误，该如何解决；不少标签会在用户从新聚焦选框时消失，但对于要求过多，用户没法一时记住的状况，相比于用户出错时的标签提示，在用户出错前就明确好要求会更好。

反馈的内容

• 传达信息：反馈提示所带的文字信息应该简洁易懂，适当的使用图标能够吸引用户的注意，帮助用户判断提示的类型。 向用户传达系统升级、推荐、广告等信息，如点开豆瓣，提示你今天的内容已经为你准备好了；如最新版本增长了啥啥啥牛逼功能，问你要不要升级；如 提示你，咱们要搞个大活动啦，你上去能够领取啥啥啥福利之类的等等。 传达信息的频次要适当，特别是一些非必要信息，不然容易引发用户反感。

  

• 警告：警告框用于向用户展现对使用程序有重要影响的信息。 提示当前的用户操做将形成重大影响，如购买某理财产品有风险肯定购买？删除这个APP将删除它保存的全部数据肯定删除？关闭定位功能将不能准确为您服务等都属于警告提示，相较于肯定提示，警告提示更多的突出当前操做将会形成的影响，通常包括标题（操做描述）、内容（操做将会形成的影响）、选择按钮。 所以，警告提示最好为疑问语气（最终仍是要看场景的），且影响描述要简单直接，避免引发用户误解，按钮也要清晰明白，避免“是否”等说法。

  

• 错误：错误是提示用户操做出现了问题或异常，没法继续执行。错误提示告知用户为何操做被中断，以及出现了什么错误。错误信息要尽可能准确，通俗易懂，有效的错误提示要解释发生的缘由，并提供解决方案以使用户可以进行修复。 错误也是反馈提示中出现较多的一种，主要是提示用户的操做有什么问题，能够怎样解决。如提示你链接不到网络，你该怎么检查网络；如提示你填写的这个密码不对，咱们要求的是8~16个字符的；如提示你余额不足以支付，要不要换卡支付等等。 对于错误提示，APP 和 网页存在较多区别，如APP 更多用弹窗提示错误，而网页更多用标签提示错误。你们需注意，这里就很少说了。
• 确认：确认是用于询问用户是否要继续某个操做，让用户进一步对所作的操做进行肯定和执行，为用户提供可反悔，可撤销的退路。让用户对一些执行结果较危险或不可逆的操做进行二次选择和确认，防止用户误操做。 确认是反馈提示当中出现频次最高的内容之一，包括让用户肯定系统是否可获取一些用户权限，用户的当前操做是不是本身本意，用户选择分享等。

  

反馈出现的位置

反馈主要出如今“状态栏”，“导航栏”，内容区上方，屏幕中，标签栏上方和页面底部。

下反馈设计的规则

• 为用户在各个阶段的操做提供必要，积极，及时的反馈；
• 避免过分反馈，以避免给用户带来没必要要的打扰和惊吓；
• 可以及时看到效果的，简单的操做能够省略反馈提示；
• 所提供的反馈要能让用户以最便捷的方式完成选择；
• 为不一样类型的反馈作差别化设计；
• 不要打断用户的意识流，避免遮挡用户可能会去查看或操做的对象。

如何避免没必要要的提示？

防错在先，容错在后，因此要避免没必要要的提示，就要尽可能少犯错，若是仍是犯错了，那就经过优化，来提升用户解决问题的能力及解决问题过程当中的体验。
一、输入提示 除了在选框附近提示，也可直接在选框中对用户进行提示，以防一进入页面就专心只填选框的人。
二、自动完成 一方面减小用户操做，另外一方面减小用户输入错误，经过选择更快更好的肯定目标。
三、根据温馨度安排控件位置 总有些手残党不当心点到按钮，致使不当心给人发信息呀，不当心删除了某文件呀，不当心点错进视频之类的，因此为了解决这类问题，最好把一些不重要或使用频次低的按钮，放在人手不方便操做的地方，PC网页通常放在边角，手机则放在以下的红色区域（据研究显示，49%的人单手操做手机，而单手操做手机时，有三个大的操做区域：方便操做到的，不是很方便操做到的，难操做到的，而红色区域就为难操做到的区域）。

四、只能选择可选项 总有人会在输入数字的界面会输入字母，也有人会在选择旅行时间时选择到已过去的时间，针对这些，在设计时应尽可能引导用户选择可选项，过去的日期就勾选不上，在输入数字密码时只显示数字键盘等。
五、屏幕展架 屏幕展架是优化提示的一种方式，它指在展现页面时，如遇到网络不顺畅或加载缓慢等问题时，依次展示内容，而不是等到内容所有所有加载完才显示。这种方式能让用户知道系统是在运做的，减小用户焦虑。

六、简化提示 只提供重要信息是咱们的宗旨，至于对不起呀，咱们由于系统刚才崩了下致使啥啥啥了，须要你从新刷新一下啥啥啥的一堆废话，用户是不想知道也不须要知道的，咱们只提供核心问题，影响及简短的解决方案。

七、优化操做步骤 减小没必要要的操做从而减小提示也是一种优化提示的方式，如支付宝以前在支付时须要再点击确认付款，如今只要输入密码或指纹以后就直接支付了，减小了操做步骤的同时也减小了与用户的交互提示。

八、避免频繁，只在必要状况下出现 如今不少APP会频繁的推送通知或在用户进入界面后不断提示，很大程度上形成用户厌烦，因此尽可能避免频繁给没必要要的提示，对于部分有必要提示，还可告知用户在哪里能够关闭提示或当前窗口就可选择再也不提示。

九、提示明确 明确的提示可以让用户清晰的知道当前操做的结果，让用户按照本身需求选择合理选项，减小错误操做后形成的不良影响。

小结

反馈提示是产品设计中的重要一环，但切记不要滥用，不要复杂化，最好从场景中来到场景中去，根据不一样场景选择适合的提示方式，固然也要遵照不一样设计的规范。 不过规范是官方给的，咱们是要活用的，就像在 iOS 里面是没 toast 提示，有HUD 提示，但两个是极其类似的，只是叫法不一样而已，因此有时不一样设计的规范之间互用也并非不行的，只是要考虑到场景及系统适应性等等问题，总之咱们的大目标是优化用户体验，提升产品转化率，只要能达到目的，借用下其余合理规范又有何不可呢。