交互设计基础设计与理论综述(2)

发布时间:2020-08-04 10:30:00

前段时间,我们发表了《交互设计方法与理论(一)》一文。反应热烈。为了满足渴望知识的粉丝们的需求,我们不断地总结下一篇文章。在开始本文之前,让我们回顾一下前面文章中以光速提到的方法和理论

前段时间,我们发表了《交互设计方法与理论(一)》一文。反应热烈。为了满足渴望知识的粉丝们的需求,我们不断地总结下一篇文章。在开始本文之前,让我们回顾一下前面文章中以光速提到的方法和理论

1、 需求挖掘理论

2、 需求分类理论一般四象限法

3、 需求分类理论Kano模型

4、 需求层次理论马斯洛的需求层次理论

5、 产品框架设计理论-用户体验的五要素

6、 产品框架设计理论-7(±2)信息块效应

7、 产品框架设计卡片分类理论

8、 界面设计理论格式塔理论

9、 80/20原则

在任何大型系统中,大约80%的实用程序是由系统中20%的变量生成的。

“用户80%的时间花在20%的功能上。”

80/20定律又称28定律、帕累托定律(定律),又称最省力定律、不平衡原理。它最早由意大利经济学家巴莱多在19世纪末20世纪初发现。他认为,在任何一组事物中,最重要的只是一小部分,约占20%,其余80%虽然占多数,但都是次要的。80/20规则广泛应用于社会学、经济学、用户体验设计、企业管理等领域。

8020规则有助于整合资源,并帮助设计师_限度地提高用户体验的质量。例如:当用户花80%的时间专注于产品20%的功能时,设计师应该集中精力优化这20%,剩下的80%应该重新评估以确认其价值。设计人员可以利用该规则对设计中的所有要素进行重新评价,划定重新设计和优化的范围,有效地确定重新设计的有利资源。80/20规则不是由人直接控制的,它是自然形成的。

80/20规则的核心是区分主次,更有效地分配和整合资源。

在某些情况下,很容易确定20%的关键组成部分。通过web数据统计、表单提交和会话cookies,我们可以跟踪用户的使用行为,这有助于我们了解用户与哪些UI区域交互最多。

80/20原则在用户体验设计中的应用:

案例一:找出20%的关键功能并在主界面上显示为工具栏,其余的隐藏起来

案例二:QQ同步助理需求情景分析表(图片来自腾讯产品法)

腾讯《产品法》引用了QQ同步助理需求情景分析的案例(如上图所示)。对于工具类产品来说,产品要解决的“问题”非常明显。用户的人口统计学和社会学因素,如性别和年龄,对产品的影响很小,所以你可以选择根据“使用场景”来划分用户模型。在QQ同步助手中,a级交换机用户和B级备份防丢失用户的比例分别为90%和80%。当我们在80%的时间里集中了产品20%的主要功能时,我们的设计就会集中在这些关键功能上,所以这两个功能也被定义为产品的核心动态线。

案例三:在传统网站和网络应用中,使用和交互频率_的区域被划分为20%。在设计移动界面时,只需关注20%。

与传统网站提供的丰富功能相比,即使本网站的手机版包含了最常用功能的20%,也可以说本手机版具有最重要的功能。

上图是一个网站的全貌。网站上有一些区域可以指导用户的行为。这个网站的设计_不是世界上最差的,但总的来说,它不是很集中,有太多的选择。

比较以下移动页面:

相比之下,手机界面非常简单,引导用户_眼就找到最重要的信息,而不是让用户感到不知所措。

紧凑型移动web应用程序就是一个很好的例子。设计师们把大部分精力投入到项目最重要的方面。

在理解了80/20规则之后,我们可以将其应用于各种场景,如下所示:

另外,需要注意的是,当20%的优化创建一个新的函数时,可能会养成一种新的行为习惯。此时,如果我们想改变这些行为习惯,阻力会更大。

奥卡姆剃刀原理

奥卡姆原理,又称为“简单有效的原理”,由14世纪圣方济各会的哲学家和修士、奥卡姆的威廉(约1285-1349)提出。俗称“如无必要,不添加实体”,也就是说:如果有两个功能相同的设计,请选择最简单的一个。Occam的剃刀原理不仅肯定了简单的设计是好的,也否定了所有复杂的隐式设计都是坏的。核心是强调“简单”设计比“复杂”设计更容易理解,沟通效果更好,可以小而广。

以下案例摘自交互设计:如果不需要,不要添加实体,以及Occam的交互设计剃刀原理。)

案例1:

在Amazon Prime的情况下,左边的方案用边框区分每个项目卡,并在项目卡之间添加一条水平分割线。边界不会带来任何附加值,但会增加视觉中的分割感,破坏简洁的界面语言。相比之下,一条简单的分割线可以完成分割模块的功能,也可以增加更多的空间来列出更多的项目。

案例2:

在日常设计中,经常会有产品经理说:“如果你看这个空间,我们_放一些指导性的图形和文字。”。在这个时候,设计师可能会发疯。为什么这个简单的过程需要如此复杂。

分析如下:在流程外添加内容必然会干扰用户操作,降低表单填写效率,并可能导致意想不到的后果(用户关闭页面)。

在功能页面的设计过程中,我们需要知道用户在这个页面上的行为是什么?在主体过程中,应尽量弱化过程内的指导。没有必要在流程之外添加内容。这其实很重要。一个简单的页面可以让用户一目了然地找到他们感兴趣的内容,让他们看起来更舒适,集中精力在你想要表达的内容上。而复杂的页面会使访问者一时找不到信息的焦点,也会分散访问者的注意力。

遵循Okam razor原则,科学设计简单页面:

简单页面最重要的一点是只显示有效的内容,而不显示其他内容。这并不意味着你不能为用户提供很多信息,你可以使用“更多信息”链接来实现这一点。

让你的用户只需点击几下就可以找到他们想要的内容,不要让他们觉得内容很累。

如果你的祖母(其他老年人)能很容易地使用你的页面,你就会成功。

每次在页面中添加段落时,页面的主要内容都会被压缩到较小的空间中。这些段落没有任何好处,但让客户知道更多他们不想知道的事情。

用户在浏览网页时想的更少。我们应该尽量减少用户在展示内容时的思维负担,让用户使用起来更加流畅,心态更加平和。

菲茨定律

从起始位置移动到最终目标所需的时间由两个参数决定。到目标的距离和目标的大小(上图中的D和W)用数学公式表示为时间t=a+blog2(D/W+1)。

T=移动设备所需的时间;a,B是经验常数;d=设备的起始位置和目标位置之间的距离;w=目标的宽度。

菲茨定律的启示:

案例1:默认情况下,MacOSX将底部栏(dock)放置在屏幕底部。这样,底部栏就变成了“无限可选择的”

案例2:

用户将要删除的应用程序拖到顶部,顶部W是无限的,这就提高了用户操作的效率和准确性。

希克定律

核心是一个人面临的选择越多,做决定的时间就越长。

所以在设计中,我们需要考虑如何最小化和优化设计选项。太多的选择会延长用户做出决定的时间,即使对于一些直接或短暂导致任务失败的“困难用户”。Schick定律揭示了页面中的选项如何影响用户决策的速度和易用性。定义的范围非常广泛,因为它不是测量生理反应或技术的作用,而是测量决策的心理过程。

在设计过程中,Schick定律可以作为重要的参考设计原则。开始绘制线框时,请查看功能树“link 1,link 2,link 3…”,然后查看用户在此过程中需要做出的所有决策。(_解决这些决定)

如果原型已满,不要害怕多次使用调用按钮。当设计人员组织选项、空间选项、更改背景颜色或使用纹理时,他们将亮显其中一个设计选项,而其他选项已被削弱。这就是为什么设计不仅仅是装饰页面或突出显示按钮。我们必须明智地利用设计的影响力,严格限制用户需要做出的决定的数量。

例如:Foursquare上的探索功能已经从无限的可能性变成了一个简单的设置选项。

Foursquare的探索功能只是提供各种过滤项,减少了人工输入。鼓励访问者使用简单的服务:在输入框中输入他们想要的内容,然后单击屏幕上的_按钮。当然,设计的核心是foursquare知道用户对当前位置周围的事物感兴趣,因为这项服务是关于共享和探索用户的环境。因此,当前用户的默认搜索区域是安全的。其次,超过10亿个数据点起着非常重要的作用。有了这么多的信息,foursquare可以在后台做很多事情来猜测用户真正感兴趣的是什么。

交互设计师的重要价值在于使产品易于使用和人性化。这就要求我们深入学习交互设计的基本理论知识,帮助我们分解问题,提高效率,创造更好的设计。