交互设计知识总结-程序员宅基地

技术标签: ui  交互  axure  

一、什么是交互设计?

1.1 先来看一下百度百科的定义

交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。

交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。

交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析,关注以人为本的用户需求。简而言之,交互设计是解决特定场景下的人群如何高效使用机器或软件的目标行为。

1.2 为什么要做交互设计

在使用网站,软件,消费产品或各种服务的时候(实际上是在同它们交互),使用过程中的感觉就是一种交互体验。随着网络和新技术的发展,各种新产品和交互方式越来越多,人们也越来越重视对交互的体验。

当大型计算机刚刚研制出来的时候,可能为当初的使用者本身就是该行业的专家,没有人去关注使用者的感觉;相反,一切都围绕机器的需要来组织,程序员通过打孔卡片来输入机器语言,输出结果也是机器语言,那个时候同计算机交互的重心是机器本身。

当计算机系统的用户越来越由普通大众组成的时候,对交互体验的关注也越来越迫切了。因此交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了。

从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。

通过对产品的界面和行为进行交互设计,让产品和它的使用者之间建立一种有机关系,从而可以有效达到使用者的目标,这就是交互设计的目的。

二、 常用原则之尼尔森十大可用性原则

2.1、状态可见原则

系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。

即在用户操作界面功能时给予实时反馈,例如:页面加载状态提示、按钮点击后的状态变化、进度条提示等。

2.2、环境贴切原则

设计的一切表现和表述,尽可能贴近用户所在的环境,将现实环境的操作功能巧妙的转化为线上功能,使其贴近用户。使用用户能听懂的专业术语,涉及到专业化语言时要转化成用户熟悉的语言。

即模拟真实的事物,使用户更容易理解。例如:天气应用中的天气插图、音乐播放器的胶片都是生活中熟悉的场景和物品,降低理解成本。

2.3、操作可控原则

对于用户的误操作,提供二次确认或者撤销的功能,这样可提高用户的操作可控性。

例如:删除联系人二次确认提示、消息可撤回操作。

2. 4、一致性原则

遵循统一的产品设计规范/逻辑。这里的一致性包含产品和跨平台产品之间的一致性。

一致性包含视觉交互、文案描述、组建样式等,例如:微信小程序设计规范。

2.5、防错原则

设置防错的机制,减少用户犯错。在用户选择动作发生之前,就要防止用户容易混淆或者错误的选择。

例如:用户名称校验提示、手机号码位数限制等。

2.6、易取原则

减少用户记忆负荷,在适合的时机给用户需要获取的信息。

例如:验证码读取、找人转账提示等。

2.7、灵活高效原则

提供灵活的操作和高效的获取信息能力。

例如:手机号码一键登录、消息关键字识别等。

2.8、优美简约原则

保留产品最主要的信息,如果不是优先级最高,要尽一切可能避免去影响产品的简洁和美观。

2.9、容错原则

用户在使用产品过程中出现了问题,及时准确的告知用户出现问题的原因。

例如:信息输入提示、搜索无结果等。

2.10、提供人性化帮助

在用户需要的时候提供必要的帮助说明。

例如:新功能引导、解释说明文案等。

三、 七个交互设计定律

3.1、菲兹定律

点击一个目标的时间同以下两个因素有关:

(1)设备当前位置和目标位置的距离(D)。距离越长,所用时间越长;

(2)目标的大小(S)。目标越大,所用时间越短。

该定律经常运用于鼠标从点A到点B的运动。

例如常用按钮的尺寸设计等。

3.2、希克定律

一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。

交互设计中要合理设置选项,以免用户使用中决策时间过长,降低使用效率。

3.3、米勒7±2定律

乔治米勒对短时记忆能力进行了定量研究,他发现人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了 5-9 项信息后人类的头脑就开始出错。

例如:手机号码的分位显示、应用中标签栏数量等

3.4、邻近性法则

人们通常将距离近的事物划分为一组。

界面设计中可以用对象间的相对距离来区分信息层级。

3.5、复杂性守恒定律

每个应用程序都具有其内在的、无法简化的复杂度。无论在产品开发环节还是在用户与产品的交互环节,这一固有的复杂度都无法依照我们的意愿去除,只能设法调整、平衡。

例如:在智能手机出现之前,手机上的操作按钮都是实体按钮。在智能手机出现手,手机被整个屏幕占据后,所有的操作都集合在了手机系统之中,等于把物理操作转移到了系统操作中,其本身的功能复杂程度并没有发生改变,只是转移了而已。

3.6、防错原则

大部分的意外都是由设计的疏忽,而不是人为操作疏忽。因此,在设计中要有必要的防错机制;在此,特别要注意在用户操作具有毁灭性效果的功能时要有提示,防止用户犯不可挽回的错误。

例如:登录时用户名校验,手机号码位数限制等。

3.7、奥卡姆剃刀原则

“切勿浪费较多东西去做,用较少的东西,同样可以做好的事情。

”这个原理称为“如无必要,勿增实体”,即“简单有效原理”。

在设计中可以使用户关注最主要的信息而非其它无关紧要的事物,从而提升使用效率。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wym310/article/details/131382137

智能推荐

Caused by: java.lang.ClassNotFoundException:com.netflix.hystrix.contrib.javanica.aop.aspectj.Hystrix_caused by: java.lang.classnotfoundexception: com.n-程序员宅基地

文章浏览阅读1.6w次,点赞6次,收藏6次。在给SpringCloud OpenFeign 模块添加Hystrix Dashboard 时,pom 文件已经添加如下依赖:<!-- 熔断器监控 依赖 --> <dependency> <groupId>org.springframework.cloud</groupId> <artifactId>spr..._caused by: java.lang.classnotfoundexception: com.netflix.hystrix.contrib.jav

Docker镜像简介-程序员宅基地

文章浏览阅读865次。镜像是一种轻量级、可执行的独立软件包,它包含运行某个软件所需的所有内容,我们把应用程序和配置依赖打包好行程一个可交付的运行环境(包括代码、运行时需要的库、环境变量和配置文件等),这个打包好的运行环境就是image镜像文件。_docker镜像

生成toeplitz矩阵的Python实现代码_python 生成拓普利兹矩阵库函数-程序员宅基地

文章浏览阅读2.8k次。托普利兹矩阵的主对角线上的元素相等,平行于主对角线的线上的元素也相等_python 生成拓普利兹矩阵库函数

2019/3/31acm周三(三人)/LightOJ - 1005/数学/找规律/坑题_小明同学在参加一场考试,考试时间2个小时。试卷上一共有n道题目,小明要在规定时间-程序员宅基地

文章浏览阅读126次。LightOJ - 1005 坑爆(注意空格会提醒wa)LightOJ - 1005 A rook is a piece used in the game of chess which is played on a board of square grids. A rook can only move vertically or horizontally from its current po..._小明同学在参加一场考试,考试时间2个小时。试卷上一共有n道题目,小明要在规定时间

AutoCAD Civil 3D-横断面-创建横断面、横断面图及采样线的编辑(断面法工程量计算)_civil3d 横断面 长度标签-程序员宅基地

文章浏览阅读9.2k次,点赞2次,收藏10次。AutoCAD Civil 3D的功能很强大,强大到很多功能事实上是我们不需要的。对于仅需要使用断面法计算工程量的童鞋来说,需要掌握的知识点主要有:1、展点(参见相关与点有关的博文);2、成地形(创建曲面,曲面有关的博文第一节,后面的有关样式、曲面操作属于进修内容,计算方量可先忽略);3、剖断横断面(本文内容)出方量表,OK,搞定,Let's go!在前面的道路模型的章节中..._civil3d 横断面 长度标签

Flutter初体验-03-逻辑端_flutter dart_ping-程序员宅基地

文章浏览阅读194次。采用flutter开发的网络设备扫描工具,逻辑端_flutter dart_ping

随便推点

elk笔记16--aggs-Bucket Aggregations_elk aggs-程序员宅基地

文章浏览阅读795次。elk笔记16--aggs-Bucket Aggregations1 Bucketing 介绍2 Bucket Aggregations 分类2.1 Terms Aggregation2.2 Global aggregators2.3 Histogram Aggregation2.4 Date Histogram Aggregation2.5 Date Range Aggregation2.6 Range Aggregation待补充3 注意事项4 说明本文对聚合中的bucket类型聚合进行进一步介绍,包_elk aggs

算法设计与分析期末复习大全(算法填充题+综合题)-程序员宅基地

文章浏览阅读9.9k次,点赞16次,收藏399次。算法设计与分析(第二版)期末复习算法填充题综合题_算法设计与分析期末

C++构造和析构_c++ 析构比构造多-程序员宅基地

文章浏览阅读185次。构造函数构造函数的作用是给类中的数据成员初始化,在一个类对象产生的时候自动调用,构造函数分为带参构造、无参构造。带参、无参构造他俩唯一的区别就是一个有参数,一个没参数,视实际情况使用class CMyC{ int a; float b; char ch[10];public: CMyC(int a,float b,char *ch);//带参 CMyC(..._c++ 析构比构造多

树莓派基础设置-显示中文和添加中文输入法_树莓派输入法图标不显示-程序员宅基地

文章浏览阅读2k次。显示中文和添加中文输入法因为树莓派默认是采用英文字库的,而且系统里没有预装中文,所以你即使在locale中改成中文,也不会显示中文,只会显示一堆方块。因此我们需要手动来安装中文字库。干货:1.打开终端输入以下命令安装中文字库sudo apt-get install ttf-way-zenhei安装过程中如果碰到(y/n)都选择y2.安装中文输入法scim-pinyi..._树莓派输入法图标不显示

什么是 immutable-程序员宅基地

文章浏览阅读2.5w次,点赞15次,收藏80次。immutable 基础入门什么是immutableimmutable(不可改变的)immutable是一种持久化数据。一旦被创建就不会被修改。修改immutable对象的时候返回新的immutable。但是原数据不会改变。原理:持久化数据结构为什么要使用immutable在Rudux中因为深拷贝对性能的消耗太大了(用到了递归,逐层拷贝每个节点)。但当你使用immutable数据的时候:只会拷贝你改变的节点,从而达到了节省性能。总结:immutable的不可变性让纯函数更强大,每次都_immutable

struts.xml 中配置常量constant详解_struts.xml constant-程序员宅基地

文章浏览阅读869次。一、配置:在struts2中配置常量的方式有三种:在struts.xml文件中配置 在web.xml文件中配置 在sturts.propreties文件中配置1.之所以使用struts.propreties文件配置,是因为为了保持与WebWork的向后兼容 2.在实际开发中,在web.xml中配置常量相比其他两种,需要更多的代码量,会降低了web.xml的可读性 3._struts.xml constant