网站用户体验：整体到细节的交互设计规划

基于提炼的方法论Based on the methodology of refining

先放出一张我在设计过程中提炼的网站设计思维完整的流程图 案例中的整个设计规划过程也基于该图的阶段过程展开，本文范围主要针对概念到定义页面的这部分。
First released a I in the design process of refining design thinking of the whole flow chart of complete case design planning process is also based on the stage on such process, this paper mainly aimed at the concept definition to the scope of this part of the page.

上图可以看出我们的SEO整个转化过程涉及产品从概念到元素的始终 不同阶段的侧重点和目的各不相同，且每个阶段的转化节点都基于客观实际的实线关联，以保证由始至终的需求 转化不失真。
Above can see our whole transformation process involving products from concept to elements of the different stages and the emphasis of the always purpose each are not identical, and each stage of the transformation based on the objective reality of the node is solid line association, to ensure that the needs of the steps into not distortion.

以此来看，整个设计过程就是一个不断 Zoom in(放大聚焦)的过程，基于用户本源需求不断具体化。在验证我们的设计是否符合目标的时候，我们也需要不断的 Zoom out(缩小)， 从更整体视角去俯视。
This view, the whole design process is a constantly Zoom in (enlarge focus) process, based on the user's specific needs constant source. In the design of the test we compliance with that goal, we also need to constantly Zoom out (narrow), from more whole perspective to look down at.

接下来我们开始看这个设计过程。
Next we began to see the design process.

全局(global)

OK，我们首先来看一下用户在外贸中的主要行为，用户需求的基本概念是什么?
OK, we first see the users of the main behavior in foreign trade, the needs of the user basic concept is?

下图可以看到，买家和卖家首先要达成订单意向，然后买家得到货物，卖家得到货款，这样就完成了外贸的整个过程，我们的网站服务也是基于这个模式展开。
Below you can see, buyers and sellers to agree on the first order intention, and buyers to get the goods, sell the home to get the money, thus completing the foreign trade the entire process, our website service is also based on the open mode.

基于外贸专家提供的一些依据 我们以外贸过程中的用户行为建立起对应的产品用户行为概念模型，这样以来用户在整个过程中，主路径、任务目标就非常清晰了，交互设计后续 展开有了基本骨架。
Based on the foreign trade experts offer some basis in the process of foreign trade to our user behavior established the corresponding product user behavior conceptual model, since such users in the whole process, the path, the task is very clear goal, interactive design follow-up on a basic skeleton.

对应上图的纯用户行为视角，再稍微细化一下，把他转化为产品的用户行为流程图 把抽象的信息结构化 比如 上图中报价只是一个箭头表示信息流买家 而实际的网站行为中， 报价需要买家主动去查看。所以该行为被结构化成一个标准网站行为术语“查看”。整体着 眼，我们可以观察到不同用户的目标，行为，产生的信息，以及之间的关联和流向。
Corresponding to the pure user behavior perspective, again a little bit a refined, put him into a product the user behavior the flow chart of abstract information such as the diagram above offer is structured a buyer and the actual flow arrow said the website behavior, quotation need buyers initiative to check. So this behavior is structure into a standard term "view" website behavior. The whole eye, we can observe different users' goals, behavior, produce information, as well as the relationship between the and flow direction.

回顾刚才的这个过程，会发现，我们的交互设计 就是一个不断基于需求的一个推导过程，在这个过程中，每个细化过程都基于上一步的清晰目标开展，环环相扣。这样的方法可以让我们设计的每个步骤都有系统化的支撑，不会偏离主要的目标。
Review of this process just now, will find that our interaction design is a constant demand based on a derivation process, in this process, each refining process based on the clear goals in one step, linked together. This method can let us every step of the design are systematic support, not deviate from the main goal.
本文发布于北京网站建设公司尚品中国http://www.sino-web.net/