×

扫描二维码登录本站

QQ登录

只需一步,快速开始

标签: 暂无标签
本帖最后由 zhidian 于 2013-7-15 21:00 编辑

       20世纪早期,一个德国的心理学家组成的小组试图解释人类视觉的工作原理。在实验上,他们有一个基础发现,那就是人类的视觉是整体的:我们的视觉系统自动对视觉输入构建结构,并且在神经系统层面上感知形状,图形和物体。这就是著名的“格式塔”原理,它为用户界面设计准则提供了有用的基础,利用格式塔原理可以优化我们的视觉结构。
    我们先来看下面谷威ITSM的事件查看页面,该页面就非常成功应用了格式塔原理的接近性原理、相似性原理、主体/背景原理。事实上,在设计产品过程中,针对每个页面我们都依据格式塔原理来进行优化,已达到更加合理的视觉结构,让用户认知信息更加轻松、更加快速。

       接近性原理说明的是:物体之间的相对距离会影响我们的感知,比如对我们来说互相靠近的物体看起来像是一组。该原理对产品设计的指导意义是:通过拉近某些对象之间的距离,拉开与其他对象的距离使,减少用户界面凌乱感,让人们从视觉上非常容易区分信息分组。
       我们再来分析,事件查看页面是如何应用了接近性原理的。
    我们利用了接近性原理,将事件关键信息(事主、简要描述、详细说明)和普通信息(事件分类、影响范围、紧急程度、优先级别)从距离上分开,用户非常容易就从视觉上将信息分成两组,而且突出了事件关键信息,让用户轻轻松松就对事件有了明确的认识。
    同样道理,我们利用接近性原理,将解决方案的关键信息(解决方案)和普通信息(处理结果、原因分类、恢复时间)从距离上分开,用户很轻松就将信息分组。



    格式塔原理的相似性说明,如果其他因素相同,那么相似的一组看起来归属于一组。
    我们再看本章第一幅图片,会发现实际上我们不知不觉将“基本信息”“时间信息”“履历信息”归属到一个组别里面,因为这三组的面板非常相似;这三个组也表达了事件单最基本的信息,而且该部分信息是不能编辑的;真正关键的事件业务信息在主面板中,该部分信息代表了可维护的业务信息。



    我们的视觉系统组织数据格式的另一个格式塔原理是主体/背景原理,它指出我们的大脑将视觉区域分为主体和背景。主体包括一个场景中占据我们主要注意力的所有元素,其余的则是背景。该原理对产品的指导意义就是,如果隐藏背景、凸显主体。
    主体/背景原理更形象体现在谷威ITSM系统上,我们继续以该章第一幅图片为例,整个系统采用冷色图案作为背景,凸显了主体内容:菜单栏和事件主面板。事件主面板又继续利用该原理,在白色背景中,使用灰色块凸显事件记录与分类、解决方案、评价信息的主体内容,让用户更加关注到业务信息。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x




上一篇:24条面试“潜规则”
下一篇:认知心理学在谷威ITSM(三)认知的视觉结构
zhidian

写了  篇文章,拥有财富 ,被  人关注

您需要登录后才可以回帖 登录 | 立即注册
B Color Link Quote Code Smilies
huangjie528 发表于 2013-7-7 10:19:46
学习了,很好。
返回顶部