UX設(shè)計師的設(shè)計過程中有著各種流，用戶流，任務(wù)流，流程圖，那么這些流又有什么區(qū)別與聯(lián)系呢？這個區(qū)別與聯(lián)系，網(wǎng)上的信息多樣，沒有一個十分明確的定義，于是我自己也希望結(jié)合工作，結(jié)合實際情況去總結(jié)。最近看到一篇文章，也稍微描述了一下這幾種圖表，分享一下。
不管是什么流，它的本質(zhì)都是在描述“運動”。設(shè)計師需要考慮用戶怎么在整個網(wǎng)站或者app內(nèi)導(dǎo)航。創(chuàng)造這些flow的初衷，是希望幫助設(shè)計師去思考用戶在瀏覽一個頁面的前后，會發(fā)生一些什么，并且聚焦在重要的部分。“流”除了是創(chuàng)造原型的第一步之外，也可以幫助開發(fā)者去理解，整個設(shè)計怎么樣才算是可運行。
流程圖
流程圖是一幅包含著一系列用戶運動或者動作的圖，它們都發(fā)生在一個復(fù)雜的系統(tǒng)或者活動中。
任務(wù)流vs用戶流
任務(wù)流、用戶流與流程圖就不太一樣了。它們的目標(biāo)，都是去優(yōu)化用戶完成一個任務(wù)的流程能力，使得整個過程的阻力最小化。它們都是幫助你在開發(fā)之前，就了解整個設(shè)計。你可以將它們定義為：
1.任務(wù)流
任務(wù)流是一個特定操作中的單獨流程，所有用戶在這里的流程都是相似的。例如說，注冊。任務(wù)流是一條單獨的流，它們沒有分支。
2.用戶流
用戶流是一個用戶在整個應(yīng)用中跟隨的路徑。類似于迷你的用戶旅程。這個流不一定要呈線型，它可以有分支。決定了路線之后，你可以看到一些顛覆與變化用戶體驗的可能性。
用戶流可以是很簡單的，幫助決定“紅色路線"。什么是紅色路線呢？在倫敦，它代表了重要的道路，倫敦的交通不遺余力地去保證這些道路完全通暢。這些關(guān)鍵的路線可以演化出很多復(fù)雜的路線，這些路線包含了很多的條件與要求。在開發(fā)產(chǎn)品之前，用戶流對于快速理清復(fù)雜流程有很大幫助。
UI流
37 Signals這個組織對于用戶流有一個速記。意思大概是用戶“看”與“做”的前后連接。他們感覺到用戶流有以下的一些缺憾：
1.在設(shè)計過程中“流”的概念有時候難以溝通
2.把每個流的不同狀態(tài)畫出來太花時間了
3.隨著設(shè)計的演變，這些流程圖很快就失效了
基于這些弱點，你可能會想要試一試UI流。用最新的UI去創(chuàng)造流程可能會迎合你的需要。
線框流程圖
NNgroup最近新發(fā)明了Wireframe這個詞去捕捉最新的UX交付件。
NNgroup的定義：線框流程圖是一種主要著眼于設(shè)計的模式，它包含了線框圖風(fēng)格的頁面布局，還有簡化版的類似流程圖的方式去代表交互。
僅僅是線框圖本身是不夠的，線框圖代表了布局和固定的內(nèi)容，但不代表交互。流程圖的確包含了細(xì)節(jié)的交互，但是它們沒有包含具體的應(yīng)用場景。線框流程圖可以幫助存儲復(fù)雜的交互，而這些交互中又可以展現(xiàn)布局或者具體內(nèi)容。
線框流程圖的元素：
1.入口與出口
2.步驟，例如：用戶操作，系統(tǒng)操作，可選擇的路徑
3.聯(lián)結(jié)：代表了理想的路徑和其他不同的流
4.選擇點：用戶需要在多個選擇中抉擇的點
小結(jié)
理解這些不同“流”的潛在使用場景，為好的體驗設(shè)計進行了準(zhǔn)備。任何的這些方法都可以幫助傳達(dá)火花，并且提供了高效合作的方式。
原文鏈接
