交互设计中的一些原则

大家好!我是IT修真院深圳分院第七期的学员杨帅,一枚正直纯洁善良的PM 今天给大家分享一下,修真院官网pm(职业)任务2,深度思考中的知识点——交互设计的原则。

目录


1.什么是交互设计?


2.经典六原则


3.设计原则怎么用?

定义:

交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。(来自百度百科) 对于当下的互联网产品,交互设计使互联网技术变得有用、可用并且乐于被大家使用。这也正是交互设计在软件和互联网领域得到迅速发展的原因。交互设计师将工程师产出的原材料塑造成人们喜欢的产品。随着互联网的成熟,创建和驱动它的技术也逐渐成熟,互联网变得不仅可以提供内容,更可以用它来做事。 在移动设备上通过无线网络访问互联网,也改变了我们传统的交互地点和方式。iPhone当年的出现开创了交互设计的新时代。
  


二、原则


先来抛一个老D在早年刚接触交互设计的时候最为大家所认可的几条设计原则: 1.可学习性 目标用户在已有的知识和经验基础上,能正确理解产品界面,无需要思考而一目了然;或者是用户通过自己的学习,借助提示或帮助说明,能够理解产品界面。则界面具有了可学习性。 可学习的内容包括:明确当前所在位置,知道当前能干什么、接下来要干什么,能快速辨别界面中的元素并明白其功能。在设计时可采用合理的隐喻、习惯用法、有效的启示。例如手机中收音机的调频显示和音量大小控制,模拟真实收音机,一目了然。其实这是隐喻的手法,隐喻是非常利于新用户学习的,从现实世界中直接映射过来。 
2.一致性 在相似的情景下,应在几个方面保持一致性:视觉表现、交互行为、操作结果。良好的一致性,可以减少用户学习成本培养用户习惯,也可体现产品设计的严谨。如果有不同,应作相应的区别处理,特别是视觉表现上要予以区分。淘宝、当当、唯品会等网购类型的网站,无论你以什么形式搜索商品,到最后出现的商品都是以表格形式呈现。到你选择商品进入详细页面,对应位置都有相关商品的详细信息、商品评价。再到添加到购物车或直接购买,一系列的交互行为都有一致性。
3.简洁性 少即是多,尽可能精简界面上的元素。当设计出原型,先将元素减半,然后再看能否再简化。生活其实很简单,但很多时候我们人为将其复杂化了。保证主要任务流程顺利完成,消减其余不相关元素的干扰。 简洁体现在四个方面:减轻视觉干扰、精简文字表述、简化操作步骤。孢子社区的新用户注册是我见过在操作步骤和文字描述上最简洁的,略去了常见的验证码、动态码、重复输入密码的操作。

4.流畅性 用户操作连贯,任务完成顺畅,避免干扰或打断。明确最基本的核心任务,并保证它的顺利执行,辅助操作应在不影响核心任务的基础上展开。 避免干扰,让用户明确在特定界面中的首要任务和目标,尽可能避免界面上的视觉噪音和其他干扰;避免打断,让用户的操作保持连贯性,模态框的使用要谨慎。Gmail在把邮件删除后,会将删除的弹框设计成List Notification非模态这种方式,提醒用户撤销刚才的删除操作,这种的处理,让删除的流程更加顺畅和轻松自如。

5.及时反馈 界面中任何可操作的地方,当用户发生操作时,都应该及时给予反馈。让用户了解操作已经生效,界面还在用户的控制之下。反馈内容包括:用户操作反馈和产品状态反馈。 操作反馈,指的是界面元素在用户进行滑过、点击、移开等操作时,元素的反馈变化。状态反馈,指的是产品在运行需要用户等待或者系统出错时的反馈,让用户明白状况。迅雷每次下载完成都有声音提醒音乐播放时的进度条显示就是这类反馈。
6.可探索性 用户在使用产品过程也是一个探索过程,产品应该允许用户犯错,即使犯错了也不能埋怨用户,而且必须给用户重新尝试的机会,让用户处于放松的心态。 设计过程中,首先要帮助用户避免出错,比如采用合适的控件(相同情况下选择控件比输入控件出错机会更小),给予输入帮助或启示。在登陆邮箱的过程中如果忘记密码,在登陆图标的旁边会有一个”忘记密码?”的提示图标,来提醒用户不用担心,点击进入来解决问题。用户出错后,需要提供撤销或返回功能,使用户返回到上一步操作重新探索。出错反馈要亲和,避免责备用户或鲁莽的打断或推出产品,要礼貌的指出错误所在并提供有用的补救建议。
三、执行

虽然设计原则众多,但是可以分为四类: 一、设计价值:这个是设计工作是否有效的必要条件,决定了一下几个层次的次级原则 二、概念设计:用来界定产品定义,产品如何融入广泛的使用场景 三、行为原则:描述产品在一般情景和特殊情景应有的行为 四、界面原则:描述行为及信息有效的视觉传达 亲爱的小伙伴,看不太懂吧?嘿嘿,老D来解读一下吧! 设计价值:其实就是这个设计是否符合用户的需求,是否满足用户的目标,交互设计在这一层次能够为用户做什么。这一层做不好,后边的都免谈 概念设计:产品是怎么使用的?以什么形式呈现给用户?是Web还是App?是为新手做引导还是为中间用户提供方便等等 行为原则:这个才是我们上边提到的一堆设计原则,什么及时反馈啦、可学习啦。 界面原则:这个就是“布局要突出重点”啦、“一个界面同时最好完成一个任务啦”等等 Alan Cooper不愧是大师,提出的四个层次一下就把那么多零七碎八的设计原则统统收在自己的框架之下了。

参考文献:《设计应以人为本!谈谈交互原则的那些事儿》

PPT

视频

交互设计中的一些原则交互设计中的一些原则