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


什么是交互设计?这是一个很泛的概念,很多人讲交互都会试图去区分交互设计、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-08-04
  • 交互设计的3种场景:需求场景、环境场景和手机场景

    实习期间,每次给导师讨论方案或者问题的时候,导师总是会冒出来一句:你这个设计点依据的场景是什么?在给产品经理展示方案的时候,产品经理也会冒出来一句:你有没有考虑过这里的使用场景。甚至于,只要发现他们…

    2017-08-04
  • 初步谈谈iOS11的交互设计

    这是一篇很赶的文章。源于我看到iOS11的介绍后的一些想法,希望能在此跟大家聊聊。从iOS11的更新中我们可以看到苹果的两个方向:1、提升iOS的生产力;2、应用之间更加的无缝衔接和单应用的无声扩张。我们来看第一个…

    2017-08-01
  • 看了都说好!如何建立交互设计自查表?

    强烈推荐!很多同学做设计的时候经常会漏掉这个漏掉那个,等到开发来问的时候才想到。现在有了网易同学自创的自查表,可以把一些问题提前预防起来,文章系统全面,条理性强,是不可多得的实用好文呦。飞灵:对于移…

    2017-08-01
  • 一个视觉交互设计失败的案例

    本文由PMCAFF 原创作者 臻龙 原创发布于pmcaff.com最近在做产品设计时,遇到了一个非常典型的设计失败案例。这个案例反应了一些老生常谈的问题,我觉得非常有意思。好看的设计未必好用我负责的是一款秀场类产品,近…

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

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

    2017-07-31
  • 如何应对交互设计中的技术实现问题

    数十万互联网从业者的共同关注!作者: 山晓,作者授权早读课转载。公众号:LEX设计生(ID:Lex-design)编辑:Dva技术实现是交互设计的last but not the least环节,甚至有时应该是设计优先考虑的问题,毕竟…

    2017-08-02
  • 交互设计控件之按钮设计

    ♝点击上方“交互设计学堂”关注我们,送电子书一.主按钮和次按钮很多按钮是成对出现的,比如“确定”和“取消”。一般情况下,按钮会有主次之分,一个按钮是我们期望用户去做的,另一个按钮是在特殊情况下才去做的。主次按…

    2017-08-04
  • 交互设计五要素

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

  • 泡泡UI英语:交互设计精髓1

    最近在读《About Face 4:交互设计精髓》,他全面系统地讲述了交互设计过程、原理和方法,涵盖内容广,刨析知识深,被奉为交互设计指南。也正因为如此,大量的专业词汇给阅读造成了不小的难度,推荐大家双语共读,…

    2017-08-01