总结几个产品交互设计原则


什么是交互设计?这是一个很泛的概念,很多人讲交互都会试图去区分交互设计、UI设计和体验设计等。但是我个人觉得,这些东西根本没有界限。UI层面也涉及交互、交互也是一种体验设计,没必要把他们彻底分裂出来。每个术语只是侧重点不同,交互设计侧重的就是机器与人的互动。

互动的方式不限于视觉、触觉、听觉甚至嗅觉。总而言之要让机器活起来,聪明起来。那么就有一些人提出了一些让机器看起来聪明一点的原则了。

1、目的性原则

做任何设计都要搞清楚一件事,设计的目的是什么?

设计,本身就是一场阴谋,有的设计是为了让人上瘾,有的设计是为了从你口袋里掏钱,这不是坏事,《王者荣耀》也不是坏事,在资本主义社会里,个人依照他们自己的利益行动时也会提升共同体的福祉,这是一个叫亚当斯密的老伯说的。

产品设计需要基于业务需求和场景进行,或者你觉得这是一句废话,但是当你被各种方案包围的时候,把目的想清楚,结论也就出来了。明确设计目的,很重要。

2、可视性原则

状态可见是交互设计中最基础的原则。任何一个操作都需要得到反馈。但是大家不要误会,可视性原则不止是视觉上的反馈,同时还包括听觉、触觉等反馈。移动端的加载提示、铃声以及震动,都能给用户反馈。上面说交互设计要让机器变聪明,那么可视性就是起码不要让用户觉得机器笨。。。

总结几个产品交互设计原则

今日头条的Loading图标

3、一致性原则

与系统交互一致。每个厂商都有自己的交互原则说明,包括iOS、安卓、window等等。这里除了苹果的开发者比较听话之外(不听话苹果爸爸不给上架),其他系统的(国内)开发者貌似都不怎么乖。但每个平台总会有其特点,与系统交互一致,本质上会降低用户学习的成本。

应用内交互一致。这也是降低学习成本的途径。应用的配色、排版、文案、控件、提示等最好是统一风格。做设计的都知道CRAP原则,R——Repetition(重复),一致性就体现了这个原则,所以无论在体验还是美感上,保持一致相当重要。

总结几个产品交互设计原则

BiliBili中一致的卡通风格图标

4、映射性原则

有没有一样新东西,是不需要经过思考就能操作的?很多,例如音量键,加号和减号,放大和减小音量,一个智商正常的人靠直觉就能操作。还有汽车方向盘、圆形的门把手等。

当然,直觉其实一种习惯的结果,能不能让用户看到某个动作或形态,就产生条件反射,这需要结合用户的文化背景。把这种条件反射运用在交互设计,可以大大降低用户的学习成本。同时,也让用户自以为自己很聪明。呵呵

总结几个产品交互设计原则

微信小程序提供的各类按钮

5、限制性原则

这里说的限制性原则包含了限制和容错。第一,预防用户进行错误的操作;第二,出现错误操作后的修正。

结合上面说的映射性,大家看到一些蓝色的文字,自然会联想到什么——可点击。如果不能让用户多次点击怎么办?变灰咯,一种不可点击的状态。可是用户想搞事情,狂按怎么办?这时候就该提示了——再作我弄死你!

举个小案例,iPhone锁屏的的时候,收到了来电,要怎么接听呢——右滑。这看上去很多余啊,苹果智障吗?但是结合实际使用场景,如果在不使用手机的时候,按一下就接听,是不是极其容易误触?而滑一下既简单又能容错,所以一个小小的交互细节,能把体验提升N倍。

总结几个产品交互设计原则

iPhone的锁屏接听界面

6、简约原则

相对前面提到的可视性、限制性原则,简约原则其实相对没有那么重要。毕竟前面的原则是从决定一个交互设计是否有效,而简约性则是为了优化用户体验。但是,在互联网应用高度同质化的时候,能提高用户体验则变得十分重要。

简约有几个方面可以做,首先是减少用户操作,触摸屏最大的优势是可以进行多种多样的操作,一定要合理利用这个优势。

以输入为例,不用多说,输入是十分麻烦的一件事,所以现在连登陆验证都不用输入验证码了,直接是点击或拖动图片。如何减少输入?多给选项、保存输入历史等方式同样可以考虑。

同时结合系统特性,多使用滑动、长按、下拉等,也是极其方便的。但是不要忘了映射原则,尽量不要让用户学,就算要学最好也是一次就会。

以上就是一些产品交互设计的基础性原则,也许是因为太基础,很多人觉得学这种东西实在侮辱智商,但是工作中却总会忽视这些细节。要么是道理还没懂,要么就是不走心咯~


作者:尘贱

微信公众号:Bookish

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/33741/

(0)
TinadminTinadmin
上一篇 2017-08-02 04:20
下一篇 2017-08-02

相关推荐

  • 如何机智地向外行人解释交互设计到底做什么的

    破除对交互设计师的三大误解,交互设计师不等于视觉设计师不等于美工,且不会几分钟做个logo,机智向外行解释交互设计师到底做什么

  • 交互设计中的心理学

    整理认知心理学中对交互设计(用户研究)有所启发的一些知识点(参考《认知与设计——理解UI设计准则》)包括:中央凹与边界视野——如何呈现信息以获取注意力格式塔原理——如何处理不同界面元素的关系时间感知——如何让…

  • 交互设计基本功-pc端

    很多小伙伴0基础想转ux,看了很多网上的文章和书,但是依然不知道具体怎样入手。看完这篇文章,你就可以真正的入门了。1、按钮的5种状态1)正常状态:可以点击且没有进行任何动作的状态2)鼠标悬停时状态:鼠标停留…

    2017-08-01
  • 常逛这3个交互设计类网站,轻松get设计技巧和灵感

    DribbbleDribbble是一个著名的UI设计、交互设计社区,许多设计师寻找灵感,与设计师同行进行交流切磋等都会到这里来。 它面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查…

    2017-08-02
  • 交互设计用户模型建立

    点击信息与交互设计关注我们!Persona交互设计用户模型建立:一、什么是用户模型?Persona([pə:'səunə]):(Persona是用户模型的的简称)是虚构出的一个用户用来代表一个用户群。一个persona可以比任何一个真实…

    2017-08-01
  • 交互留学 | 交互设计中人机工程学应用的11个小贴士

    许多手机的设计都存在一个问题:从表面上看很不错,但当你真正使用它的时候,你会发现设计者忽略了一个最重要的因素—人机工程学,与人类肢体(而不是其他)相匹配的高超艺术才是设计界的幕后英雄。对工业设计师来说…

    2017-08-01
  • iOS10 交互设计启示

    导读:本文用交互设计的思维对iOS10的新特性进行分析。撇开平时我们考虑的界面排布,页面元素等问题不谈,将视角转移到屏幕外的东西:如时间维度的,空间维度的,手势操作等等,以提升我们的用户体验。本文作者是蘑…

    2017-08-04
  • 交互设计不是你以为的那样,思考过这些才能入门

    作者:UI中国会员 呆呆丶, 交互设计师转载请务必注明。原文链接:http://www.ui.cn/detail/138186.html封面题图 by 设计师 Ken Lo1  新手对交互设计的几个误区  交互设计是做动效的(如果你是这么认为的…

    2017-07-31
  • 交互新人:如何做用户体验设计

    嗯,毕业来了公司5个月,接触了一些项目,本该早点写些总结,拖延症发作拖延至今。作为交互设计的新人,需要学习和反思的还挺多。 在学校的时候,看了很多书,学了很多理论,一直都希望能够应用起来,来公司发现很…

  • 卡片短信:如何把交互设计做成一门生意?

        点击信息与交互设计关注我们! 欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn最近使用安卓手机走查竞品,发现安卓的短信大变样,变成了卡片式短信,经过深入了解发现,卡片式短信的背后…

    2017-08-01