單線流程這個(gè)系列的文章,是本blog09年最重要的一個(gè)主題,因?yàn)槲矣X得單線流程的設(shè)計(jì)思想非常接近WEB產(chǎn)品設(shè)計(jì)的基本原理之一。在web設(shè)計(jì)領(lǐng)域 ,似乎目前還沒有單線流程這個(gè)說法,所以本系列文章會(huì)比較山寨。
什么是單線流程
我所理解的單線流程是指,當(dāng)用戶進(jìn)入某個(gè)流程時(shí)(按鈕的出現(xiàn)往往是流程的標(biāo)志),只能“前進(jìn)” “后退” 或者“退出”,而沒有多余的干擾流程。當(dāng)然純粹的遵守單線流程在實(shí)際的產(chǎn)品設(shè)計(jì)中沒有任何意義,我們?cè)谧龅酶嗟氖亲尞a(chǎn)品流程更接近單線流程。接下來我會(huì)舉一些實(shí)際的例子。
A到B的流程(這里的“A” “B”是指流程中的關(guān)鍵組合)
這是最基礎(chǔ)的流程,它永遠(yuǎn)符合單線流程,比如百度搜索,輸入關(guān)鍵字------->百度一下

A到BC,或者AB到C
這是另兩種非常基礎(chǔ)的流程,無論哪種對(duì)用戶來講都是非常直觀的。
接下來講講由以上基礎(chǔ)流程組合成的復(fù)合流程。
A到B到C的流程
只有經(jīng)過B才能到達(dá)C,在實(shí)際過程中我們常常會(huì)設(shè)計(jì)成如下這樣:
舉一個(gè)手機(jī)驗(yàn)證碼的流程設(shè)置:
比較糟糕的設(shè)計(jì),用戶的視覺從A直接跳到C,在用戶發(fā)現(xiàn)此路不通后,才返回B,所幸這個(gè)流程比較簡單,一來一回的用戶成本并不高。
google獲取手機(jī)驗(yàn)證碼的這個(gè)設(shè)計(jì)應(yīng)該說是一個(gè)夠用的,也符合用戶心智的設(shè)計(jì)。也許可以更好的優(yōu)化這類流程。
把A->B->C的流程分拆成 A->B,B->C。好處是把該流程變分成了2個(gè)純粹的單線流程,壞處是用戶只看到AB沒看到C之前,用戶會(huì)迷茫。
可能更好的做法是,ABC流程可見,但是在用戶沒有操作B之前,C不能被操作。
這類流程需要根據(jù)實(shí)際的情況來優(yōu)化。下面以目前支付寶的手機(jī)注冊(cè)和郵箱注冊(cè)頁面為例。
支付寶的手機(jī)注冊(cè)(獲取第二次手機(jī)驗(yàn)證碼后的頁面)
因?yàn)檫@是第二次獲取手機(jī)驗(yàn)證碼后出現(xiàn)的頁面,key D先于ABC出現(xiàn)在用戶視野里,這里暫時(shí)不去討論這里key的順序。
問題出在哪里,當(dāng)用戶完成A之后,有B和C這兩個(gè)并列的入口供用戶選擇,而對(duì)“語音獲取”這個(gè)不怎么常見的功能支付寶并沒有做任何解釋。這里支付寶給了用戶兩個(gè)并列的入口,并且沒有對(duì)用戶比較陌生的入口做好標(biāo)識(shí)。也許我們可以把流程優(yōu)化成如下這樣:
我設(shè)計(jì)的并不是特別好,這里的C應(yīng)該被近一步弱化,只有當(dāng)手機(jī)短信延遲相當(dāng)厲害而影響用戶繼續(xù)注冊(cè),才讓用戶采用比較高成本和陌生的語音獲取驗(yàn)證碼。
不像上面這個(gè)例子的手機(jī)校驗(yàn)碼獲取,這里B和C都是不能互相替代的KEY,B與C也不存在誰主誰輔的關(guān)系,只是B會(huì)使用比較頻繁。
這個(gè)頁面似乎沒多大問題,但為了說明我想說明的問題,我覺得這里的流程可以變成如下:
為什么這么做,因?yàn)锽和C是兩個(gè)不同類型的KEY,分解后的流程是 (B-->A-->D) (C-->A-->D),應(yīng)該說這兩個(gè)是相對(duì)獨(dú)立的流程。而且在用戶選擇B或者C之后,很可能會(huì)影響用戶A區(qū)域的行為。組合成 A-->(B/C)--->D,不如組合成(B/C)--->A---->D更清晰。
原文:http://hi.baidu.com/mooqii/blog/item/7b7f990944ef7da82fddd416.html













