案例分析：产品中＂非模态反馈”信息设计的意

案例分析：产品中＂非模态反馈”信息设计的意

(期刊第一期的)就职声明

作者是刘，PMCAFFvip成员，第一次出现在PMCAFF社区。原作者用Taobao.com、知乎问答、QQ邮箱、ins、Gmail、Evernote、网易音乐等丰富多彩的例子表达了非模态反馈的现实意义和应用，并详细讲解了如何设计非模态反馈。所设计的产品具有实用价值，值得研究。热烈欢迎大家讨论。

什么是非模态反馈?

LenaCooper在《aboutface》第15章中提到“丰富的视觉非模态反馈”(RVMF)可能是最重要的非模态反馈方法。

它的“财富”取决于深层的、全方位的信息，取决于一个过程的情况或特征，或取决于当今应用软件的目标。它的“视觉”是指习惯性地使用显示屏上的清晰度(通常是动态的)。

它的“非模态”依赖于信息可以很容易地立即显示出来，即反馈可以被看到和理解，而不需要用户做出独特的手势或改变方式。(参考http://flylib.com/books/en/2.153.1.174/1/)

从淘宝的订单信息页面可以看到很多“视觉非模态反馈”的案例。

反馈:已经开展的业务用浅蓝色表示，已经成功完成或关闭的用深灰色表示。

2.反馈:线上客服和线下反馈。

3.反馈:用图标建立所售产品特征的反馈。

4.反馈:当鼠标移动到第一个内容时，反馈给用户，也有大量的 *** 作(分享和识别)。

5.反馈:当计算机鼠标移动到“备注名称”图标时，将显示信息非模态d出窗口，告知用户详细内容。

反馈:第三个订单信息的价格已经更改。

反馈:此订单信息是在手机上提交的。

根据上面的信息，比如色调，logo，详细的文字，告诉用户一个订单的所有信息和特点。虽然这样可以让用户控制所有订单信息的状态，但是可视化加载必须消耗用户大量的动能，一些反馈必须手动 *** 作。所以这种“视觉非模态反馈”一定要花费一定的学习和训练，比较适合大量的后台系统。

上面两张图都是为了更好的提示用户输入错误。左图是非模态反馈，几秒钟后信息提醒消失，不妨碍用户正常 *** 作和个人行为。下图是模态反馈，最终切断了用户的 *** 作，只有用户手动确认后才能 *** 作。

在我的定义里，非模态反馈是信息提醒的合理表达。这种信息的反馈不容易危及用户的一切正常 *** 作，也不容易切断其个人行为。它可以提醒用户每天的任务是什么，是否已经完成或失败或出错，甚至关键时刻的 *** 作提醒。这是非模态反馈。

模态是指页面中只有提示d窗有交互的个人行为，其他的都不能 *** 作；非模态提示不容易做成d窗，很可能解决为列表通知、吐司列表等方法提示用户。

非模态反馈的实际意义?

上一段，从我对“非模态反馈”的定义来看，得到它的实际意义不会太难。

存在的价值在于帮助用户更合理地实现目标。“合理”包括展现有效的信息反馈，提高日常任务的运行效率。

有效的信息反馈:

告知用户每天的任务，让他们觉得一切尽在掌握。

立即提示用户下一步做什么，这一步有什么问题。

提高日常任务的运营效率:

在不切断用户个人行为的情况下显示反馈。

在“犯错误”之前立即劝阻用户，而不是在“犯错误”之后告诉他。

流程必须自始至终假装用户是合适的，这并不意味着用户总是合适的。用户故障很可能不是程序流常见的故障，但程序流有义务。

模态反馈的实际意义并不取决于批准用户的 *** 作，进而得出一个相对的解决方案，但用户的不准确并不能用“自大”来纠正。

怎样设计方案非模态反馈?

在之前的文章中，说到“视觉非模态反馈”的应用，很大程度上取决于后台系统中的个体行为。而“非模态反馈”是用户输入信息或 *** 作的简单方式，系统软件会得到相对的响应。大家在设计这个回复的信息页面时，一定要站在用户的角度考虑，以合理协助用户达成目标为总目标来设计方案。

上一篇文章提到的例子实际上并不是一个很好的“非模态反馈”设计案例。为什么？如左图所示:

第一，它只能在用户“提交申请处理”后进行反馈，不能在用户犯错前立即进行劝阻。

其次，这种反馈占据了视觉信息的管理中枢，用户的错误并不是严重的无法挽回的个人行为。

第三，这种反馈出现的地方占据了用户的输入信息框，一定程度上阻碍了用户的输入信息 *** 作。

因此，更强的“非模态反馈”如下图所示。当用户绕过配额或者快递公司马上输入运单号时，在用户提交之前，这些被忽略的输入会立刻反馈给用户，而且会以更和谐的方式进行，不会切断用户的 *** 作。

非模态反馈的应用场景

下面，我会举例说明一些实际的场景，比如一些“非模态反馈”的例子。

一、确立并告之用户每日任务情况 

在chrome浏览器中打开一个新的网页，并向用户显示加载的内容。此外，在徽标栏中有一个小的扭曲，以提醒用户所有的网页尚未加载。

此外，发送qq电子邮件的整个过程允许用户再次访问内容。

Gmail率先将已删除的模态d窗设计成列表通知等方式，提示用户取消刚刚删除的 *** 作。这种非模态的解决方案使得删除的步骤更加顺畅和轻松。

ins发布动态项时，以模态的方式告知用户提交进度，不会再次危及用户对其他内容的访问。而正下方的一个APP在上传歌曲时用模态d窗反馈用户的进度，不仅切断了用户的事后动作而且没有撤销按钮。提交成功后，仍然选择模态提示框，严重影响用户的 *** 作步骤。

QQ页面加载时，左侧导航栏底部有一个时间线反馈加载状态。

QQ绑定手机码后，下图会自动转到匹配手机通讯录的日常任务，告诉用户程序进程在做什么。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/780887.html