资源描述：
《互联网产品的交互设计方法（upa2008讲稿）》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。
1、互联网产品的交互设计方法（UPA2008讲稿）目前交互设计在互联网产品中的应用状况6?)O!E;P1k6u1{.w:N"x(x“交互设计可以提高产品可用性。”在国内的互联网行业中，建立在这个认识基础上，交互设计得到了普遍的接受。“产品设计开始的时候应该先交互啊~~”“你这个项目没交互过啊~~”这类的说法越来越多当然是好的信息，但是，交互设计工作到底应该怎么做才能提高产品可用性？通常的互联网产品研发中，交互设计工作是处于没有方法的状况。,g v [5]!m1j(W理解交互设计:Y9j+`;F8L8b+h&q交互设计是一个设计工作。
2、 ^.^;v5)k)[2}#y交互设计是一门技术。)N"u0f#o*L-~"b1I交互设计在目前阶段的主要使命是提高产品可用性。&G;@0B)M9l5S1
3、6@)K通过对界面和操作行为的设计提高产品可用性。;r)E2e+x*d%D互联网产品的特点$M3?'P8r u"c1.变化快。6X%_6"{:W:j/X2Q1T,Z2.质量低。-L C*c*R,d/_-y3.功能操作与信息传达并重。0^+Y!`7].h"g5w8t%K(F4.高速创新从而带来的无标准。/T3f#A J#F6y3M+h6x1u那么，互联网产品的交互设计应该怎
4、么做？;d6E&g#
5、+K#q2g;R:}'@7b(W)F互联网产品的交互设计方法分享9V3x6X"c&C!z6N经过长期的摸索、体会腾讯互联网产品，我们总结出了几个较为有效的设计方法：+W!a,E(E1O x3`8?9M E方法一.自然语言法。设计交互细节的方法。*^3A6t3K:z"Z8Y;d方法二.结构图法。设计产品信息构架的方法。7_'Q,h,j0t5W%R方法三.任务走查法。对现有产品进行优化的方法，全面普查产品，包括对交互细节和信息构架。(w/f%o&I/a6Y4r8i#H)Z%X6X62u9i/b6_&D5w0`
6、;x%h:J这三个方法的思路，是基于对交互设计工作内容如下的分类：*e'[9b/e.n2^1.信息构架-t J6D(s0x,I!X;B%M2.交互细节$^!T1L;e#F7w&}"t4F但，严格来说，这样的理解是不对的。交互设计工作原本就是“交互细节”工作。另外有信息构架师来解决信息构架的问题。然而，上面提到了互联网产品快的特点，更多的研发步骤显然更容易将研发周期拖的更长，把信息构架工作和交互细节合并起来，减少一个环节，更适应互联网产品的研发特点。"p'p&p6r)Y,o/`/R“为什么不把信息构架工作交给产品经理来做呢？”如果
7、说交互设计工作的核心是表达（这个观念，最后还会提到），那么，信息构架和交互细节都是表达的重要手段。信息构架不清楚的产品，怎么谈得到表达的清楚、明确呢。所以，交互设计的工作包含了两部分：信息构架和交互细节。5w9t;g2T6o9L8{(z*x)c那么，下面我们就开始具体介绍这三个方法：4x,?7g6_'b(T#m:c8t3`3u-
8、,;i#]+f;m9 c%s!p&e方法一.自然语言法使用自然的语言来表达页面信息。 d;w(u,T-B-?/e(K'S7z9N这是一个设计界面交互细节的方法。(O C5l0p(C3U界面表达的要求
9、是：清晰，明确，简洁，得体。(h%:J$K9
10、+a3N(c'x3C(x-x想象着用面对面的交流来传达信息，再将面对面的传达变为书面表达，再用界面语言翻译书面表达。+:X.m!}0O8t&n4W除了思路，我们还需要必备的原则、常用的表达方式和具体操作步骤。)X0K6v$t b&k页面表达原则：%E1};c$i/R1.更少的信息量更好。1p$Z8k8u6?0D$I2.结构化更易于理解。8D,c&u:r.s;P$O2s3.信息的表达应该清楚、明确、直接。2P%]5u9D$X,K4.操作可识别。0J+B;Z"a+j.U$V!M5.操
11、作前，结果可预知。3o1R#q7?3g5o:M9[6.操作时，操作有反馈。,I&Z'V1R2L1x/U7.操作后，操作可撤销。$Z$l0H%y8%a9E1S'@8.让用户知道身处何地。8m6L#d1J,m-Y9.避免内容看上去象广告。%O:g Q%B*d"r m!{10.不提供多余的功能。3C)x$C;e S9@5}(~&p11.相同的功能，在不同的页面中应保持一致性。0s5e9D1@:
12、12.措辞统一。"f;M8P"c7h6Y f8i%@&
13、常用的页面表达方式：!E,b)].a(C1.从左到右，从上到下。7c;u.a6U1{
14、+Z)U6v2.大字更突出。$c4Q*m+n3]0{(w%X.g3.图形更吸引人。*
15、!E;Z!c(w+M5Z"u4.动画会被误认为是广告。)O:Y(x.n"e9S!e3Z5.内容逻辑：并列关系；从属关系。-Z.v;B9v$e%V"y1N 4`*L&l'E*
16、
