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


什么是交互设计?这是一个很泛的概念,很多人讲交互都会试图去区分交互设计、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

相关推荐

  • 交互设计是什么?

    昨天认识一个新朋友,叫小木,在一家酒店做管理。小木问我做什么,每次这个时候我都会犯难。交互设计师,边回答边看着小木迷惑的脸,我知道又要解释一番了。这是历来对朋友解释过的交互设计是什么的情形:①交互设计…

    2017-07-31
  • 交互设计基础 | 移动APP中反馈提示的设计方法与实例

    给用户及时、恰当的反馈,是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中,对操作反馈从形式、内容、位置几个方面做了非常详细的总结,满满干货。今天@青溪Joanna 这篇读书笔记…

    2017-07-31
  • 交互设计五要素

    在交互设计中,我们要了解这一过程的流程是什么?总体可以分为五个要素:目的、用户、场景、媒介、行为。1、目的:首先要弄清楚,这个产品或功能的目的是什么?目的是为了解决用户的某个需求或者给公司带来价值,这…

  • 互联网理财平台交互设计再设计

    一、项目背景互联网理财平台,支付渠道升级,由原来的新浪托管换成富友、宝付支付。这就意味着平台需要对账户资产页面及交易流程进行重新设计。用户在购买理财产品时,只能通过平台的账户余额进行购买。如果账户余…

    2017-08-01
  • 交互设计自学攻略

    交互设计是一个现在很热的岗位,工资待遇,发展前景都比较好。一些学工业设计,计算机,心理学及相关专业的人都想加入其中。 但国内大学只有少量开设相关的专业,而且集中在设计名校,如(清华,西交大,北理,江南…

    2015-08-19
  • 三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

    2017-08-04
  • UI交互设计手册

    Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。今天为大家分享一些Good UI 在一些项目中获取的设计以及运营策略等方…

    2017-08-01
  • 交互设计新人必看:怎样让你的线框图发挥出真正价值?

    当一个想法出来之后我们都知道先用线框画下来,但是画着画着,总觉得不对劲,总觉得加上视觉元素之后才能真正看出效果来。原作者:Dustin Senos翻译:zhuyuxuan地址:http://www.ui.cn/detail/148272.html转载请经…

    2017-08-01
  • 认知心理学与交互设计(1)--识别容易,回忆很难

    ♝点击上方“交互设计学堂”关注我们,送电子书这是一个新的系列,主要内容来自《认知与设计--理解UI设计准则》,经过重新整理并加入一些自己的思考。识别和回忆是记忆的两个重要功能,识别是指根据记忆对某个物体做出…

    2017-08-01
  • 交互设计新人在阿里的走心实习总结 ▏新手设计成长指南

    互联网行业的设计师,工作中是埋头苦干?还是想要寻找一些能真正提升自己的“诀窍”?其实很多时候,所谓“诀窍”,就是厘清自己的思路,让成长有正确的方向。本文的作者走心地梳理了他在阿里几个月的实习期里为他留下…

    2017-08-04