網(wǎng)站用戶(hù)體驗(yàn)：整體到細(xì)節(jié)的交互設(shè)計(jì)規(guī)劃

基于提煉的方法論Based on the methodology of refining

先放出一張我在設(shè)計(jì)過(guò)程中提煉的網(wǎng)站設(shè)計(jì)思維完整的流程圖 案例中的整個(gè)設(shè)計(jì)規(guī)劃過(guò)程也基于該圖的階段過(guò)程展開(kāi)，本文范圍主要針對(duì)概念到定義頁(yè)面的這部分。
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整個(gè)轉(zhuǎn)化過(guò)程涉及產(chǎn)品從概念到元素的始終 不同階段的側(cè)重點(diǎn)和目的各不相同，且每個(gè)階段的轉(zhuǎn)化節(jié)點(diǎn)都基于客觀實(shí)際的實(shí)線關(guān)聯(lián)，以保證由始至終的需求 轉(zhuǎn)化不失真。
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.

以此來(lái)看，整個(gè)設(shè)計(jì)過(guò)程就是一個(gè)不斷 Zoom in(放大聚焦)的過(guò)程，基于用戶(hù)本源需求不斷具體化。在驗(yàn)證我們的設(shè)計(jì)是否符合目標(biāo)的時(shí)候，我們也需要不斷的 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.

接下來(lái)我們開(kāi)始看這個(gè)設(shè)計(jì)過(guò)程。
Next we began to see the design process.

全局(global)

OK，我們首先來(lái)看一下用戶(hù)在外貿(mào)中的主要行為，用戶(hù)需求的基本概念是什么?
OK, we first see the users of the main behavior in foreign trade, the needs of the user basic concept is?

下圖可以看到，買(mǎi)家和賣(mài)家首先要達(dá)成訂單意向，然后買(mǎi)家得到貨物，賣(mài)家得到貨款，這樣就完成了外貿(mào)的整個(gè)過(guò)程，我們的網(wǎng)站服務(wù)也是基于這個(gè)模式展開(kāi)。
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.

基于外貿(mào)專(zhuān)家提供的一些依據(jù) 我們以外貿(mào)過(guò)程中的用戶(hù)行為建立起對(duì)應(yīng)的產(chǎn)品用戶(hù)行為概念模型，這樣以來(lái)用戶(hù)在整個(gè)過(guò)程中，主路徑、任務(wù)目標(biāo)就非常清晰了，交互設(shè)計(jì)后續(xù) 展開(kāi)有了基本骨架。
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.

對(duì)應(yīng)上圖的純用戶(hù)行為視角，再稍微細(xì)化一下，把他轉(zhuǎn)化為產(chǎn)品的用戶(hù)行為流程圖 把抽象的信息結(jié)構(gòu)化 比如 上圖中報(bào)價(jià)只是一個(gè)箭頭表示信息流買(mǎi)家 而實(shí)際的網(wǎng)站行為中， 報(bào)價(jià)需要買(mǎi)家主動(dòng)去查看。所以該行為被結(jié)構(gòu)化成一個(gè)標(biāo)準(zhǔn)網(wǎng)站行為術(shù)語(yǔ)“查看”。整體著 眼，我們可以觀察到不同用戶(hù)的目標(biāo)，行為，產(chǎn)生的信息，以及之間的關(guān)聯(lián)和流向。
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.

回顧剛才的這個(gè)過(guò)程，會(huì)發(fā)現(xiàn)，我們的交互設(shè)計(jì) 就是一個(gè)不斷基于需求的一個(gè)推導(dǎo)過(guò)程，在這個(gè)過(guò)程中，每個(gè)細(xì)化過(guò)程都基于上一步的清晰目標(biāo)開(kāi)展，環(huán)環(huán)相扣。這樣的方法可以讓我們?cè)O(shè)計(jì)的每個(gè)步驟都有系統(tǒng)化的支撐，不會(huì)偏離主要的目標(biāo)。
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.
本文發(fā)布于北京網(wǎng)站建設(shè)公司尚品中國(guó)http://xmjiujiu.cn/