codecamp

交互设计最重要的两个因素

外行人对交互设计的第一印象是什么?画线框图的?做草稿的?

的确,大家所看到交互设计师的日常工作成果都是一些线框图,从表面上理解的确是这样。

其实,交互设计师做的远远不止这些。往深一步想,信息架构、界面、流程,都是设计师需要考虑的问题。下面,想谈一下我理解的交互设计。



交互设计最重要的两个因素:信息&互动

1.信息

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


2.互动

有了信息后,就需要设计用户如何与这些信息进行互动了。信息的分类、布局将影响用户与信息的交互。用户获取信息后,做出了反应,采取了行动,应用也需要有来有往地给予足够的反馈,来协助用户完成任务。

/

以上2要素,都是从用户直观感受上去体现的,也就是说往往是表现在用户界面上。我们可以把它称之为“看得见的交互设计”。

具体的形式包括:

信息架构:把筛选好的信息进行分类,通过页面来承载这些信息,并且把信息(页面)的层次规划好

界面设计:把信息在一个页面上进行布局

流程设计:把一个任务中涉及的页面信息串联起来,使任务形成一个线性流的关系

以上三个关键点,是对交互设计师的基本要求,很多情况下,非专业人员也能做得7788,但还有一部分的交互设计,并不是直观能看到的,也许用户会轻 微感受到,但他总在不经意间使用户使用得更加流畅。我们可以把它称之为“看不见的交互设计”。而这些看不见的交互设计,也是初级交互设计师容易忽略的。

/

如今移动互联网发展迅速,移动产品对这些看不见的交互设计更为注重。因为移动应用的使用场景、网络环境、使用心态都与用户在使用web产品时有着大大的不同。所以在了解这些看不见的交互设计时前,需要对移动应用的情景有一定的了解。

1.使用场景

用户在使用移动产品,有可能会在户外人多的公众场合使用,这时候需要特别注意移动应用设计的隐私安全。

用户有可能在家里、在床上、在厕所,用着各种姿态使用产品,所以对交互的便利性和容错性要特别注意

2.网络环境

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

3.使用心态

产品的存在是为了解决用户的问题,而移动产品是用户的贴身工具,当用户需要时,能立刻开始运作,需要快速、直接、有效,用户不喜欢等待。有研究结果表示:


/

在移动产品这种特殊的环境下,“看不见的交互设计”会相较于web产品更为重要,特别是针对网络环境和用户等待的体验需要特别注意

下面将展开讨论一下“看不见的交互设计”

总的来讲,可以归结为三大点:

1.加载机制

2.刷新机制

3.缓存机制



加载机制
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }