企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
文章来源网络 这本书里面的小贴士是非常有用的,但小贴士有100个之多,而且并不是每一个都对交互设计有用,因此筛选出了20个我认为的重点,方便以后自己快速查找和回忆。 1、整体认知主要依靠周边视觉而非中央视觉 * 人们看电脑屏幕时会用到周边视觉,而且经常只扫一眼周边视觉区域便以此判断整个页面的内容。 这也是为什么网页大多都居中显示的原因(如下图,轻页网站首页居中显示) ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/6/7/3/564376.png) * 如果你想让用户集中注意力观察屏幕某处,就别在周边视觉区域内放置动画和闪烁元素。 如下图:唯品会商品加入购物车时的动效,让用户关注侧边栏的购物车 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/7/7/3/564377.gif) 2、人在识别物体时会寻找规律 * 既然人会不由自主的寻找规律,那就尽量多使用规律,利用分组和间隔创造规律![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/5/5/1/567155.png) 如下图,微信“我”页面、QQ动态页面利用分组和间隔来创造规律,也让用户更方便查找和触达。 * 要让某个物体(例如图标)易于识别,就用简单的几何图形来画它,这会让构成物体的几何离子更加明显,从而使人更快、更轻松地识别该物体。 例如滴滴打车的新图标,图标简洁且容易识别,能帮助用户在APP繁多的屏幕中快速识别出来。 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/9/7/3/564379.png) * 多用二维元素、少用三维元素,大脑以二维形式接收人眼观察到的信息,因此屏幕上的三维图形可能会减慢识别和理解的速度。 这也是为什么现在的设计趋势走向扁平化的一大原因 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/0/8/3/564380.jpg) 3、大脑有专门识别人脸的区域 * 人在观看网页时,首先会对人脸做出识别和反应 * 在网页上直视用户的脸最具感染力,也许因为眼睛是面部最重要的部分 * 如果网页上的人眼看着旁边的位置或者产品,那么人们往往也会看向相同的一处,但未必关注,只是看而已。 看下面这张图片,你的视线是不是不由自主的聚焦在模特的眼睛部分 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/1/8/3/564381.png) 4、略微侧向俯视是想象物体的标准视角 * 标准视角的画像和物体更容易识别和记忆 * 如果你的网页或者APP里包含一些图标,那么不妨把它们画成标准视角。 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/8/8/3/564388.png) 5、人可能会对变化视而不见 * 不要认为物体出现在屏幕上就一定会被用户看见,特别是刷新页面出现变化时,用户可能完全意识不到页面前后的区别 * 如果你要保证用户注意到界面上的某处变化,应该增加视觉提示或听觉提示 * 这个例子就比较多了,新消息来时的语音提示,页面刷新时“哔”的一声 6、9%的男性和0.5%的女性是色盲 * 设计配色方案时,请考虑使用所有人都能正常识别的颜色,如不同色度的褐色和黄色,避免使用红色、蓝色、绿色。可以用www.vischeck.com或者colorfilter.wickline.org来检查色盲所见效果如何。(网站需翻墙,累觉不爱) 7、人一次只能记住四项事物 * 可以通过组块将“四”变多,比如电话号码分组:130 5555 6666 ;在导航设计时,最好也只有四个。 8、回忆会重构记忆 * 如果你正在就某个产品测试或者采访客户,那么你的用词会影响对方回忆的结果 * 别依靠人们对各自经历的回忆,人无法准确记忆过去的言行和见闻。 * 最好在现场观察用户如何使用你的产品,酌情采信客户事后说的话,比如他们事后回想的产品使用经验。 9、人更擅长处理小块信息 * 使用渐进的方式呈现信息,仅在用户需要时才展示他们需要的信息。用链接引导用户获得更多详情 * 如果不得不在让用户点击和让用户动脑之前做出取舍,那么多几次点击,少一点动脑思考吧。 如QQ新闻中顶部bar作为大板块分类,页面中显示该版块下的内容,再点击相应内容进入详情。 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/2/8/3/564382.png) 10、短任务操作会让人们更容易完成任务 * 比如注册时将填写手机、验证码、邮箱、密码等等信息全部放在一个页面,用户每填写一个信息时都需要进行分辨,将会加重用户的心理负担和时间紧迫感 * 但如果你将任务拆分成几步,并让用户少动脑子,用户会觉得更加容易完成 例如,微信公众平台注册页面的短任务操作,减轻了用户的心理负担 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/3/8/3/564383.png) 11、人可以进入心流状态 * 全身心投入其中,其他的事情都暂时抛开,你几乎忘记了时间,忘记自己是谁,身在何方,这种状态就是心流状态 * 如果你试图引发用户的心流状态,那么你应该:把很难的操作拆分成几步,既要让人们认为当前的目标可以完成,又不能让用户觉得过于简单、给用户持续的反馈、尽量减少干扰 例如在淘宝网购物流程中,在购物车页面会推荐页面以增加交易额,但一旦用户进入支付流程,为了引发并促使用户付款的心流状态完成,支付页面不会有任何外联接口。 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/4/8/3/564384.png) ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/5/8/3/564385.png) 12、注意力只能维持十分钟 * 作为设计师,你需要时常假设自己只能抓住用户7-10分钟的注意力 * 如果不得不超过10分钟,可以介绍一些新信息或者通过休息来调剂 * 在线演示和教程的时长控制在7分钟以内 13、勾人六事:危险、食物、性、移动、人脸和故事 * 想吸引用户注意力?在页面上使用食物、性或危险相关的图片 * 近景人脸同样引人注意 * 尽量多讲故事 ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/6/8/3/564386.png) 14、竞争者较少时人们更有竞争的动力 * 出现10个以上竞争者时会挫伤大家竞争的意愿 15、说谎因为媒介的不同而不同 * 人们在打电话时说谎最多,电子邮件其次,用纸笔时说谎最少。 * 做用户调研时,一对一的纸笔调研才是最准确的 16、人在压力下会犯错 * 如果人们在做一项无聊的工作,那么你需要通过声音、色彩或运动来提升唤醒水平 * 如果人们在做复杂困难的工作,那么你需要通过消除色彩、声音或运动等干扰因素来降低唤醒水平,除非这些因素于他们正在做的工作相关联 17、人希望拥有超出能力范围的选择和信息 * 克制向消费者提供过多选择的冲动 * 如果你问人们想要多少中选择,他们几乎都会说“许多”或者“给我全部选择”。因此如果你问的话,要准备好与他们所要的不同的选择 * 如果可能的话,将选择的数量限制为三四种。如果你不得不提供更多选择,尝试着使用渐进方法。例如,让人们首先从三四种选择,然后再从子集中进行选择 18、人将选择等同于控制 * 人们需要感受到一切尽在控制中,并且拥有更多的选择 * 你要提供不止一种方法,哪怕其他的方法效率不高,但这样人们可以有更多选择 * 一旦人们拥有了选择权,就不能失去,否则就会很不高兴。如果产品的新版本做出了很多更新,也要保留一些旧版本的方法,这样人们会觉得有了更多的选择。 * 假如你要完全剔除旧版本,也要等用户熟悉了新版本的方法,再慢慢剔除。 19、人为强势者所影响 * 在小组发言环节中,最具有支配欲的人往往最先发言,也最容易影响最终结果 * 如果要召开小组会议,让每个组员先写下自己的想法,并且在会前相互传阅,避免盲从强势的人。 20、人在不确定时会让其他人做决定 * 人们很容易受他人观点和行为的影响,尤其是在自身不确定的时候 * 如果想影响他人的行为,可以使用证书、评分和评论 * 有关评分人和评论人的信息越多,评分或评论产生的影响力就越大 如下图AppStore里两个APP的评分,灵域的评分比较好,也促成了交易的达成。而熊猫TV的评分很低,影响了新用户下载率。(最可怕的是这个排序最靠前的熊猫TV是一个户外直播,不能注册也没给出相应的说明,其实排序第二的那个APP才是真正用户想要下载的熊猫TV) ![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/7/8/3/564387.png) 到这里《设计师要懂心理学》这本书的读书笔记已经记录完成了,希望对大家能有所帮助。