一段时间以来,研究人员已经知道人类行为是以模式发生的。人类默认熟悉,而不是寻求与技术互动的新方法。
支持人们对模式的热爱的证据非常丰富。早在20世纪60年代,建筑师亚历山大·克里斯托弗(Alexander Christopher)就已经认识并广泛撰写了关于设计模式
最近,查尔斯·杜希格(Charles Duhigg)研究了我们日常生活的大部分时间是如何与我们的习惯产生的 – 这与Nir Eyal关于习惯形成产品的工作非常吻合。
鉴于模式对人类行为的影响,在您的工作中使用既定的设计模式可能是有益的并不奇怪。
但重复也可能是创新的敌人。如果你只专注于之前发生的事情,你如何为观众设计新的东西?
如果您想了解如何利用设计模式并仍然创建原创想法以满足最终用户的需求,请继续阅读。
设计模式的好与坏
根据定义,设计模式是针对重复出现的问题的既定解决方案。因此,对于几乎所有用户界面设计者而言,已建立的模式可能非常有用。
例如,在导航的右上角定位登录调用是一种经典的UI设计模式。人们知道要查看界面的那个区域,因为他们使用相同的行为来登录或查看他们的个人资料多年。
您可以在Interaction Design Foundation站点上看到正在使用的模式:
……在LinkedIn上:
……和纽约时报:
正如我之前强调的那样,人们喜欢熟悉的。当界面符合用户的期望时,它会降低认知负荷,节省用户时间,并使软件更直观。这就是为这些公约提供持久力量的原因。
更重要的是,模式对您的设计过程有很多好处。
利用UI模式可以节省您的时间
因为您不必从头开始设计界面,所以您将能够更快地进行测试和迭代设计。
您将建立在过去已经运作的解决方案上
就像站在巨人肩膀上的科学家一样,你将站在那些为观众解决类似挑战的设计师的肩膀上。
但重要的是要记住,模式只是一个起点。它们是您设计的模型,而不是用户问题的完全实现的解决方案。
对UI设计模式的过度依赖很容易导致研究不足的设计
也就是说,您不必找到最适合您的用户的解决方案,而是可以适应设计模式中现成的解决方案。
缺乏创新,即没有定制经验来解决用户的独特挑战,只会让您的网站或产品感觉像一组模板。
选择正确的模式
在开始自定义模式之前,请确保为作业选择正确的模式。
是的,设计模式通常是反复出现问题的可靠解决方案,但如果您没有选择正确的设计模式,您的设计实际上可能会降低您的受众的清晰度。
有一个简单的解决方案。有许多存储库提供了重要设计模式的示例。例如,ui-patterns.com按类别组织界面模式,提供示例,并解释每种解决方案的基本原理。
旁注:如果您将在可预见的未来从事同一个项目(或在同一家公司工作),那么开始构建自己的模式库是明智的。
如何为您的受众创新
一旦你的模式到位,就可以从香草设计模式转变为优化的界面,以帮助你的观众实现他们的目标。
需要明确的是,在这种情况下的创新通常意味着界面的一些部分的具体变化。基本设计仍然适合一种模式,但添加了新的想法,以更好地帮助您的用户理解界面,满足他们的需求,并实现他们的目标。
当奥地利物理学家欧文·薛定谔说:
任务是,而不是看到没有人看到的东西; 但想想没人想到的,关于每个人都看到的。
当然,要做到这一点,你必须深刻理解观众的需求。
我们使用了许多技术来帮助我们与受众建立更深刻的同理心,并确定需要添加到模式中的原始功能或UI元素。
以下是我们最喜欢的两种技术:
心理模型
心智模型指的是某人对系统应该如何看待或运作的既定信念。当人们发现使用具有挑战性的东西时,这个原则就会体现出来,因为界面不能像他们已经决定的那样起作用。
通常,设计师如何看待产品或网站与用户如何看待相同体验之间存在相当大的差异。这是差异是设计不良的常见途径。
当2018年的重新设计与用户根据旧设计建立的心理模型不匹配时, Snapchat学到了很多东西。
当然,研究是发现用户心中想法的最佳方式。
可用性测试 – 特别是当人们在与您的网站交互时表达他们的想法时 – 可以是一种很好的方法,可以发现某人对他们期望您的网站表现的心理模型。
同样,卡片排序(用户根据类别对数据类型进行分组)可以帮助您了解人们希望在界面中找到内容的位置。
例如,Lyft利用人们的心理模型来设计他们的UI。
他们的用户已经熟悉谷歌地图等导航界面,因此Lyft反映了这种惯例,并根据观众的需求进行了创新 – 比如可视化驾驶员在骑行之前和骑行期间的位置。
移情地图
移情地图是一种定性研究方法,可以显示用户的特定需求和行为。
使用从用户访谈,调查和实地研究收集的数据,移情地图通常将用户需求分为四个部分:说,思考,做和感觉。
以这种方式合成研究是发现象限之间冲突的极好方法 – 例如用户感觉与他们的行为。
这些冲突将帮助您根据移情地图上发现的摩擦或间隙确定要在UI设计中突出显示的元素。
这种洞察力在任何情况下都很有用,尤其是在您设计企业用户体验时,它们存在很多环境限制和相互冲突的优先级。
今年早些时候,我们利用移情地图为海运公司创新车队管理应用程序的设计。(是的,它听起来很复杂。)
在我们进行了研究之后,移情地图显示了线路运输队长需要花多少时间观看河流。所以我们的设计师知道我们的应用只会受到非常有限的关注。
通过参考线路运输队长所看到的内容与他们的想法,我们的设计团队直觉说,界面必须在屏幕顶部有非常大的CTA,以使用户的认知负荷尽可能小。
设计非常受欢迎,当我们为新应用程序提出设计时,线路运输队长会鼓掌。
它可能听起来不是先锋,但那些小型设计创新完全优化了它们的工作方式。