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

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

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

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

              <i id='uCQAg3'><div id='uCQAg3'><ins id='uCQAg3'></ins></div></i>
              <i id='uCQAg3'></i>
            1. <dl id='uCQAg3'></dl>
              1. <blockquote id='uCQAg3'><q id='uCQAg3'><noscript id='uCQAg3'></noscript><dt id='uCQAg3'></dt></q></blockquote><noframes id='uCQAg3'><i id='uCQAg3'></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筛选内容
                具体操作
                步.概括待表达的信息
                第二步.将概括好的信息排序
                第三步.使用界面语言△翻译实例:中◣信银行卡

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