格式塔心理学与知觉的组织
在我们进行解释之前,感知就已经进行了整理
几个孤立的标记可能会呈现为一个整体、一个边界或一个完整的图形。格式塔心理学帮助设计师探究这种组织形式,而不是假设观众会完全按照这些视觉元素被放置时的原样来感知它们。
瓦格曼斯及其同事的综述阐述了在格式塔心理学的发展历程及其持续研究中,知觉分组与图底组织的作用。诸如邻近性、相似性和连续性等熟悉的原则提供了有用的切入点。但这些原则并非一套放之四海皆准的检查清单,无法在脱离具体语境的情况下预测所有解释。
人际关系比标签更重要
集中排列的控件可能会给人一种属于同一操作的印象。一条线可能会暗示出一个边界,而底层系统实际上并不存在这样的边界。视觉节奏可以引导阅读顺序,即使实际的顺序与预期不同。在解释预期结构之前,先测试人们对布局的感知。
因此,形式与功能之间的关系也涉及感知。即使控制布局在技术上完全正确,仍可能传达出错误的分类信息。增加更多文字,未必能弥补版式中存在的强烈矛盾关系。
前后一致的外表并不等于真理
分组可能会使不完整的信息看起来完整。图表可能看似井然有序,却遗漏了重要的观测数据。一个产品系列可能看起来连贯一致,但其控制项的行为却前后不一。视觉上的完整性和操作上的连贯性应分别进行评估。
这一点在信息设计中尤为重要。眼睛具有一种自然组织信息的倾向,这固然有用,但不应利用这种倾向来暗示视觉呈现中实际上并不存在的证据。当缺失数据或类别变更对决策产生影响时,应将其清晰地标示出来。
语境会改变阅读体验
对比、比例、背景和运动都会影响哪个图形更突出。既定的惯例也会影响解读。一种在大型影院银幕上清晰可见的图案,在小屏幕上或与其他视觉符号混杂时,可能会变得模棱两可。
将分组原则应用于实际任务,并检验结果。知觉理论有助于解释观察结果并提出替代方案。但这并不能取代观察人们使用特定布局时的实际需求。
一个设计示例
由于可用空间有限,控制面板将复位按钮放置在常规操作控制按钮附近。虽然其标签与众不同,但由于位置相邻,它看起来似乎属于常规操作流程的一部分。
团队可以在不改变机制的情况下调整分组、间距或边界处理方式。在进行任何操作之前,先评估人们的预期。根据周围布局的不同,单独的边框可能会使区分更加清晰,也可能造成另一个令人困惑的分组。
在具体情境中并按最终尺寸对面板进行测试。有价值的发现在于哪种关系主导了视觉解读。应用格式塔原理只是提出假设的开端,并非证明视觉布局能够准确传达信息。观察则将理论与具体任务联系起来。
一项实践练习
将六个控件分为两组进行操作。在保持标签不变的前提下,调整控件之间的间距、相似度及边界。要求参与者在进行任何操作之前,描述这些组别并预测其排列顺序。引入一种刻意不一致的关系,并观察由此产生的困惑。通过最小的有效调整修改布局,然后解释在该情境下哪种知觉线索起到了关键作用。
形式以一种关系的形式呈现在人们面前。设计必须审视它实际上所建立的关系。
一项视觉研究
进一步阅读与相关链接
继续进行信息设计、层次结构设计以及通俗易懂的沟通设计。
将可识别的视觉元素与一套可在各接触点实施的视觉识别体系相联系。
参考文献
图片来源
1. 邻近性法则 格式塔图 svg hariadhi.svg
创作者或标注来源:Hariadhi · CC BY-SA 4.0
已按Word要求调整大小并采用JPEG编码;未作任何创意性修改。该图片仍遵循上述许可条款。
2. 图底关系 SVG 文件 hariadhi.svg
创作者或标注来源:Hariadhi · CC BY-SA 4.0
已按Word要求调整大小并采用JPEG编码;未作任何创意性修改。该图片仍遵循上述许可条款。
3. Kanizsa triangle.svg
创作者或标注来源:斐波那契 · CC BY-SA 3.0
已按Word要求调整大小并采用JPEG编码;未作任何创意性修改。该图片仍遵循上述许可条款。
实用指南:如何选择用户体验(UX)和用户界面(UI)设计公司
将这一主题与界面、交互及用户体验合作伙伴的选择联系起来。
正在计划该领域的项目吗?不妨与 f/p design 探讨一下。