產(chǎn)品設(shè)計(jì)中的點(diǎn)線面法則
上一篇文章主要講的是如何從零搭建起一個(gè)信息系統(tǒng)的方法,但實(shí)際上甚少有產(chǎn)品人員會(huì)參與到系統(tǒng)搭建的工作,因?yàn)橄到y(tǒng)架構(gòu)往往是在產(chǎn)品的初期,大部分的情況下都是已經(jīng)搭建好的系統(tǒng)再去根據(jù)不同的需求增加不同的流程或功能。那么這個(gè)時(shí)候再使用UML或SERU的方法就會(huì)造成每次都可能對(duì)系統(tǒng)架構(gòu)的重設(shè)計(jì),需要重新去梳理一個(gè)子系統(tǒng)中整個(gè)業(yè)務(wù)的過程,不利于快速迭代的開發(fā)。在這里我提供另外一種適合快速建模的方法,我稱之為”點(diǎn)線面法則”。在“點(diǎn)線面法則”中,有四個(gè)重要的組成部分,分別是:人物、場景、需求、功能。在業(yè)務(wù)流程抽象成任務(wù)流程中最關(guān)鍵的點(diǎn)就是把握好如何將人物,場景,需求轉(zhuǎn)化成功能。但有很多項(xiàng)目都試圖通過定義功能性需求和非功能性需求來確定需求,這些需求沒有說明一個(gè)用戶如何使用系統(tǒng),也沒有說明一個(gè)功能在何種場景下必須運(yùn)行,這樣的抽象方法無疑到最后是不符合用戶預(yù)期的。所以在產(chǎn)品設(shè)計(jì)中,人物/場景/需求這三者應(yīng)該是不可分割的組成,這個(gè)組合在uml里面稱之為“user case 用戶案例”,任何只考慮需求或場景的設(shè)計(jì)都很容易陷入“我認(rèn)為式”或“老板式”的設(shè)計(jì)。
“點(diǎn)線面法則”是把交互事件作為節(jié)點(diǎn),用例作為一條線,再根據(jù)點(diǎn)與線的關(guān)系構(gòu)成頁面,顯現(xiàn)出從線到點(diǎn),從線到面的設(shè)計(jì)原理。
實(shí)際操作中第一步讓我們先把線分清楚,每一條線是根據(jù)不同類型的用戶在不同的場景下的一種事件流程組成的,也就是說線是由用例組成的。用例是參與者在系統(tǒng)中執(zhí)行了一系列動(dòng)作,這些動(dòng)作將生成特定執(zhí)行者可見的價(jià)值結(jié)果。這里值得注意的是兩點(diǎn),用例是有人物有場景有目標(biāo)的,也就是說它能夠在特定場景下為參與者帶來有意義的結(jié)果,例如”填寫表單信息”顯然對(duì)參與者而言是沒有意義的,所以這就不是一個(gè)合適的用例。第二個(gè)是對(duì)角色的劃分,很多人認(rèn)為C端產(chǎn)品沒有太多角色的劃分,其實(shí)以電商為例可以劃分為首次登錄的用戶、老用戶、從外鏈進(jìn)入的用戶等等,不同的用戶不同的場景都是能產(chǎn)生不同的用例的,在梳理的階段分得越細(xì)就越不容易出現(xiàn)遺漏或考慮不周的情況。
圖1 根據(jù)用戶和場景的不同建立不同的用例線
分清楚線之后我們開始豐富線里面的交互動(dòng)作。用例場景是有步驟的(執(zhí)行了一系列動(dòng)作):也就是說,它是一個(gè)由一系列業(yè)務(wù)步驟組成的業(yè)務(wù)活動(dòng)。業(yè)務(wù)活動(dòng)是屬于線下的真實(shí)活動(dòng),我們需要把這個(gè)業(yè)務(wù)流轉(zhuǎn)化成線上的交互動(dòng)作流。對(duì)于一個(gè)動(dòng)作,實(shí)際上是沒有具體的劃分的,例如一張表單里面如果需要填寫兩部分的內(nèi)容,產(chǎn)品人員認(rèn)為表單的其中一部分有復(fù)用性需要區(qū)分,那么這個(gè)流程就可以拆分成兩個(gè)填寫的交互動(dòng)作。只要是屬于交互動(dòng)作,并且有足夠的理由支持能成為一個(gè)節(jié)點(diǎn),那么這一個(gè)流程便是合理且符合實(shí)際業(yè)務(wù)情況的。
圖2 豐富用例線中每個(gè)場景的交互動(dòng)作
在一個(gè)用例里動(dòng)作也存在與其他用例的動(dòng)作產(chǎn)生交互的現(xiàn)象,例如某機(jī)構(gòu)有銷售人員與財(cái)務(wù)人員,財(cái)務(wù)人員進(jìn)行記賬時(shí)就要獲取銷售的報(bào)價(jià)然后等待銷售與客戶完成交易,這就是銷售人員的用例與財(cái)務(wù)人員的用例產(chǎn)生交互的情況,所以在存在與別的用例產(chǎn)生交集的地方可以先把這里一系列的動(dòng)作歸納為一個(gè)父級(jí)動(dòng)作,在里面再進(jìn)行一系列子級(jí)動(dòng)作的過程。同樣如果存在一個(gè)動(dòng)作涉及到幾個(gè)交互動(dòng)作也可以把它分為子級(jí)與父級(jí)的關(guān)系。比如”完成表單”是一個(gè)父級(jí)動(dòng)作,新建、填寫、提交這就是屬于”完成表單”的三個(gè)子級(jí)動(dòng)作。這里也類似我們?cè)诋嬎孛璧臅r(shí)候,如果局部的地方需要畫一個(gè)箱子,我們就會(huì)把這個(gè)箱子的范圍先確定下來,整個(gè)局部都畫好了再去細(xì)化這個(gè)箱子里面的細(xì)節(jié),屬于一個(gè)局部分總分的思想。最終把所有用例線的交互動(dòng)作都表示出來就完成了這一環(huán)節(jié)的工作。
圖3 完整得構(gòu)建出所有用例的交互流程
點(diǎn)線構(gòu)成面,這里所說的面其實(shí)是”頁面”。交互動(dòng)作在系統(tǒng)中最直接的體現(xiàn)就是頁面的反饋,所以頁面的反饋是需要我們?nèi)ピO(shè)計(jì)的。上一步在確定節(jié)點(diǎn)的時(shí)候以動(dòng)作去做一個(gè)劃分也是希望在這個(gè)階段可以把每個(gè)動(dòng)作變成一次對(duì)頁面的交互,通常情況下一個(gè)動(dòng)作(子級(jí)動(dòng)作)一般對(duì)應(yīng)一個(gè)頁面的變化,所以在這個(gè)階段,我們把每一個(gè)節(jié)點(diǎn)轉(zhuǎn)化成頁面。在個(gè)時(shí)候還不是頁面最終呈現(xiàn)的效果,只是把每次動(dòng)作的變化轉(zhuǎn)換成界面的變化,不需要考慮某些動(dòng)作是在同一個(gè)頁面上操作的情況,只需完整地把結(jié)果頁面列出來即可。
圖4 把交互動(dòng)作轉(zhuǎn)化成頁面的變化
最后我們需要把同類用例線的所有頁面進(jìn)行一個(gè)歸納和分層,確定頁面與頁面之間的層級(jí)關(guān)系。歸納是把不用用例的同類操作合并,分層是把不同流程的動(dòng)作區(qū)分界面的層級(jí)以確定產(chǎn)品的架構(gòu)層級(jí)。這一步的目的是為了在表現(xiàn)層中提取內(nèi)在業(yè)務(wù)的聯(lián)系,也是基于所有構(gòu)成的用例中(業(yè)務(wù)流轉(zhuǎn)方式)取出最合適的頁面表現(xiàn)關(guān)系。
圖5 把所有用例的頁面變化相連接
圖6 歸納和整理同層級(jí)的頁面,提取核心
圖7 頁面分層,最終效果
總結(jié)一下整個(gè)過程就是”線-點(diǎn)-線-面”這樣的一個(gè)順序,先把用例線進(jìn)行全面梳理確定范圍,然后再細(xì)化每條用例線中的交互動(dòng)作確定節(jié)點(diǎn),再思考每條用例線之間的交互與聯(lián)系,從而把整體進(jìn)行頁面化,把流程最終轉(zhuǎn)化成頁面的關(guān)系,最終是一個(gè)通過頁面確定整個(gè)系統(tǒng)架構(gòu)的過程。這樣的方法是先把業(yè)務(wù)流程產(chǎn)生的用例轉(zhuǎn)化成交互流程,然后以交互流程為依據(jù)建立頁面與層級(jí)之間的關(guān)系,實(shí)際上整個(gè)過程都是在以業(yè)務(wù)流程為核心推動(dòng)著系統(tǒng)架構(gòu)的設(shè)計(jì),是一種自下而上的設(shè)計(jì)方法。先把底層的所有用戶、場景、需求產(chǎn)生的用例都梳理出來,再經(jīng)過向上一級(jí)的歸納提取把其中核心的業(yè)務(wù)流程模型建立起來。這樣的方法非常適合做快速的功能設(shè)計(jì),能夠在較短的時(shí)間內(nèi)確定交互動(dòng)作的流程,在這個(gè)過程中只注重交互的流程而不是交互的形式。
在功能設(shè)計(jì)的時(shí)候我們總是說要善于歸納總結(jié),但是如果前期沒有想清楚所有的用例那么后期肯定是要不斷地去填坑,”點(diǎn)線面法則”能很好地幫助產(chǎn)品人員最大程度上規(guī)避出現(xiàn)這樣的情況。人物、場景、需求、功能這四者必須貫穿在整個(gè)設(shè)計(jì)思考的過程中,不斷去思考四者之間的關(guān)系,所謂萬變不離其宗亦算是這個(gè)道理。
#專欄作家#
justilam,知乎id:justinlam,人人都是產(chǎn)品經(jīng)理專欄作家。一個(gè)產(chǎn)品,半個(gè)設(shè)計(jì)。專注企業(yè)信息系統(tǒng)的研究與總結(jié),擅長CRM與ERP系統(tǒng)的架構(gòu)與規(guī)劃。愛好業(yè)務(wù)需求分析與互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì),希望在有限的時(shí)間研究更多的東西。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。
??
“我覺得。?!笨偨Y(jié)的真好