国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

发布时间:2019/10/04标签:   设计原则      APP设计    点击量:

原标题:银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

在 app 设计当中,这同样是一个重要问题。试图改变人们的心智模型是极具风险的;人们越熟悉你的 app,这种改变的风险就越大。人们通常很难适应一款老产品当中发生的变化,而无论这变化本身是否正确或必要。在进行这类设计决策之前,必须尽最大可能去确认你所做的改变可以为当前的使用者们带来最为正面的结果,切忌为了改变而改变。

同理,“表格”、“图表”、“文本”等工具则位于画布的正上方,与其控制区域的距离最近。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

而“格式”、“动画效果”与“文稿”的切换开关同样位于其对应面板的正上方。

这就是我们所说的“心智模型”。对于每一个与之进行过互动的事物,我们头脑中都有着对应的心智模型。这些模型都是高度简化的,不会完整地体现出事物内部的所有运作机制。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

这一连串行为当中便体现着我们接下来要讨论的设计原理,即“邻近性”。

不过,银河网上开户,我们与一个系统的互动越多,相对应的模型就会越发复杂。心智模型由个人的经验发展而出,所反映的通常是个人视角中的事实形态,因此心智模型也是因人而异的。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

苹果iOS13终于发布了,带来深色模式,以及隐私保护等新功能,相信大家已经看到许多文章介绍了,有不少新体验。然后再继续回顾上期主题,即 WWDC 之“基础设计原理”设计分会,演讲人是 Apple 设计布道者团队的 Mike Stern 老师。在上期当中,我们了解了“可见性”与“一致性”,错过的朋友不妨回看;今天的话题聚焦于“心智模型”与“邻近性”。

良好的邻近性同样体现着人体工学原理。通常,我们距离一个物体或兴趣区域越近,越有可能与之进行互动。当人们走进卫生间时,会希望首先把灯打开;因此,我们通常会将开关安装在门的附近,保持在一臂距离之内,使人们可以轻松地触碰到。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

诚然,以上两个例子都是关于 macOS 的,但设计原理本身同样适用于屏幕较小的设备,例如 iPhone、iPad 甚至是 Apple Watch。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

Mortimer 的工作就是创造无与伦比、令人喜爱的水龙头。有一天,仿佛被灵感的闪电猛然击中,他有了个绝妙的想法:与其让两个把手分别控制冷、热水,不如让一个把手控制温度,而另一个控制水流大小。这样就能避免人们在调节水流时不小心改变温度了。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

这里我们有必要指出,有一个名词通常用于指代右侧的布局模式。没错,“分组”。分组是设计原理当中的一个非常基础却又极其重要的概念,它有助于人们理解不同元素之间的逻辑关系,是用于构建信息结构的关键元素。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

在 Keynote 中,工具栏里的功能控件与其所控制的目标对象或区域之间的位置关系都能体现出邻近性的原理。例如“显示”、“缩放”、“添加幻灯片”的位置紧邻着幻灯片导航栏及画布区域,这可以使人们意识到它们之间存在着控制与被控制的逻辑关联。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

分组的概念很容易理解,然而在界面设计中却时常被忽视。接下来我们通过几个简单的例子来看看如何在界面当中使用邻近性和分组的概念来体现元素之间的逻辑关系。

我们如何得知哪个把手用于控制热水?我们大体知道,银河网上开户,因为多数时候热水把手位于左侧。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

邻近性

洗好脸,差不多也到了晚餐时间。你决定换上新买的夏威夷衬衫。于是你关上灯并离开卫生间,然后打开门厅里的灯,走进卧室,又打开了屋中的几盏灯。

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

心智模型可以分为两种类型:

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

银河官网: 图文版 WWDC 设计分会:基础设计原理 心智模型与邻近性

然而有个小问题:Mortimer 的设计完全不符合人们关于水龙头的心智模型。使用这款水龙头时,人们发现操作结果并不符合预期,难以依靠直觉进行控制。更糟的是,Mortimer 的设计在外观上和普通水龙头没什么区别,但行为模式却完全不同,人们想要打开热水,却发现并没有水流出来。

译文地址:beforweb

版权信息Copyright © 银河官网 版权所有    ICP备案编号:鲁ICP备09013610号