掌握交互设计思想,从用户视觉心理开始

什么是交互设计师?在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互...

什么是交互设计师?


在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。

掌握交互设计思想,从用户视觉心理开始

而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互设计师只存在于大型公司内,在创业公司或中型公司的产品经理承担了交互设计的角色。在工作的过程中,我们需要了解基础的交互设计思想,方便我们更有规律且正确的进行交互设计。

从今天开始,我每周都会整理一篇基础的交互设计相关的基础文章,不是为了获得眼球,只为了自己更好的学习。

本章先从交互设计师入门基础原型制作中,应该遵循的视觉心理进行总结。经过长期的调研,在视觉心理学方面总结了5项原则如下:

 1. 相似性原则,人们会把相似的东西归为一类。


     如下图,其中包含圆形和矩形,就算两行矩形中穿插了圆形,你是否也将同位矩形的划为一类了呢

   

掌握交互设计思想,从用户视觉心理开始

另外,在相似性原则里穿插另一个原则—相关性。我们需要学会用视觉元素来表达功能的相关性,譬如优酷的弹幕和评论设计,弹幕与评论在进行点赞/踩时,操作行为相同,色系也相同。这就是相关功能采用相同的视觉元素进行表达,更利于用户的理解。

掌握交互设计思想,从用户视觉心理开始

 2. 靠近性原则,人们会把靠近的东西分为一组。


如下图a与图b的对比,图a中组与组之间具有比较大的间隔,用户自然会将距离比较远的元素区分开来。         

掌握交互设计思想,从用户视觉心理开始

图a


掌握交互设计思想,从用户视觉心理开始

图b

3. 封闭性原则,人们会将封闭的东西看成一组

 

如下图右侧商品,设计师用将3个商品用近乎封闭式的方式隔开,让用户很容易区分是3组商品。若我们将线条全部去掉,用户就比较难判断哪些元素为一组。

掌握交互设计思想,从用户视觉心理开始

4. 连续性原则,人们会将连续的东西看成一组


    如app交互设计中,我们经常遇见左划查看更多的交互操作,我们会将这些连续的数据看成是性质相同的同类数据,设计时一定要注意,默认展示的最后一个元素一定要部分显示,让用户知道后面还有内容。

掌握交互设计思想,从用户视觉心理开始

5. 对称性原则,视觉平衡会更加美观


 如下图a,是不是预感到左侧即将下沉,无法保持平衡的感觉,感觉内心痒痒的不舒服

掌握交互设计思想,从用户视觉心理开始

图a


如下图b就会感觉貌似可以维持平衡的感觉,这就是对称性原则,根据现实生活中,人们看事物更习惯平衡的角度去设计你的交互,会让用户内容更容易接受更加舒服。

掌握交互设计思想,从用户视觉心理开始

6. 感情因素

善于运用文字和卡通形象,以拟人化的方式向用户表达出能够打动人类的情感,会让用户对产品的记忆点更加深刻。如下图,卡通形象那么可怜,而且用抛弃的字眼,抓住了用户的同情心,若我下一次再有需求的时候,说不定第一个想到的就是你

掌握交互设计思想,从用户视觉心理开始

掌握交互设计思想,从用户视觉心理开始



以上便是今日全部的内容,不管是专业的交互设计师还是产品经理都需要懂得一定的交互知识,而用户视觉心理是日常工作中做交互设计时需掌握的最基础的知识。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36724/

(0)
交互精选交互精选
上一篇 2018-04-26
下一篇 2018-04-26

相关推荐

  • 芝加哥艺术学院交互设计硕士成功案例

    等你点蓝字关注都等出蜘蛛网了学生档案毕业院校:北京某大学本科专业:网络设计本科平均分:3.45申请学位:硕士申请专业:交互设计TOEFL:95GRE:无案例回放W同学是2015年10月底进入公司服务体系的,想要申请2017年秋季入学的设计类相关专业。通过第一次电话联系,名校规划导师了解到W同学的基本情况是:北京某大学网络设计专业学生,GPA:3.45,TOEFL:77分,没有GRE成绩。再通过头脑风暴课上的深入挖掘,名校规划导师更全面更...

    2018-04-26
  • 随想:智能车人机交互设计三要素

    BYTON拜腾标志性的共享体验屏和触摸式方向盘近期会总结下自己对智能车、自动驾驶人机交互相关的思考,很碎片,想到哪总结到哪。今天先写智能车相关的内容。这里的智能车先缩小范围到还需要人类驾驶员的智能网联汽车。1、总结之前,有个疑问。我很想知道各大车企在研发测试智能车的时候,是否有认真、大量地拿真实用户、真实场景,而非实验室场景去测试其诸如中控大屏这样的智能产品/功能?在我的印象里,或许车企更多的测试依旧在传统意义上汽车这一交通工具的性能、...

    2018-04-22
  • 广告与用户体验只能二选一?

    最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体验造成很大的影响,特别是移动端,因为屏幕有限更是“寸土寸金”,一不小心就会引起用户反感...

    2018-04-04
  • 智能窗帘:场景化智能应用 让用户体验“懒”生活

    科技总是带给我们惊喜。智能家居不再是一个研发层面的概念,在日常生活中已经越来越普及。智能窗帘是智能家居系统中常常被忽视,却又见微知著的家装部分。智能窗帘无需手动,一键掌控家居空间的透光度,智能防紫外线、隔音隔热和保温环保,给用户细致的关怀。智能窗帘的场景化智能应用,让用户体验懒惰带来的享受。冬天清晨,想打开窗帘让阳光温暖房间,却又懒得起身离开暖被窝,使用智能窗帘,应时自动打开,敞开度适宜,光线强弱刚刚好,惬意的在阳光中醒来。炎热夏日,离...

    2018-02-25
  • 如何平衡用户体验和商业变现

    互联网公司往往会面对怎样平衡用户体验和商业变现的问题。其中最常见也是最典型的代表就是,作为互联网公司商业模式之一的广告,某种程度上会影响用户体验。比如广告数量过多、与用户需求根本不相关等,这都会引起用户的反感。而在Facebook看来,这并非是一个无解的问题。在1月21日举办的2018极客公园创新大会上,Facebook工程总监范鹏分享了Facebook平衡用户体验与商业变现问题的4个原则。范鹏认为,用户体验与商业变现之间产生的问题其实...

    2018-02-10
  • 用Axure写PRD:虎扑app产品需求文档(附下载链接)

    需求文档是产品经理的基本功,产品小白入门的必经之路,但对于小白来说,没经历过一个完整的项目,自然也没有产品可以写,所以倒推产品是一个练手的好方法。Axure也是产品经理的基本功,画原型图的利器,但axure不止是能画原型,还可以用来写prd,正如臻龙大神说的做这样一个一体化产品需求文档出于的目的就是传统的方式产生的文件过多,过于杂乱,不易整理和回溯。如果把每个版本的内容都整理在一个html中,这样无论是团队协作还是文档回溯都能大大提高效...

    2018-03-15
  • 【招商零售】海底捞VS胖东来:用户体验背后的成功基因

    点击上方“聪聪说零售”可订阅哦!招商证券零售组:许荣聪、邹恒超近期的“老鼠门”事件再将海底捞推向风口浪尖,食品安全问题再次引发关注,但与一般公关危机不同的是,本次事件发生后没有出现一边倒的对海底捞的口诛笔伐,反而海底捞及时坦率的回应得到不少消费者的理解和支持。海底捞能坦然面对此次

    微信热点 2018-05-02
  • 你们做交互设计都使用哪些权威的工具呢?

    达内UI设计,中国UID课程标准制定者工具是设计师的重要榜首,好的设计离不开好的工具,那么你交互设计都使用哪些权威的工具呢?本文为大家总结一下。哪里能学到企业需要的设计技术?2018学设计到哪里学就业更好?零基础学设计多久能学会?转行学设计学完好就业么?1月达内UI免费训练营火热报名中,全程大咖级讲师亲授,为你解析UI行业发展趋势,就业前景,帮你了解设计,轻松入门,更快一步成为设计大牛!马上阅读原文或者回复:姓名+电话+城市报名吧!好消...

    2018-01-30
  • 一款运动类APP的产品交互设计全过程(两万字干货)

    这次的分享是前不久完成的一次比较完整的交互设计工作,基本上涵盖了前、中、后期的完整流程,包括前期的定位分析、用户调研、业务需求分析、目标用户画像、用户需求分析、关键因素分解、路径分析,完整的交互设计文档,以及后期的可用性测试,希望对需求分析、交互设计或可用性测试感兴趣的朋友们有用。1第一卷 需求分析1概述1.1 产品目标以运动为主题,选定某一种运动形式,完成一款 APP 产品的交互设计,内容集中在统计和分享运动量方面。1.2 关键词分解...

    2018-01-31
  • 用户体验与结婚教练

    我的朋友文敏,在做一个工作——结婚教练。具体就是指导30岁以上,下定决心要结婚的女生,如何在一年半之内搞定结婚。而且她的这套方法,已经帮助30多个30多岁的女生结婚了。我就很好奇,想了解她的核心方法,然后发现,几乎她是严格按照产品方法论,来培训想结婚的熟女,如何做判断、做交互、做优化。而判断、交互和优化三者,判断肯定是第一位的。古人云“男怕入错行,女怕嫁错郎”。第一步的判断和选择,决定了一个人在一个点线面体上的位置。而她做判断的方法,基...

    2018-02-02