《互联网产品的交互设计方法(UPA2008讲稿)》.docVIP

互联网产品的交互设计方法（UPA2008讲稿） 目前交互设计在互联网产品中的应用状况6 ?) O! E; P1 k6 u1 {. w: N x( x“交互设计可以提高产品可用性。”在国内的互联网行业中，建立在这个认识基础上，交互设计得到了普遍的接受。“产品设计开始的时候应该先交互啊~~”“你这个项目没交互过啊~~”这类的说法越来越多当然是好的信息，但是，交互设计工作到底应该怎么做才能提高产品可用性？通常的互联网产品研发中，交互设计工作是处于没有方法的状况。, g? v? [5 ]! m1 j( W理解交互设计: Y9 j+ `; F8 L8 b+ h q交互设计是一个设计工作。? ^. ^; v5 \) k) [2 }# y交互设计是一门技术。) N u0 f# o* L- ~ b1 I交互设计在目前阶段的主要使命是提高产品可用性。 G; @0 B) M9 l5 S1 |6 @) K通过对界面和操作行为的设计提高产品可用性。; r) E2 e+ x* d% D互联网产品的特点$ M3 ? P8 r? u c1.变化快。6 X% _6 \ {: W: j/ X2 Q1 T, Z2.质量低。- L? C* c* R, d/ _- y3.功能操作与信息传达并重。0 ^+ Y! `7 ]. h g5 w8 t% K( F4.高速创新从而带来的无标准。/ T3 f# A? J# F6 y3 M+ h6 x1 u那么，互联网产品的交互设计应该怎么做？; d6 E g# |+ K# q2 g; R: } @7 b( W) F互联网产品的交互设计方法分享9 V3 x6 X c C! z6 N经过长期的摸索、体会腾讯互联网产品，我们总结出了几个较为有效的设计方法：+ W! a, E( E1 O? x3 `8 ?9 M? E方法一. 自然语言法。设计交互细节的方法。* ^3 A6 t3 K: z Z8 Y; d方法二. 结构图法。设计产品信息构架的方法。7 _ Q, h, j0 t5 W% R方法三. 任务走查法。对现有产品进行优化的方法，全面普查产品，包括对交互细节和信息构架。( w/ f% o I/ a6 Y4 r8 i# H) Z% X6 X6 \2 u9 i/ b6 _ D5 w0 `; x% h: J这三个方法的思路，是基于对交互设计工作内容如下的分类：* e [9 b/ e. n2 ^1. 信息构架- t? J6 D( s0 x, I! X; B% M2. 交互细节$ ^! T1 L; e# F7 w } t4 F但，严格来 说，这样的理解是不对的。交互设计工作原本就是“交互细节”工作。另外有信息构架师来解决信息构架的问题。然而，上面提到了互联网产品快的特点，更多的研 发步骤显然更容易将研发周期拖的更长，把信息构架工作和交互细节合并起来，减少一个环节，更适应互联网产品的研发特点。 p p p6 r) Y, o/ `/ R“为什么不把信息构架工作交给产品经理来做呢？”如果说交互设计工作的核心是表达（这个观念，最后还会提到），那么，信息构架和交互细节都是表达的重要手段。信息构架不清楚的产品，怎么谈得到表达的清楚、明确呢。所以，交互设计的工作包含了两部分：信息构架和交互细节。5 w9 t; g2 T6 o9 L8 {( z* x) c那么，下面我们就开始具体介绍这三个方法：4 x, ?7 g6 _ b( T# m: c8 t3 `3 u- |, \; i# ]+ f; m9 \? c% s! p e方法一. 自然语言法使用自然的语言来表达页面信息。? d; w( u, T- B- ?/ e( K S7 z9 N这是一个设计界面交互细节的方法。( O? C5 l0 p( C3 U界面表达的要求是：清晰，明确，简洁，得体。( h% \: J$ K9 |+ a3 N( c x3 C( x- x想象着用面对面的交流来传达信息，再将面对面的传达变为书面表达，再用界面语言翻译书面表达。+ \: X. m! }0 O8 t n4 W除了思路，我们还需要必备的原则、常用的表达方式和具体操作步骤。) X0 K6 v$ t? b k页面表达原则：% E1 }; c$ i/ R1. 更少的信息量更好。1 p$ Z8 k8 u6 ?0 D$ I2. 结构化更易于理解。8 D, c u: r. s; P$ O2 s3. 信息的表达应该清楚、明确、直接。2 P% ]5 u9 D$ X, K4. 操作可识别。0 J+ B; Z a+ j. U$ V! M5. 操作前，结果可预知。3 o1 R# q7 ?3 g5 o: M9 [6. 操作时，操作有反馈。, I Z V1 R2 L1 x/ U7