美文网首页Bookish产品经济学@产品
总结几个产品交互设计原则

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

作者: Bookish_陈键 | 来源:发表于2017-07-30 01:22 被阅读105次

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

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

    1、目的性原则

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

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

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

    2、可视性原则

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

    今日头条的Loading图标

    3、一致性原则

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

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

    BiliBili中一致的卡通风格图标

    4、映射性原则

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

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

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

    5、限制性原则

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

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

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

    iPhone的锁屏接听界面

    6、简约原则

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

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

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

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

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


    作者:尘贱

    微信公众号:Bookish

    相关文章

      网友评论

        本文标题:总结几个产品交互设计原则

        本文链接:https://www.haomeiwen.com/subject/sumxkxtx.html