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

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

什么是交互设计师?


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

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

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

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

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

相关推荐

  • 【曝光台】用户体验不佳 “海带宝”屡遭投诉

    导读凭借业内领先的电子物流平台和遍布全球的优质物流资源,海带宝为全球跨境电商、代购平台提供一站式综合进口物流解决方案。然而,据“电子商务消费纠纷调解平台”(微信ID:DSWQ315)接到的用户投诉维权案例统计,“海带宝”存在提现等待队伍长、转运速度慢、用户体验不佳等问题。电子商务研究中心(100EC.CN)了解到,深圳海带宝网络科技股份有限公司成立于2013年8月,是一家基于互联网智能化物流解决方案的高新技术企业,国内现有员工300余名...

    2018-04-26
  • UED专访 | 张永和、王昀:寻找未来城市共生的答案

    📌编辑、剪辑| P.S📌采访| YHz2017年10月16日,全球天文学界联合发布一项新的重大发现,在1.3亿光年外,双中子星合并产生的引力波带着他的伴侣首次造访地球,这次长途跋涉的旅行为人类探索宇宙打开了新的大门。从爱因斯坦预言引力波到如今的发现,百年间,人类在探索未知空间的同时,也不断改造着我们的生存家园。着眼当下,我们对未来城市有何新的畅想?下文中有张永和、王昀专访视频不要错过!!!未来城市探讨在UED之前的采访中,厦门大学建筑与...

    2018-02-08
  • 关于用户体验

    产品不被喜欢的原因是漏了什么?答案是用户体验。如果你是一个产品经理,是否有深刻思考过这个问题呢?有人会说思考过,但似乎没什么用,产品还是不被喜欢。那是用户体验不重要,还是我们思考的不够呢?答案是后者。首先我们提出本篇要解决的核心问题:如何让产品被喜欢?(说明一下,这个产品可以是某种实物性的产品,也可以是一种服务性的产品。)这个问题提出后,很多人的脑海中会蹦出质量好、外观精致、用的舒服、服务周到等,但想到这些的人,一定还会有一个感受,就是...

    2018-04-09
  • Axure如何制作圆形加载效果?

    01新建一个矩形,去掉底部边框02调整矩形的圆角半径03设置颜色,命名为“半圆1”04复制半圆,垂直翻转,命名“半圆2”05新建矩形,命名“矩形遮挡”06设置“半圆1”的交互样式07“矩形遮挡”遮挡“半圆1”,“半圆2”隐藏08设置“矩形遮挡”交互样式09点击预览

    2018-03-29
  • sketch都能设计海报了?PS爸爸慌了...

    sketch只能做界面设计?曾经我也这么觉得,自从我知道了他的这款插件——looper惊!呆!了!大写的“服”,sketch你越来越接地气了,废话不多说了,让我们先欣赏一张我用这款插件做的一张海报:不得不说,他打破了我对sketch的偏见,对线条的处理过渡很自然到位,我做的时候只花了5分钟,没错!5分钟搞定!所以重点来了:如何用looper做到这张海报的效果呢?第①步1.下载安装包2.双击  looper.sketchplugin完成安...

    2018-03-09
  • UI设计师最该考虑微交互的设计

    前言什么是微交互?微交互是用户在完成某个小任务时产生的交互体验。例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互。为什么称为“微交互”呢?所谓的“微”其实就是指的产品的细节设计。微交互正在成为产品设计中越来越重要的部分。正如同Charles Eames曾经所说,“细节并不只是细节,它是构建起整个设计的基本元素。”你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘...

    2018-04-20
  • 看过英国院校的交互设计之后,你还想报国内的同专业吗?

    今天我们来聊一聊交英国的互设计专业。随着网络和新技术的发展,人们越来越重视交互的体验,许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响,交互设计师也越来越受到重视。因此,许多同学在高考填报志愿时,会选择交互设计专业。国内开设交互设计专业的院校较少,即便有,也是和工业设计剪不断理还乱,分为实体产品和互联网产品两种方向。国内交互专业普遍存在的问题是,学校教的知识过于浅显泛泛,教学内容与行业需求脱节。...

    2018-02-26
  • 巴塞罗那发团丨LES FONTS DEL LLOBREGAT探寻自然一日游

    看腻了古镇城堡?看够了沙滩海岛?那就跟随我们深入略夫雷加特河的源头Fonts del Llobregat来一次悠闲的探寻自然之旅吧!发团日期:2月17日行程价格:42欧/人行程包含:1.大巴游览2. 西语陪同导游3. 餐食午餐包括:escalivada炭烤蔬菜拼盘,加泰罗尼亚沙拉,咸火腿,白肠、黑肠、香肠拼盘,Escudella炖菜,酱汁bandejas de pies de poco,蘑菇牛肉+烤鸡肉甜品:Bunyols amb mo...

    2018-02-05
  • 用户体验设计师的进阶指南

    互联网行业大步流星、产品迭代周期越来越短,设计挑战日趋严峻。作为一名奋斗在前沿的设计师,你有多久没有更新自己的知识体系了呢?不论新人还是老司机,如何让自己的成长速度跟上行业的飞速发展,已然成为了一个重要命题。本文旨在帮助设计师正确、快速的成长,希望给进阶之路上的设计者们带来思考和启发(注:本文主要是指互联网产品设计、用户体验设计、交互设计、视觉设计等相关设计岗位)。我们认为,只有明确了努力的方向、找到了合适的方法、优化了学习的路径,才能...

    2018-03-14
  • 人工智能对用户体验的影响

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

    2018-03-26