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

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

什么是交互设计师?


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

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

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

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

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

相关推荐

  • 通过SEO提高网站用户体验

    爱美之心人皆有之,在内容相同的情况下一个干净清楚的页面必然要比一个杂乱无章的页面更吸引访客注意,更能留住访客的目光和逗留的脚步。在用户体验问题上,通过SEO优化分析的过程是可以帮助提升网站的用户体验的。那SEO与用户体验冲突吗?通过SEO优化是否能够提高网站的用户体验呢?有人说SEO和文章用户体验是相矛盾的,因为在网站SEO的优化过程中,SEOer将其关注点更多的放在了关键词排名、流量的提升上,他们并不会过多的关注网站用户体验,其实不然...

    2018-03-30
  • 交互设计文档怎么写? | 设计基础

    摘要交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员有一致的工作目标,而有良好体验的交互稿,还能够便于各方理解,提高后期开发对设计的还原度,提高各方工作效率。对于一个设计团队来说,统一的文档规范和设计规范,不仅能够减少合作方的学习成本,提升设计师和设计部门影响力。即使产品不同需求不同设计师不同...

    2018-02-09
  • 人工智能对用户体验的影响

    最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨大影响;如果关系到国家安全,整个社会的秩序都会被扰乱,所以...

    2018-03-26
  • 玩转交互设计,给景观来点生命力!

    景观设计从一开始关注项日的审美性,再到功能性,全社会对于它的要求已经在逐步升高。现代景观设计中,公园、绿地,甚至校园景观、风景名胜区等需要从单纯的生态意义中提升到一个更高的层次。在诸多国内的项日中,虽然将“以自然为题,以人为本”定为设计目标,但是往往停留在服务于人们行为上的舒适性、安全性,而忽略了人性中的更多需求。与此同时,人们每天被层出不穷的新鲜事物所包围,绿色环境对人的吸引力逐渐降低。在现代化工业大发展的背景下,人与人、与其他生物间...

    2018-02-07
  • 国内大公司的交互设计实习面试经验总结

    沈天宇 :看着拉钩、脉脉上关于互联网岗位的信息,找一个交互设计的岗位几乎要面对100个人的竞争。想想我面前站着100个人,我要赤手空拳的打败他们,这画面简直不敢想。所以一开始我完全不知道我到底能找到一个什么样的工作,大概有一种「大爷赏口饭吃」的姿态去找实习。毕竟,我们实验室也好几年没出过阿里的人了,我也感觉我没那么优秀。面对如此严峻的就业形势,恩,首先还是开始找实习吧。这是一个最坏的时代,(一点也不好。),而且也许以后会更坏。对于找工作...

    2018-02-01
  • 《用户体验要素》 读书笔记 (3)第四章 范围层

    范围层主要解决功能规格和内容需求只有明确定义出来,你和你的团队才知道你正们在做什么同时你才知道你不需要做什么1. 范围层定义1)范围层需要同时做两件事情:规定过程(日程安排和里程碑);生产产品。2)范围层的功能和内容要明确的定义出来:只有明确定义出来,你和你的团队才知道你们正在做什么,团队中的不同角色才能有共同的参照标准;同时你才知道你们不需要做什么,同时你才知道你不需要做什么,因为这个过程中会不断出现新的需求,要结合你的规划、新需求与...

    2018-04-09
  • 交互设计可以区分出一个好的产品和一个差的产品——「得米Micah」

    这是 Bestony 推荐给你的第141个公众号基础信息公众号名称: 得米Micah公众号类型:文章型订阅号公众号ID:MicahDesign更新频次:不定期更新简介今天为大家分享的公众号来自一个交互设计师 Micah 。搞互联网的或多或少都听过这个岗位,我在网易待过,也曾经为外包公司干活,也为初创企业作过技术服务,很多时候,不同产品的区别最大的点可能便是在于交互设计。小公司或外包公司会有设计师,但是是我们所说的「视觉设计师」,而大公司...

    2018-03-15
  • UED专访 | 魏娜:设计由情感而生

    📌 编辑 | Belinda.L《漂亮的房子》播至第三阶段,福鼎站的房子即将展现在观众面前,UED采访了“小溪家”的建筑师魏娜,探寻项目背后的情感设计。魏  娜WEI 建筑设计创始合伙人、主创建筑师魏娜于2013年发布过一条微博,感谢UED杂志的建筑师赠刊上精心的小细节。而她与UED的缘分其实从更早之前就已开始了。UED杂志特别赠刊烫印有建筑师姓名 ©魏娜“从2009年我们事务所刚刚成立的时候,UED就开始给予我们很大的支持,在这近9年...

    2018-02-02
  • 百度贴吧体验升级背后的故事,用户洞察与交互升级

    作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的方式来解决,邀请用户与设计师一起,参与到品牌升级...

    2018-01-30
  • “桥”的创想——中安创谷“创业者之桥”设计全球征集于中科大正式启动

    📌 编辑 | P.S3月15日,中安创谷创业者之桥设计全球征集启动会于中国科学技术大学西区成功举办。标志着全球征集活动正式启动。来自中国科学技术大学、合肥工业大学、安徽大学、安徽建筑大学的师生、本地孵化机构负责人、创业团队、媒体代表等近200人参加了启动会。中安创谷科技园是中国当下以“众创空间、孵化器、加速器、产业基地和基金集群”为主要业态的科技园代表之一,“创业者之桥”作为连接一期、二期园区的重要纽带,对园区的整体性及交通流线起着重要...

    2018-03-17