读认知与设计,我对里面的一些理解

用户头像
重庆/设计爱好者/5年前/101浏览
读认知与设计,我对里面的一些理解

《认知与设计》 一本为交互系统设计提供支持工程方法的书,也是一本理解更广泛的人类型为原理的入门书。

导语本人作为一个大学刚出来工作的设计小白,做的是平面设计,但是自己想往UI方面发展,所以自己买了一些UI方面的书籍,然后在根据书上的内容写下自己的理解。UI大佬们看到了可以给我指正一些错误,我也希望跟大佬们学习,跟我一样小白的设计师建议看看就行,不要被我的理解带偏了!!!



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

    


    经验影响感知

上图所示:

  如果是房地产经理想你展示一个园区的一排建筑,后面有两座T字形庭院,你会看到代表这些建筑的五个图块。

  如果是广告经理给你看的广告牌略图,由一个单词构成,你会看到一个单词"LIFE"。

  所以建筑地图还是单词,都取决于告诉你看什么。





  如上图,一个多对话框中,如果你点击了前三个NEXT,第四个的时候你还是要下一步,你会不会点击右边的选项框?   你注意到最后一页的按钮交换了吗?

  所以这也是“控件的摆放要一致”是一个常见的用户界面设计准则。




    




    环境影响感知


  当你看到这两个单词的时候,左边这个会因为前后两个字母的原因,把他看成THE,所以你觉得这个字母是H;而后面这个会看成CAT,所以这个字母是A。

  为什么一样的字母,在不同的单词里面,会认成不同的字母。因为它周围的其他字母把他连上会形成我们熟悉的单词,所以说环境会影响我们的感知。

  因为书中的案例是一段英文展示,而我们很多人不理解它的意思,上面的两个单词也可能会有人不熟悉,所以我再举一个简单的例子。

  这一段字母大家想必都熟悉吧,从小就知道的ABCD~,那这个A和H长得一样,但我们却能分辨出他们一个是A一个是H呢,就是因为它们所在的环境影响了我们对它们的认识。




   




     目标影响感知

  

  通常我们在寻找某个东西的时候,我们不会仔细去看其他东西,只是快速而粗略的扫描与我们要找的目标有关的东西,自动忽略掉与目标无关的东西,根本不会去注意这些东西。


  比如在下图你能找出“剪刀”吗?

  OK,剪刀你找到了吧,那么你现在不看上面,你能不能说出上面有没有老虎钳呢?

  是不是又回到上面去看了一下,发现了没有老虎钳。为什么你第一次找到剪刀的时候,下来问你有没有老虎钳你又上去看了呢,因为你专注找剪刀,把周围的其他工具都只是粗略的过了一遍而已,这也是所说的“目标影响感知”。




 



 讲完上面三点,我们对于用户界面设计要有三点启发:


1、避免歧义

  我们要确认所有用户对信息的理解是一致的,当无法消除歧义时,要告知用户你想让他怎么去理解歧义之处。


2、保持一致

  设计师要在一致的位置摆放信息和控件。包括不同页面上相同功能的控件也要保持一致(颜色、字体、阴影等)。这样能方便用户很快的找到并识别它们。


3、理解目标

  用户使用一个系统是有目标的,我们应该了解用户的目标,确保提供用户需要的信息,并清晰对应到一个可能的用户目标,使用户能够注意到并使用这些信息。





以上是我对这本书第一章的理解。

要是各位大佬有觉得不对的地方,希望私聊指出我的错误,也希望大佬们能多多关照关照我这枚UI小白,希望能跟更多的大佬学习。(再次强调:跟我一样想发展UI的小白们对这篇文章看看就行,不要太过深入的理解,以免误入歧途)!

2
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】秒杀icon
【新年UI图标】旅行icon
UI 登录界面设计模板包
【新年UI图标】会员icon
高级感金属拟物 UI设计组件库
【新年UI图标】钱包icon
UI应用平面图标
新能源APP应用UIKit
UI通用设计素材1
拟物风质感写实UI卡片合集源文件
【新年UI图标】活动icon
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI界面 组件
3D渐变流体抽象矢量UI背景图
智能家居中心 简约 UI设计组件库
新拟态风格 UI设计组件库
抽象液态渐变UI背景模版
【新年UI图标】礼物/活动icon
盲盒APP UI设计
手表表盘UI系列
科技医疗透明柜UI界面设计
钱包ui模板
【新年UI图标】汽车icon
高级表盘系列UI源文件
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册