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


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

相关推荐

  • 交互设计的专业性——用户体验认知与落地

    作者:司马西(简书作者)原文地址:http://www.jianshu.com/p/ee34d566766cIXDC获授权转载前言从事设计与交互设计工作已6年有余,一直以来、无论圈内圈外都会谈到交互设计是什么?具体做什么?交互的价值是什么?…

  • 交互设计必杀技:如何做一名高效的“陪产婆”

    数十万互联网从业者的共同关注!作者:臭脸任。作者授权早读课发表,转载请联系作者。微信公众号:臭脸任的慢生活(ID:choulianren-renyi)欢迎投稿到早读课,投稿邮箱:mm@zaodula.com问题起源于臭脸君开始转战给i…

    2017-08-01
  • 非设计专业的学生,如何系统的学习交互设计

    数十万互联网从业者的共同关注!作者:青溪Joanna微信公众号:qingxizhaji(青溪札记)作者投稿早读课发表,转载请联系作者。曾经我也是一名非设计专业的学生,作为自动化专业的硕士希望自学做交互设计,有很长一段…

    2017-08-02
  • 12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02
  • 经典必备知识!什么是交互设计的三大法则?

    @十萬個為什麽 :本文提到的三大铁律在交互设计中的地位接近圣经。细细品读,你会发现现代最流行的用户界面,都采用了这本里程碑式的著作中的概念与技巧,其中也包括微软和苹果的设备 >>>科幻作家艾萨克·…

    2017-08-01
  • 交互设计中的心理学

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

  • 准备入行交互设计之前,先来搞清楚这些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-03
  • 【交互设计】Dribbble上的 UI 大神MIKE作品欣赏

    Dribbble 上的UI 大神MIKE作品欣赏幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片…

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

    数十万互联网从业者的共同关注!作者:MOGU_Dribbbler。作者授权早读课发表,转载请联系作者。来源:站酷。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com背景前段时间被一篇名为《从iOS10设计指南变化看设计的新趋势…

    2017-08-04
  • 破茧成蝶读书笔记

    01什么是用户体验  用户体验:使用一个产品时的主观感受 用户体验设计:提升用户体验而做的设计 书中讲到首先我们要明确什么是设计?设计不等于艺术。我了解到的是,设计是解决问题的,艺术是提出问题的。 书中两口…