美文网首页
认知与设计-理解UI设计准则

认知与设计-理解UI设计准则

作者: dapenghuang | 来源:发表于2019-01-26 08:29 被阅读0次

    可用性测试是发现设计上问题的最直接方法,但效率低。因此设计需要沉淀和积累,形成方法论,形成准则。

    引言

    设计面临大量的冲突的目标,需要权衡,需要在设计准则中找到平衡点。(例如功能强大又要系统简单)。另外设计最好具备认知心理学的知识背景。
    所有设计的准则都来源于人类心理学:感知、学习、推理、记忆的心理学研究。

    第一章 我们感知自己的期望

    经验影响感知

    我们对周围世界的感知来源于我们期望,而非真实的描述。过去的经验、现在的环境、将来的目标会影响我们的感知。
    两个简单的案例(字母和素描),不同的预期目标下看到的图片是不一样的。(貌似有道理)

    用户经常不认真看屏幕就点击,他们根据以往经验,而不是屏幕上的实际内容。(所以不要用大量文字引导用户行为,效果不好的)

    在上述心理学原则下,控件的摆放一致是最基本准则。(书中以按钮的顺序为例,确实是这样)

    环境影响感知

    视觉的感知不一定是自下而上的(先看单词再看句子),书中的案例显示,在不同的环境影响下,确实会把同样的字母判定成不同的含义(自上而下)。

    周围环境对感知的影响也存在不同感官之间。

    目标影响感知

    与目标无关的东西会被过滤掉,而不会进入意识。视觉会做过滤外,听觉也会做过滤。感知过滤在网站导航中也会出现,书中的100美元中奖的案例挺有意思。
    目标会影响我们注意什么,目标是我们的感知系统有预判,从而对某些特性敏感。

    对设计意味着什么

    上述三个影响对设计有三个启发:
    1、避免歧义。对容易出现歧义的地方,依靠标准或惯例。
    2、保持一致:在一致的位置摆放信息和控件。有助于用户快速识别。
    3、理解目标:要理解用户使用系统的目标,知道目标导致用户对什么的感知强烈。在交互节点上确保提供用户需要的信息,并对应到可能的用户目标。

    为观察结构优化视觉

    视觉感知的格式塔(Gestalt)原理【描述性框架】:人类理解图像会自动构建结构,而非细节。该原理也是用户界面设计的准则。

    格式塔原理:接近性

    人类倾向于把接近的物体分为一类,把距离较远的物体分成两类。(书中星星行列的排布印证)
    设计界面时可以把一组内的物体拉近,不同组的放远。(书中也给了一个反例,很到位)

    格式塔原理:相似性

    人类倾向于把相似的物体分为一类(例如书中空心星星的案例)。也给了一个反例。

    格式塔原理:连续性

    人类会把不连续的相似物体自动补齐连续。例如IBM标志。

    格式塔原理:封闭性

    视觉系统会自动尝试把敞开的图形关闭起来。(例如书中圆的案例和三角形案例)

    格式塔原理:对称性

    视觉系统会分解复杂场景来降低复杂度,分解的方向往往趋向于最简单的方案。(例如书中的两个菱形叠加)

    一个非常赞的案例,涉及了封闭性、连续性、对称性:


    我的个站.png
    本文章欢迎转载,转载请注明出处和作者。

    相关文章

      网友评论

          本文标题:认知与设计-理解UI设计准则

          本文链接:https://www.haomeiwen.com/subject/vxibjqtx.html