必须知道的那些APP交互设计原则!可用性支持

其它优秀文章推荐:

字体与设计:如何快速掌握字体搭配?

掌握平面设计中的平衡、张力!

浅谈如何从根源上避免改稿:价值导向设计思维

理解UI设计准则:《认知与设计》读书笔记 1

如何利用好模糊设计?

字体与设计:摆脱字体选择困难症

留白设计和UI设计准则

视觉设计:15条科学上的设计法则讲解

本文主要结合常见的移动端产品分享支持可用性的交互设计基本原则。文章图片较多请耐心等待加载清晰后查看。

可用性作为衡量一个产品交互设计成功与否的一大重要指标,在交互系统的设计时我们有必要对其格外的关注与思考,本篇文章主要介绍支持可用性的设计原则以及这些基本原则是如何融入到我们日常的产品设计中去的。可用性基本原则主要包括可学习性、灵活性以及鲁棒性三个方面。

一、可学习性

产品的可学习性指的是产品的交互设计能否让初次使用该产品的用户轻松的达到用户目标,以及能否让普通用户以最高效的方式达到用户目标。支持可学习性的细分原则有以下几个方面:

1、可预见性

在正常的交互流程中,系统作出的每一项响应都应该在用户的预见范围之内,如果没有特殊的情况,交互过程不应该出现过多的惊奇与意外。
(1)前面的交互过程可以使用户确定的后面的交互结果在这种情况下,我们推崇的是用户根据当前页面的信息便可以确定交互结果。

必须知道的那些APP交互设计原则!可用性支持

常见的app在多屏的情况下都会露出第二屏的部分内容以暗示用户可以滑动查看更多内容。

而另一种复杂的交互则是用户需要记住其他页面的信息或操作才能确定,很明显,在这种交互模式下,用户的记忆负担明显增大,如非必要,我们应该尽力避免。

必须知道的那些APP交互设计原则!可用性支持

横向滑动的菜单栏没有提示用户可以滑动查看到更多,要求用户有类似的操作经验

(2)用户能够知道知道该操作可以执行的功能

当用户界面中出现有可以操作的的元素时,则应该尽可能的给予用户明显的操作提示,不仅告知用户该元素可以操作,同时提醒用户该操作将执行的功能是什么。最常见的示例就是图标的设计与应用。

这里应该注意到的是,交互设计是以用户为中心的设计,因此图标设计效果的强弱取决于用户的观察能力,以及能否引导用户往产品既定的方向做出判断。

必须知道的那些APP交互设计原则!可用性支持

表单提交页面用最直观的“提交“字样或以最容易理解的对勾图标,提示并引导用户完成表单的提交

2、同步性

简单地说就是在当交互系统的状态发生改变时,用户能不能同步的知道交互操作的结果。当用户做了具体的交互操作后,用户希望在第一时间知道该操作所产生的结果。

当然,并不是所有的变化都需要告知到用户,现在的产品以结果输出为第一任务,我们不必真的把系统内部如代码执行情况等的所有的变化都一一显示出来,这些都不是用户所关心的,我们只需要将用户交互操作所改变的关系到用户目标的信息及时反馈出来即可。

必须知道的那些APP交互设计原则!可用性支持

3、熟悉性

随着这些年互联网的发展,我们用过的产品数不胜数,在这期间每一位用户都都积累了一定的互联网产品认知,因此当用户使用一个从没用过的产品时,最初的操作更多的是靠以往的经验来作出判断的,比如在底部标签栏的最右侧通常的“我的”页面、沟通软件点击列表中的头像进入对话页面、下拉通常是刷新,以及明亮色彩的按钮形状控件可以下按、锁与钥匙的图标则是密码相关等等。

产品在设计时有效的利用这些潜意识里积攒下来的认知可以提高产品的用户对产品的熟悉性。

必须知道的那些APP交互设计原则!可用性支持

刷新、搜索与可点击按钮等都是已被广泛熟悉的设计

4、通用性

在产品的交互设计中,我们应该尽可能在不同功能中应用相同的或类似的交互操作。在具体的某个产品中,遵循通用性原则的设计可以使产品整体的使用更加高效,例如,在某个产品中一个列表页面中可长按弹窗显示目标操作,那么在该产品的其他列表页面中,即使功能可能不一样,但是已经存在的长按弹窗式操作则应该继续应用而不是改为左滑操作。

从大的范围来讲,交互设计最好是遵循现有的普遍性操作习惯与功能规范,例如文本类内容长按时可以进行选择操作,信息类页面在首屏下拉可进行刷新等等,通用性原则的应用可以减轻用户的学习成本与认知负担,大大提高用户对产品的使用效率。

必须知道的那些APP交互设计原则!可用性支持

微信的不同列表中都可以进行左滑的操作,体现了同一产品中交互操作的通用性

必须知道的那些APP交互设计原则!可用性支持

在不同应用中下拉释放执行刷新功能,很好的体现了产品之间的通用性

5、一致性

一致性指在相似的环境下执行相似的行为或在用户完成相似的任务时交互系统执行相似的行为。处理好一致性能够从页面、交互、代码等方面大大提高不仅是用户还有设计人员与开发人员的效率。

但是一致性并非就是必须保持的,如最开始的键盘按字母的顺序排列,这是与人们的认识一致的,但后来发现这种排列效率不高而且打字员容易疲劳,因而后面的QWERTY键盘就突破了这种一致性的键盘布局。

必须知道的那些APP交互设计原则!可用性支持

在iOS环境下,消息/通知/聊天列表左滑显示可用操作

二、灵活性

灵活性主要体现在产品与用户信息交流时方式的多样性,可以分为以下几个方面:

1、可定制性

可定制性指用户或系统修改界面的能力,根据主导方可以分为用户主导的可定制性与系统主导的自适应性。

(1)可定制性

用户主导的可定制性指的是用户调整交互界面的能力。在常见的产品的中,用户主导的调整往往只限于在用户界面的调整,整体的交互行为仍旧在设计者的预想与设计范围之内,如常见的拖动排序等,只有一些设计脚本语言的面向具有专业能力的产品才会提供修改更高层级的交互特征的功能。

必须知道的那些APP交互设计原则!可用性支持

(2)自适应性
系统主导的自适应性是系统本身对于用户界面的自动定制。通常来说,这取决于用户对系统的熟悉程度或系统在积累了用户一定的操作习惯后作出的调整。前一种情况常见于第一次打开产品时通过引导判别用户的熟练等级后提供满足用户当前需求的界面设置;后一种情况则常见于自动排序、推荐以及保留用户的布局操作等功能的应用。

必须知道的那些APP交互设计原则!可用性支持

淘宝根据用户浏览记录判断用户喜好,将用户多次浏览过的商品排在前面

2、对话主动性

我们可以将人机交互的场景看作是一场对话,在这种情况下根据发起者的角色把这一次交互行为分为系统主导的与用户主导的。

以用户为中心的产品设计更多的是支持或体现用户主导的交互行为,而系统主导的交互行为则会打断用户本身的操作过程,在一定程度上会影响产品使用的灵活性。

这样一来我们可以发现,用户主导的交互方式能够增强用户对于产品的控制感,提高用户使用效率,应作为我们在设计交互系统时的首要选择。但是在一些特殊情况下为了促进用户任务流程的正常流转、保证用户顺利达到目标以及防止出现具有破坏性的误操作等,交互系统必须在必要的时候主动发起对话提醒用户,如新手指引、其他应用的调用以及一些删除时的确认提醒等。

必须知道的那些APP交互设计原则!可用性支持

在一些特殊情况下,交互系统有必要主动发起对话

3、多线程

一些交互系统在设计时可以支持多个交互任务,这些交互任务可以独立地同时进行,但是在用户操作时,实际上又是与单一任务的的对话。

在移动设备中,同一产品的多线程交互任务最多的是以后台运行的方式进行,如视频APP中视频的下载;跨产品的多线程最为常见的也是以后台的方式运行,此外也有部分支持分屏模式的手机可以同时在同一界面中进行双线程的交互。

必须知道的那些APP交互设计原则!可用性支持

支持多线程可以让用户更高效地使用产品

4、可互换性

可互换性指的是交互任务的控制权可以在系统与用户之间转移。我们知道系统对于复杂性较高的任务以及需要根据已有条件控制的任务的处理有着用户无法比拟的优势,它可以保证在正常逻辑情况下任务的准确性。

但同时,在实际的的使用环境中也存在很多在系统既定逻辑之外的情况,也就是用户的独特性。这种情况下将交互任务的控制权交由用户来执行可以使用户达到更加灵活的目标。
例如在一些表单输入中,系统根据已经认证的用户信息自动填充身份证号且无法更改,这样可以节省用户的操作成本还能防止出错,但是如手机号等可能发生改变的信息则交由用户填写,保证了填写的灵活性。

必须知道的那些APP交互设计原则!可用性支持

去哪儿购买机票时选择乘机人后身份证号码与手机号(非第一次填)由系统自动填写,同时手机号可以直接修改;当退出账号重新登录时系统自动填充原先账号

三、鲁棒性

鲁棒性(robustness)在交互中指的是交互系统能否达到目标以及能否对达到的目标进行评估。交互鲁棒性又可以分为以下几个方面:

1、可观察性

产品在执行交互任务时,应该让用户可以通过交互界面了解到任务的进展,从而让用户对当前的任务状态进行评估,并决定是否修改交互动作以保证任务的顺利完成。可观擦性又包含了以下四个方面的原则:

(1)可浏览性

产品应该向用户展示能够了解系统当前内部状态的信息。考虑到信息展示的效果以及界面的大小限制,通常在展示这些信息时只会展示部分关键信息,但是交互系统应该允许用户通过进一步的操作查看所有信息。
此外,可浏览性仅限于信息的浏览,不应该使内部的状态发生改变。

必须知道的那些APP交互设计原则!可用性支持

(2)缺省值提供

缺省值的提供可以减少输入操作,在减少用户操作成本的同时也可以作为一种防错机制。缺省值分为静态缺省值与动态缺省值。

静态缺省值不依赖于用户的交互动作,在系统设计时已经由开发者定义,如一些固定的数值像输入天数后自动显示小时数、选择起止时间自动计算时长;动态缺省值则是根据用户的输入进行设置,如输入网址时会优先显示与已输入部分相匹配的历史记录网址等。

必须知道的那些APP交互设计原则!可用性支持

飞猪app预定酒店时选择入住与退房时间后自动计算出有几晚;Safari浏览器输入网址时根据已输入的内容自动匹配相关的网址

(3)可达性

可达性指的是交互系统能否从一个状态经过操作后转换到另一种状态。交互系统在设计时只有支持不同状态间的转变才能保持系统的灵活性从而保证用户目标顺利达成。

可达性比较明显的示例常见于流程化的产品中,如活动状态的项目通过“完成”转换为完成状态,再经过“归档”操作转化为已归档状态,同样的还可以通过撤销等操作实现相关状态之间的转换。

必须知道的那些APP交互设计原则!可用性支持

(4)持久性

产品在发出交互响应信号时,除了在第一时间通知到用户外,应该提供具有持续性的提醒,如具有信息交流类的产品在收到新消息时除了第一时间的声音/震动提醒外,在用户没有对该消息作出操作的情况下会通过保持显示红点或数字等持久性较强的方式让用户随时可以见到以防用户错过。

必须知道的那些APP交互设计原则!可用性支持

持久性有助于告知用户任务与系统内部的状态变更

2、可恢复性

交互系统必须具备一定的恢复能力以供用户在发现错误时进行更正,恢复可以向前也可以向后,如众多设计软件的“撤销”功能与“取消撤销”功能。

考虑到不同复杂程度的恢复过程不同,简单的恢复可以直接进行,如sketch中的cmd+z和shift+cmd+z可以随意向前向后恢复;复杂程度较高的恢复则最好询问用户以避免再次出错浪费时间,如手机系统的恢复。

必须知道的那些APP交互设计原则!可用性支持

复杂度较高的恢复务必确认后执行

3、响应性

响应性反映了用户与产品之间的交流频率,当用户做出使产品状态发生改变的操作时,最好的情况是产品做出响应时间较短的即时响应,而响应时间较长时也应该告知用户系统已经接收到了交互指令并正在处理。

必须知道的那些APP交互设计原则!可用性支持

微博刷新成功后即时告诉用户刷新结果;去哪儿加载缓慢时告知用户正在加载中

4、任务规范性

产品为完成交互任务提供的功能应当规范。用户在其他产品或本产品的其他功能模块对某些交互任务已经有了一定的认知,因此在产品中提供规范化的功能,即使是新的产品新的功能,用户也能顺利地完成交互任务更加高效地达到用户目标。

必须知道的那些APP交互设计原则!可用性支持

大部分主流的有内容发送类功能的产品都提供了草稿箱功能,规范化的功能能够使用户更加适应产品

支持可用性的设计原则细分开来还是比较多的,认识并理解这些设计原则可以使我们在做具体的交互设计时有所依据有所考量,能够更加科学的设计出用户满意度较高的产品。

 

必须知道的那些APP交互设计原则!可用性支持



属性标签: , , ,

欢迎留言

页面生成消耗的时间 0.199 秒,此页面一共查询了 112 次数据库!缓存时间:2022-12-09 00:08:58你的IP为:3.239.112.140