恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
这是一份设计师都在默默收藏的设计心理学指南
0.0°
2020-02-03 原创文章 经验/观点 举报 5586 61 55 6

带你了解视觉感知,你知道大脑如何获取信息?用眼睛,人阅读图像比阅读文字快,并且将记忆的元素全部用图片存储,这篇文章,如何通过心理学提升设计,值得每个人收藏阅读。

更多内容欢迎关注公众号:我们的设计日记   设计交流,可加微信:hellosky678



最近学习了米勒定律和希克定律,其中关于如何提升视觉感知,对我很有帮助,其中一条人的大脑短时记忆容量约为7。


另一条是:眼睛是获取大量信息的强大工具。大部分数据被无意识的吸收。视觉感知是设计领域的重中之重,特别是产品设计师,作为设计师需要去了解和运用这些定律,提升用户视觉感知。




 什么是视觉感知 


视觉感知是人们能够获得信息,并由大脑进行处理的最有成效的方法。人的眼睛有着接收及分析视像的不同能力,从而组成视觉。脑部将眼睛接收到的物象信息,分析出四类主要信息就是有关物象的空间、色彩、形状及动态。有了这些数据,我们可辨认外物和对外物作出及时和适当的反应。


 视觉感知的特点 



速度快,所有信息以图形存储,人眼阅读图像比文字更快,在绝大多数情况下,人们感知图标和插图的图片元素比文字更快。大部分用户是视觉驱动的,所以视觉感知机制通常应该在设计过程中考虑,研究里面有几条规则挺有意思:


1.人眼阅读图像比文字更快。


2.人们需要约1/10秒来获得视觉场景或元素的一般感知(该速度对于文字表达基本不可能的)。


3.大脑储存重要的信息片段通常由固定为视觉图像,即使它们是通过文字感知得到的。




▲  人眼通过识别图标能快速得出信息,比看文字快。




 视觉感知规律 

心理学家提到的视觉记忆感知三个核心规律,很简单也好记忆:



1.集中要记住一件事情或大量的数据,需要集中精力。否则,数据将在短期记忆里上被丢弃的几率很高。



2.联想记忆:大脑里其实有个巨大的网络连接,我们会自动将感知到的新的片段能和旧的片段联系关联,感知就会越强,也在设计中也就是常说的用户习惯。



3.重复:不断去重复激活一些片段,直到达到长期识别为主。


基于这3个点的的规律我们需要在视觉中可以去运用,通过设计强调突出我们想表达的内容,突出重要信息,通过简单的交互让用户和他之前的经验关联。




 视觉感知如何运用 

1.通过图标加强感知



▲ icon的列表让类目清晰简洁,看图形就知道里面内容,天气图标很容易理解,同时它们节省了大量空间,同时整个屏幕的布局更加丰富。



▲ 点餐APP一目了然,能够对大脑已有信息进行关联,能被识别,另外右边的各种类目图形也是一种表达方式,同时能让页面结构更稳。




2.减少数量加强感知

关注度在设计中很重要,如果同时提供了几个选项,按钮,选项,用户的短期记忆会花费更多的时间和精力来考虑,这时候随时可能会让用户跳失。


米勒定律:人的大脑短时记忆容量约为“7”。


▲ 用户下单决策时候底部只有一个行动点,引导用户去购买决策。



▲ 如果功能太多,用户下单时候可能会思考下点那个,这个案例可以优化



希克定律:人们选择的元素越多,越难选择。一但选择点很多,越是犹豫,分散,特别在电商设计里面,我们需要平衡所有的信息,给予用户最有用信息和行动点。



3.通过图像强化感知


除了图标,还可以通过图像来强化感知力,我们应该掌握图像处理的手法,通过不同的形式来组织内容,图片没有秘密也最直接,最能被记忆。


 4.通过导航强化感知



导航是可用性的关键因素。通过tab移动,能记住用户路径和数据;因此,设计导航时候,交互和视觉一致和清晰很重要。


5.通过直接的表达加强感知


关于显示或隐藏的各种菜单的讨论目前有很多,我们重要的是要记住,界面的关键目标应该是用户清楚地了解发生了什么,他想要的操作在哪里。因此,关于汉堡包菜单,滑块,隐藏层次的导航和内容的操作设计应该梳理好页面功能层级设计,不要去隐藏一些核心操作。



▲ 这类型的一些导航设计,需要对用户进行测试,需要评估这种操作会不会对数据产品流失和对转化率的影响。


6.通过多媒体艺术加强感知 

除了以上,还可以通过视频,音频,动效,3D等。通过这种刺激,不仅设计师可以创造更多创意,而且对不同的人记忆加强,比如618,双11, 造物节一些动效,音频对大家记忆刺激很强。




7.通过情绪引导加强感知



注重用户的情感反馈,避免糟糕负面的体验,一个产品好用我们往往不知道哪里好,但是哪里难用用户会记忆很深刻,需要在设计时候保持积极的情绪去引导用户。



 总结 

今天分享的视觉感知心理学,更多帮助我们在做设计时候,了解人们是如何与世界互动,哪些元素影响他们的行为。通过设计去改变引导用户,管控好用户使用路径,能更好帮助产品成功!

Powered by Froala Editor

微信公众号:sky盖哥

更新:2020-02-03

收藏

61人已收藏

skys

原支付宝设计专家

  • 146

    作品

  • 2.4w

    粉丝

  • 3

    关注

  • 设计师职场防PUA指南
  • 有了这个方法,5分钟搞定一套配色
  • 阿里腾讯设计师晋升指南
  • 7个步骤,让你更好完成图标设计
相关标签
设计经验ui

    猜你喜欢

      2020-02-03 原创文章 经验/观点 举报 5586 61 55 6

      这是一份设计师都在默默收藏的设计心理学指南

      0.0°

      你确定要举报这是一份设计师都在默默收藏的设计心理学指南

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年02月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      55
      61
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录