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

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

什么是交互设计师?


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

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

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

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

本章先从交互设计师入门基础原型制作中,应该遵循的视觉心理进行总结。经过长期的调研,在视觉心理学方面总结了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

相关推荐

  • 交互设计的闭环体验

    交互闭环体验的定义交互设计的闭环体验体现在产品的每个功能的细节上,产品可以看作是一整套交互的集合。一般只涉及一种使用场景的交互,只体现为一种功能,且只完成一件事。比如:修改设置、上传文件、设定闹钟、更改密码、打开家用电器、登录、设置状态消息、收藏等。交互设计的闭环体验主要由4方面构成:触发控件:交互闭环的起始点设计规则:交互闭环所遵循的交互方式信息反馈:用户与产品的互动过程关闭(循环)模式:交互闭环过程的结束(循环)模式交互闭环体验的定...

    2018-02-14
  • 【优秀作业展示】交互设计基础(一)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

    2018-04-04
  • 李斌:用户体验是商业变革的核心 ▏笔记

    混沌大学2017年商业创新第29课与做“车”相关领域的互联网人中,你很难再找到一个经历比李斌更加丰富的人。作为易车网的创办者、蔚来的操盘手和摩拜单车的天使投资人,李斌已经在汽车领域创业18年。对于创新的商业模式,李斌认为核心在于重新定义用户体验。伟大的商业模式变革,都不是从商业模式出发的。李斌老师在混沌大学授课授课老师|李斌易车网、蔚来汽车创始人、董事长,兼任摩拜单车董事长过去20年互联网获得的巨大成功告诉我们,用户只会为好的体验买单。...

    2018-04-06
  • 提升POS产品交互设计实践

    用户体验User Experience,简称UE/UX)ISO9241-210标准将其定义为 “人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。简单来说就是人使用产品的感觉。用户体验的重要性不言而喻。用户体验的好坏,可以直接决定一款产品的命运;好的用户体验,会带来更多的用户,为企业创造更多价值。交互设计(Interaction Design,简称IxD)交互设计作为用户体验的重要组成部分,是指在人与产品、服务、或系统之...

    2018-02-09
  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12
  • 无障碍的交互设计,需要做到这7点

    先从字面上来理解何为“无障碍”。生活中许多场所中,除了供给正常人使用的区域外,还有一些针对工作人员、特殊人员(残障人士、老弱病残、孕妇等)的无障碍通道/设施,比如:机场、地铁、厕所、展会等。无障碍设施/通道是能够兼容普通人员和特殊人员共同使用的,且相对来说使用起来更为便捷、直接、且省时省力。-交互中的无障碍需要考虑到哪两方面?-那么交互中的无障碍又有哪几层含义呢?从常规的使用人群来看,首先要满足普通人群使用。其次,当一个优秀产品具有一定...

    2018-03-31
  • 小白学Axure,这样学更高效,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第6期开启报名!从第1期到现在,1400多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)先来看看学习效果全程实操,学完高效制作原型,做出高保真认真学完,原型效率提升,更...

    2018-03-04
  • 陌陌:不全面商业化 不伤害用户体验

    关注订阅号“电商大世界”,海量电商资讯文章打包阅读以下文章数据,由电商大世界 "AI-贝贝",采集、分拣,由编辑 北风整理发布。电商本周要闻:阿里慧聪两大人事变动阿里巴巴B2B事业群总裁戴珊接任速卖通阿里巴巴集团合伙人、B2B事业群总裁戴珊将直接负责全球速卖通业务,而原阿里巴巴全球速卖通总经理沈涤凡,将出任阿里健康CEO。据了解,全球化战略是阿里未来20年的三大核心战略之一。业内人士认为,戴珊此次接任速卖通业务,不仅说明以速卖通为代表的...

    2018-04-01
  • 交互设计|回复评论功能设计

    力匕小2在思考简单可行的产品方法论阝勹廴匚之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。我们首先来看下几种评论的展示位置。1. 内容详情页展示全部评论内容如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、...

    2018-03-02
  • Excel表格常用快捷键大全之11-20个(含操作演示)

    温馨提示:零基础或者对Excel不熟悉的小伙伴,请在公众号后台回复数字:1,免费学习滴答老师的全套Excel小白脱白系列视频教程。第十一,选定当前活动单元格区域比如,咱们需要给A1:C18单元格区域加上边框,首先得选中这些单元格。除了用鼠标拖动选择之外,还可以使用下面的两个快捷键:鼠标随便放在A1:C18单元格区域之间的任意单元格,按下Ctrl+Shift+*(星号)或者Ctrl+A就可以快速选定当前活动单元格区域。第十二,excel选...

    2018-03-18