淘宝UE团队的设计流程 手机常识(UI设计须知)

什么是交互设计

June 7th, 2008 at 09:32am hanyan

交互设计,是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程,简单说,即设计和定义使用者如何使用一产品达到其目标,完成某一任务的过程。

交互设计(Interaction Design)作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔?莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后来把它更名为“Interaction Design”――交互设计。

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

通过对产品的界面和行为进行交互设计,让产品和它的使用者之间建立一种有机关系,从而可以有效达到使用者的目标,这就是交互设计的目的。在使用网站,软件,消费产品,各种服务的时候(实际上是在同它们交互),使用过程中的感觉就是一种交互体验。

简单的说,交互设计是人工制品、环境和系统的行为,以及传达这种行为的外形元素的设计与定义。不像传统的设计学科主要关注形式,最近则是关注内容和内涵,而交互设计首先旨在规划和描述事物的行为方式,然后描述传达这种行为的最有效形式。

交互设计借鉴了传统设计、可用性及工程学科的理论和技术。它是一个具有独特方法和实践的综合体,而不只是部分的叠加。它也是一门工程学科,具有不同于其它科学和工程学科的方法。

交互设计是一门特别关注以下内容的学科:
1、定义与产品的行为和使用密切相关的产品形式。
2、预测产品的使用如何影响产品与用户的关系,以及用户对产品的理解。
3、探索产品、人和物质、文化、历史之间的对话。

交互设计从“目标导向”的角度解决产品设计:
1、要形成对人们希望的产品使用方式,以及人们为什么想用那个这种产品等问题的见解。
2、尊重用户及其目标。
3、对于产品特征与使用属性,要有一个完全的形态,而不能太简单。
4、展望未来,要看到产品可能的样子,它们并不必然就像当前这样。

交互设计的原则如下:
1) 有清楚的错误提示。误操作后,系统提供有针对性的提示。
2) 让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
3) 允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
4) 允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。
5) 使用用户的语言,而非技术的语言。
6) 提供快速反馈。给用户心理上的暗示,避免用户焦急。
7) 方便退出。如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
9)让用户知道自己当前的位置,使其做出下一步行动的决定。

设计时有以下三个准则:
第一步:操作前,操作可识别;结果可预知。
第二步:操作时,操作有反馈。
第三步:操作后,操作可撤销。

第一步:未操作前,操作可识别,结果可预知。
操作可识别,是说按钮应该象按钮,链接应该象链接,为了保证用户触发操作的有可能性;结果可预知是说,未进行一个操作之前,应该让用户大致能猜测到操作后会是什么样的结果。或者说,操作的设计应该和用户的期望相同。

第二步:操作时,操作有反馈。
进行了一个操作后,需要页面上有反应。使用系统按钮也算的上是一种反馈吧。点击一个系统按钮时,按钮会动一下,告知用户:“您点了一下。”当然这个反馈还不足够。还需要执行这个按钮应该有的功能。

第三步:操作后,操作可撤销。
执行一个操作后,应当允许撤销,允许用户反悔,有时操作执行前的提示、二次确认并不能完全解决问题。

来源:网络


Tags: , , ,
原文链接:什么是交互设计,转载请留下本文链接!

Entry Filed under: UI design, web2.0, 用户体验&UCD, 知识堂

Leave a Comment

Required留下您的名字,真实姓名,网名,乳名,鸟名都行,但是别给我写些莫名其妙的字符,我不爽就会删除! 

Required, hidden留下您的 email,就是电子邮箱,没有?不是吧?您来自火星?回去吧,地球不好玩的! 

有博客写博客,有网站写网站,没有就给我空着!别添乱! 

有话就说,有问题就问,别没事给留下一大堆乱七八糟的链接,我很忙!没空看的! 

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


订阅

最新日志

最新留言

活跃网友