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

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

什么是交互设计师?


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

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

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

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

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

相关推荐

  • UED 戊戌狗年第一波招聘已送达!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

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

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

    2018-03-04
  • 美国|四大艺术院校交互设计解析,不要等毕业后才发现读了个假的专业

    今天的主题是交互设计,有同学希望了解美国开设此类专业的院校,并获取各个院校的教学内容侧重方面的信息。于是,康石石选择了美国四所具有代表性的院校为同学们进行介绍:艺术中心设计学院(ACCD)卡内基梅隆大学(CMU)纽约视觉艺术学院(SVA)普瑞特设计学院(Pratt)一、艺术中心设计学院(Art Center College of Design)交互设计:本科ACCD交互设计专业只开设本科阶段课程,学习时长8个学期。尖端的课程设置,旨在培...

    2018-05-07
  • 立足用户体验 “好换灯”助力雷士赢得好口碑

    2018注定是不平凡之年。全面开展质量提升行动,推进与国际先进水平对标达标,弘扬工匠精神,来一场中国制造的品质革命。2018年,雷士照明将迎来20周年庆典。雷士照明正在以此为契机,潜心修练,以促进雷士品牌再上新台阶。2018年被雷士照明定义为“品质服务提升年”,并于近期在全国开展了“诚信3·15,惠民大行动”为主题的“好换灯”主题推广活动,帮助千家万户升级改造居家光环境,传递雷士照明“全国性升级服务”“免费服务”理念。雷士“好换灯”全国...

    2018-03-16
  • 4个关键词总结,如何把用户体验做到极致?

    作者:@烧包鹿全文共 4530 字 6 图,阅读需要 10 分钟———— / BEGIN / ————上周五约了朋友吃晚饭,提前约的顺风车。由于堵车,司机到了办公区的北门。经过沟通,我从定位地点过去找他。四扇车窗都是开的,他坐在驾驶位,烟刚抽了三分之二,后视镜旁还有未散尽的烟雾。他回头看见了我,我朝他微笑示意。确认了眼神,我是他的乘客。他马上把烟灭了,左手在空中挥了挥,右手向左转了一下空调按钮,抬起头在空中胡乱吹了几口气。隔着车窗看见副...

    2018-04-30
  • UED专访 | 李冀:建筑设计的唯一性与多样性

    📌 编辑 | XK P.S建筑行业之所以能百花竞放是因为有人独树一帜,自成一派有人匠心筑梦,执著务实在各展所长的事务所里李冀的原地工作室像潜生的植物一样有着自己的节奏与坚守静默地成长着……©UED我们常说懂一个作品应是知其然并知其所以然。本次我们专访内容围绕李冀及其原地建筑事务所作品展开,以长白山河谷别墅群等作品为切入点,尽可能多地去探究建筑建造过程的一些原由故事,倾听设计师还原当时的设计思路,了解作品从无到有精细入微的生长。也许你会因...

    2018-02-08
  • 从用户体验的角度聊《南方公园:手机破坏者》是如何盈利的

    原文作者:Matt Suckley & DeltaDNA欢迎回到In-App Purchase Inspector,在这里我们会以消费者的视角,定期测评一些F2P游戏。每期文章,我们都会考虑游戏中IAP的诱因、压力、它们的感知价值、IAP带来的扩展内容还有整个游戏体验的评估。最终目的就是看看这游戏究竟值不值得我们砸钱,不花钱的游戏体验是否也能让玩家感到满足。本期文章,我们与数据分析公司DeltaDNA合作,对改编自动画情景喜剧《南方公园...

    2018-04-02
  • 微站三大更新,优化用户体验!

    微盟新云微盟官方产品发布平台关注微站加粉组件上线后,商户快速使用该功能向微信公众号或个人微信号引流。为了让商户掌握引流情况,近日微站上线了加粉组件的数据明细功能,帮助商户分析数据,优化内容。新增加粉组件的数据明细功能描述:包含加粉点击次数与人数两项统计,商户从微站→店铺→数据→页面分析,查看数据明细。通过数据分析,商户可以获取引流的实际情况,优化加粉组件位置和页面布局。(加粉组件:微站最新上线的一个引流功能,商户在微站后台编辑时,点击微...

    2018-04-10
  • 亚马逊语音交互设计规范(三)Alexa的回应

    作者:Amazon翻译:原形必录这篇是整个设计规范的重点,因为在设计语音交互时最主要的就是Alexa的回复内容,本篇给出了很多让对话更自然易懂的方法,希望对大家有帮助。往期回顾:《亚马逊语音交互设计规范(一)设计流程》《亚马逊语音交互设计规范(二)用户说的内容》本文讲的是Alexa如何表达能让人们更容易理解和更好的回应。Alexa能够以自然的对话方式来回应、通知,还能问问题。 在设计Alexa对用户说什么时,我们可以参考以下做法。本章目...

    2018-03-18
  • 产品能力(一)——用户体验要素

    上周开始学习梁宁老师的产品思维三十讲,颇有收获。由于内容很多,分几期总结,与大家一同分享。首先说说我选择学习这门课程的理由,产品能力是一个人的底层能力,之所以这么定义,是因为它具有判断信息,抓住要点,整合有限的资源,把自己的价值打包成一个产品向世界交付,并且获得回报的闭环能力圈。下面我正式开篇,结合我自己的工作经验,总结课程中所学到的知识点。一、产品和好的产品人生无处无产品,工作中提交的邮件和报表,生活中给亲人提供的暖心话语和烹饪的佳肴...

    2018-02-12