• <tr id='BzBUr0'><strong id='BzBUr0'></strong><small id='BzBUr0'></small><button id='BzBUr0'></button><li id='BzBUr0'><noscript id='BzBUr0'><big id='BzBUr0'></big><dt id='BzBUr0'></dt></noscript></li></tr><ol id='BzBUr0'><option id='BzBUr0'><table id='BzBUr0'><blockquote id='BzBUr0'><tbody id='BzBUr0'></tbody></blockquote></table></option></ol><u id='BzBUr0'></u><kbd id='BzBUr0'><kbd id='BzBUr0'></kbd></kbd>

    <code id='BzBUr0'><strong id='BzBUr0'></strong></code>

    <fieldset id='BzBUr0'></fieldset>
          <span id='BzBUr0'></span>

              <ins id='BzBUr0'></ins>
              <acronym id='BzBUr0'><em id='BzBUr0'></em><td id='BzBUr0'><div id='BzBUr0'></div></td></acronym><address id='BzBUr0'><big id='BzBUr0'><big id='BzBUr0'></big><legend id='BzBUr0'></legend></big></address>

              <i id='BzBUr0'><div id='BzBUr0'><ins id='BzBUr0'></ins></div></i>
              <i id='BzBUr0'></i>
            1. <dl id='BzBUr0'></dl>
              1. <blockquote id='BzBUr0'><q id='BzBUr0'><noscript id='BzBUr0'></noscript><dt id='BzBUr0'></dt></q></blockquote><noframes id='BzBUr0'><i id='BzBUr0'></i>

                技术观点

                加强技术投入,共【享技术成果

                互联网产品的交互设计方法


                编辑:杭州大显网络科技有限公司更新日期:2009-05-26
                目前交互设计在互联网▆产品中的应用状况
                “交互设计可以提高产品︾可用性。”在国内的互卐联网行业中,建立在这个认识基础上,交互设□计得到了普遍的接受。“产品设计开始的时候应该先交互啊~~”“你这个项目没交互过▅啊~~”这类的说法越来越多当然是好的信息,但是,交⊙互设计工作到底应该怎么做才能提高产品可用性?通常的互联网产品研发〖中,交互设计工作是处于没有方法的状况。理解交互ω 设计
                交互设计是一个】设计工作。
                交互设计是一门技术。
                交互设计在○目前阶段的主要使命是提高产品可用性。
                通过对界◤面和操作行为的设计提高产品可用性。互联网产品的特点
                1.变化快。
                2.质量低。
                3.功能操作与信息传达并重。
                4.高速创新从而带来的无标¤准。那么,互联网产品的交互设计应该怎么做?互联网产品的交互设计方▆法分享
                经过长期的摸索、体会腾讯互联网产品,我们总结出了几个较为有效的设计方法:
                方法一.自然语ㄨ言法。设计交互细节的方法。
                方法二.结构图法。设计№产品信息构架的方法。
                方法三.任务走查法。对现有产品进行优化的方法,全面→普查产品,包括对交互细节和信息构架。

                这三个方法的思路,是基于对交互设计工作内容如下的分类:
                1.信息构架
                2.交互细节但,严格来说,这样的理解是不对的。交互设计工作原本就是“交互细节”工作。另外有信息构架师来解决信息构架的问题。然而,上面提到了互◥联网产品快的特点,更多的研发步骤显然更容易将研发周期拖的更长,把信息构架工□作和交互细节合并起来,减少一个环节,更适应互联网产品的研发特点。
                “为什么不把信息构架工作交给产品ㄨ经理来做呢?”如果说交互设计工作的核心是表达(这个观念,最后还会提到◣),那么,信息构架和交互细节都是表达的重要手段。信息构架不清↓楚的产品,怎么谈得到表达的清楚、明确呢。所以,交互设计的工作包含了两部分:信息构架和交互细节。那么,下面我们就』开始具体介绍这三个方法:

                方法一.自然语言法使用自然的语言来表达页面信息。
                这是一个设计界面交互细节的方法。
                界面表达的要求是:清晰,明确,简洁,得体。
                想象着用面对面的交流来传达■信息,再将面对面的传达变为书面表达,再用界面语言翻译书面表达。除了思路,我们还需要必备的≡原则、常用的表达方式和具体操作步骤。页面表达原则:
                1.更少的信♂息量更好。
                2.结构化更易于理解。
                3.信息的表达应该清楚、明确、直接。
                4.操作▂可识别。
                5.操作前,结果可预知。
                6.操作时,操】作有反馈。
                7.操作后,操作々可撤销。
                8.让用户知道身处何地。
                9.避免内容看上去象广告。
                10.不提供多余的功◥能。
                11.相同的功能,在不同的页面中应保持一致性。
                12.措辞统一。常用的页面表达》方式:
                1.从左到右,从上到下。
                2.大字更突出。
                3.图形更︼吸引人。
                4.动画会被误认为是广告。
                5.内容逻辑:并列关系;从属关系。

                6.多项并列的信息用

                7.不∮同的排序方式VS筛选内容
                具体操作
                步.概括待表√达的信息
                第二步.将概括好的信息排序
                第三步.使用界面语言翻译实例:中信银行卡

                步.概括信息:
                描述应该是概╱括的,尽可能简短。例如:
                ●您选择了回邮方式办卡,概括解释这个办卡方式。
                ●接下来您应该下载申请表
                ●回邮办卡∑的全过程是这样的…
                ●一系列注意事项。第二步.排序:
                就是上面的顺序,没有变化。
                有些时候排序会遇到困难,需要借助界面语言才能准确反应表达顺序。这正是界面设计的价值,它可以胜任一些单纯适用文字表∑达表达不好的情况。下面的黄钻续费案例中也许你就会遇到类似的问题。遇到这种问题◣时,记录下排序遇到的问题即可。在翻译过程中问题可能就解决掉了。