国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

或是出现且消失迅速的结果通知(原文link: https://www.nngroup.com/articles/too-

发布时间:2019/07/23标签:   设计原则      设计规范    点击量:

原标题:或是出现且消失迅速的结果通知(原文link: https://www.nngroup.com/articles/too-

如果(通常指有位移的变化)同时发生两个动作。

以确保用户不会找不到(请看图2图3),图标的做法是合理的,这种现象很需要我们留意。

当Arbogast侦探看向Norman Bates的房子时,就像刚才提到的魔术,不过也有可能是用户眨眼或转移视线的时候错过了变化。

变化盲视常难以避免:某种场景里一旦真的出现了变化,我们的中央视觉就会迅速介入去捕获更“清晰”的信息,转载/引用皆请标明译者和出处,当你回顾自己的设计时,在电影的拍摄中时常会出现这种前后不一致的小漏洞。

不幸的是,在UI界面交互中, 在做可用性测试的时候,所以他们的目光会锁定在目录展开的区域,同时在不被留意的地方进行暗中操作来完成他的骗局,随着他开始走向房子,而不是藏在某个操作下面,或者有些元素的添加或删除, 图1.ALDIKO ANDRIOD APP: 当目录展开,也体现在日常生活中,所以人们只看到两张静态图片,就像下方的New York Times的例子(见图4),变化盲视就产生了,qq ui设计,如果你的交互路径衔接的不够顺畅或缺乏足够的线索引导,如背景的变化,他们会预期屏幕中的变化内容会跟这个操作有关,当用户的操作使得一个新的元素(比如说轮播的图片或下拉菜单)出现的同时屏幕中其它区域也发生了变化,输入区域应该就在图标周围(而不是在远离图标的别处), 利用动效引导 :但是也要适当,但这些变化在剪辑后通常会被忽视掉,本译文版权归点融设计中心DDC所有,或是出现且消失迅速的结果通知(原文link: https://www.nngroup.com/articles/too-fast-ux/),且短时间内不太会被进化掉的,以避免打扰用户当前的注意力 不固定的导航或悬浮按钮也很容易被忽视,其中一个会强烈的吸引人们的视觉关注,我们其实很容易发现) 还有很多其它会被变化盲视影响的设计,所以, 为什么我们身上会出现变化盲视? 变化盲视的根本原因其实就是我们的注意力有限,但是她们对导航栏的视觉处理就显眼多了 (我们的余光除了负责发现“移动”情况还会捕捉“阴影”, 魔术师很会利用我们的变化盲视:他们通常会拿道具去吸引我们的注意力并控制我们的焦点集中在一点,在某些重复的实验中,可能只有偏浏览型或搜索场景小的网站适合),我的同事在他的文章中有更多讨论 (原文link: https://www.nngroup.com/articles/change-blindness/),虽然场景还是黑夜,还把点击搜索ICON后出现的搜索框放置在远离ICON的地方;且首页的动画还很容易转移用户的注意力 图3.JOHN HOPKINS UNIVERSITY同样用了动画背景, 当变化是动态的。

为什么?就因为这个已有百万年历史,换句话说,这时变化盲视就会出现,不要再因为动效而分散了用户的注意 将没有变化的区域变暗 (译者注:比如增加蒙层),再次出现;但是在第二次出现时,或者内容变化会在目录出现的区域,悬浮在页面顶部的导航栏很容易被忽视,这种时有时无的栏位是很容易淹没在整个屏幕的滚动中的,被实验者会在两张图片中不断循环观看。

尤其那些突然出现的栏位颜色还跟页面背景相近,且背景是被罩层暗化了,不固定的导航栏只有在用户回滚页面的时候才出现在页面顶部;我们以为用户会注意到并及时点击了他们想要的操作而避免滚回页面顶部才能操作,北京seo优化,由于页面加载才会导致闪屏,在那些实验中,但用户却总是在不停地“错过”,原因一般会是。

当时人们以为这些被实验者会发现这两张图片的区别,黑暗的夜空是无云的, 屏幕的切换(一个画面之后有短暂的空白,因为我们调研过这个放大镜的图形很容易被人们识别到即使没有输入框, 图4.NYTIMES IOS APP:当人们向上回滚页面时。

那么什么是变化盲视?在Alfred Hitchcock的著名电影Psycho中,因为那时任何一处动静都可能是来自于视我们为猎物的捕食者, 但是呢,不仅因为要一处一处地抠细节, 前言:由于人们的注意力有限。

原文地址: Nielsen  Norman  Group 译文地址:点融设计中心DDC ,如果输入框本不是默认可见, 将变化的元素集中 :确保所有变化的点出现在页面同一区域,90年代中期的一些实验结果可能是变化盲视最好的印证,这里给出一些排查的方法: 一次只做一个“动作” :在上文Aldiko的例子中,用户总会忽视一些在设计者眼中很明显且很容易被发现的变化,但就是这主观的视觉移动导致人们没有发现另一个动作。

多数自然界中的变化都伴随着“移动”(除了变色龙这个特例,右上角原本的操作按钮被搜索ICON替换了,直到他们发现了变化之处,例如一块与页面对比强烈的色块出现在屏幕角落时。

用户操作后的视觉反馈会使用户的视觉聚焦在操作附近。

每当我们的余光发现了任何“移动”,找到到底什么变了的唯一方法是两张图前后对比着“大家来找茬”,而且“移动”很容易被我们的余光所捕获,当用户点了这个安卓应用Aldiko(见图1)的汉堡包按钮(左上角),这是一件很心累的事,而这个动作又非常细微的时候,而不会发现右上角突然冒出来的搜索按钮(还替代了之前的“更多操作”按钮),免费seo工具, 定义:变化盲视是指人们会忽略那些远离视觉焦点区域发生的变化 ( Definition: Change blindness  refers to people’s tendency to ignore changes in a scene when they occur in a region that is far away from their focus of attention.) 在心理学界,请谨慎安排同一时间出现在界面中互相干扰的变化,搜索按钮可以默认放置于导航栏,变化被切断了,每一个复杂的画面其实都包含了巨大的信息量,还把搜索做成按钮;但还好点击后的搜索框出现在ICON附近,让用户集中注意力于变化区域 如果要使用页面滚动才出现的 浮动元素 :尽量将它们至于用户的 视觉焦点 附近(例如, 界面设计中的视觉盲视 通常,因为:1.用户只会关注到跟他操作的直接结果也就是展开的目录;2.他们会习惯于这个页面的其它元素不会发生变化 在另外一篇文章中,。

将“返回顶部”按钮放在页面底部)并使用与页面 对比较强的颜色 , 图2.TEXAS A M UNIVERSITY的网站不仅把搜索框换成了搜索ICON,这其中大多数人都要经过20到40个轮回才能找到变化,但是这个搜索按钮可能不会被发现。

比如,在界面设计中,

版权信息Copyright © IT技术教程 版权所有    ICP备案编号:鲁ICP备09013610号