1 / 17
文档名称:

隐藏在背后的交互设计.pdf

格式:pdf   大小:978KB   页数:17页
下载后只包含 1 个 PDF 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

隐藏在背后的交互设计.pdf

上传人:莫欺少年穷 2021/3/20 文件大小:978 KB

下载得到文件列表

隐藏在背后的交互设计.pdf

文档介绍

文档介绍:隐藏在背后的交互设计
外行人对交互设计的第一印象是什么?画线框图的?做草稿的?
的确,大家所看到交互设计师的日常工作成果都是一些线框图,从表面上理解的确是这样。
其实,交互设计师做的远远不止这些。往深一步想,信息架构、界面、流程,都是设计师需要考虑
的问题。下面,想谈一下我理解的交互设计。
交互设计最重要的两个因素:信息&互动

人们每天面对那么多信息,在杂乱的信息中筛选出对用户有价值的,呈现给用户,帮助用户做选择
,指引用户完成任务。信息的筛选直接影响着用户使用,在用户需要的时候无法提供有用的信息,
将导致任务无法进行下去。所以信息是交互设计师需要关注的第一要素。

有了信息后,就需要设计用户如何与这些信息进行互动了。信息的分类、布局将影响用户与信息的
交互。用户获取信息后,做出了反应,采取了行动,应用也需要有来有往地给予足够的反馈,来协
助用户完成任务。
以上2要素,都是从用户直观感受上去体现的,也就是说往往是表现在用户界面上。我们可以把它
称之为“看得见的交互设计”。
具体的形式包括:
信息架构:把筛选好的信息进行分类,通过页面来承载这些信息,并且把信息(页面)的层次规划

界面设计:把信息在一个页面上进行布局
流程设计:把一个任务中涉及的页面信息串联起来,使任务形成一个线性流的关系
以上三个关键点,是对交互设计师的基本要求,很多情况下,非专业人员也能做得7788,但还有一
部分的交互设计,并不是直观能看到的,也许用户会轻 微感受到,但他总在不经意间使用户使用得
更加流畅。我们可以把它称之为“看不见的交互设计”。而这些看不见的交互设计,也是初级交互设
计师容易忽略的。
如今移动互联网发展迅速,移动产品对这些看不见的交互设计更为注重。因为移动应用的使用场景
、网络环境、使用心态都与用户在使用web产品时有着大大的不同。所以在了解这些看不见的交互
设计时前,需要对移动应用的情景有一定的了解。

用户在使用移动产品,有可能会在户外人多的公众场合使用,这时候需要特别注意移动应用设计的
隐私安全。
用户有可能在家里、在床上、在厕所,用着各种姿态使用产品,所以对交互的便利性和容错性要特
别注意

网络环境是“看不见的交互设计中”非常关键的一点。用户会在2G、3G、wifi甚至无联网的情况下使
用产品,所以对于各种网络环境进行合理的交互设计是移动产品交互设计师需要考虑的重中之重

产品的存在是为了解决用户的问题,而移动产品是用户的贴身工具,当用户需要时,能立刻开始
运作,需要快速、直接、有效,用户不喜欢等待。有研究结果表示:
在移动产品这种特殊的环境下,“看不见的交互设计”会相较于web产品更为重要,特别是针对网络
环境和用户等待的体验需要特别注意
下面将展开讨论一下“看不见的交互设计”
总的来讲,可以归结为三大点:



加载机制
通常情况下,我们使用的绝大部分是网络App,他的工作原理是这样的
用户在客户端的界面上进行操作,客户端发送请求到服务器,服务器处理请求,返回数据给客户端
,并显示给用户
其中,客户端和服务器的交互过程,用户是感知不到的,而他确实会耗费时间,在不同的网络环境
下耗费的时间也会有所差异,如何让用户在这段时间里有友好的体验呢?这时候“加载过程”起了
作用。
加载过程的关键可以总结为:



进度条是一个针对加载过程很好的设计
动态的加载进度表示产品正在工作,总进度和当前进度能让用户及时了解情况,让用户能根据这些
信息预判时间,有了心理预期
有趣的进度条设计or在加载过程中展示一些功能介绍提示(常用于游戏)能有效减少用户等待时的
焦躁心理,也能有效地提高用户的容忍度
进度条是web产品时代的产物,还有另外一种加载设计,就是加载图标
由于移动产品请求的数据量并不大,所以进度条往往会在一瞬间就完成了,在这种情境下,简化了
加载的设计,很多移动产品转而使用加载图标来表示加载过程
以上为两种比较常用的加载方式,下面将具体介绍他们与移动产品结合的用法
页面加载机制
移动产品的信息都是通过页面来承载的,页面的加载方案设计是交互设计师面临的一个重要难题
方案一:单页面整体加载
这种加载比较简单,一般