|
關(guān)于“為任務(wù)而設(shè)計(jì)”和“為結(jié)構(gòu)而設(shè)計(jì)”的問題，之前曾經(jīng)反復(fù)闡述過，如果你沒印象了，可以先看下：《設(shè)計(jì)原則VS實(shí)際情況》和《為產(chǎn)品結(jié)構(gòu)的設(shè)計(jì)，為用戶任務(wù)的設(shè)計(jì)》。
“設(shè)計(jì)時(shí)，既應(yīng)該關(guān)注讓任務(wù)流暢，又需要讓結(jié)構(gòu)清晰�！�
如果你認(rèn)同了這個(gè)觀點(diǎn)，那么，接下來的問題就是：應(yīng)該怎么做呢？
下面介紹一個(gè)設(shè)計(jì)方法，這是一個(gè)用于兼顧“為流程”與“為結(jié)構(gòu)”的信息架構(gòu)（IA）的設(shè)計(jì)方法。是2010年底，我和seven共同分析總結(jié)出來的。在廣州的“2010年首屆中國(guó)交互設(shè)計(jì)體驗(yàn)日”中的工作坊上，我倆曾現(xiàn)場(chǎng)介紹過這個(gè)方法：
通常我們會(huì)在設(shè)計(jì)開始階段分析出主要的用戶任務(wù)，然后逐一任務(wù)畫流程圖。然后呢…直接開始畫信息架構(gòu)圖（IA圖）了，IA圖怎么畫呢？設(shè)計(jì)者憑空想象著畫，靠經(jīng)驗(yàn)，靠見識(shí)。IA樹狀圖標(biāo)明了主要頁(yè)面的組織形式，然后再逐一頁(yè)面的細(xì)致設(shè)計(jì)。之前畫的流程圖呢？似乎沒用到。
流程圖是保證最終的產(chǎn)品能任務(wù)流暢的，如果能在IA的設(shè)計(jì)過程中切實(shí)用上流程圖，“為任務(wù)流暢”就能保障了。
這里要介紹的就是一個(gè)將流程圖有效融合到IA設(shè)計(jì)過程中的設(shè)計(jì)方法—頁(yè)面簡(jiǎn)圖法：
第一步：畫流程圖
結(jié)合一個(gè)實(shí)例來看：這是一個(gè)基于QQ秀商城的網(wǎng)站產(chǎn)品。起個(gè)名字叫：搭配秀。用戶A上傳一張真實(shí)人物圖片，展示在這個(gè)網(wǎng)站中。用戶B看到這張圖片后，照此搭配出一套QQ秀形象，與之匹配。搭配好的一對(duì)作品也會(huì)展示在網(wǎng)站中。
我們先畫流程圖，首先總結(jié)了這樣幾個(gè)用戶任務(wù)：提交待完成的真實(shí)人物照片；完成作品；隨便看看。三個(gè)任務(wù)的流程圖如下：
為什么流程圖沒有作用到IA設(shè)計(jì)過程中？
最終的產(chǎn)品是一個(gè)個(gè)頁(yè)面的集合，IA是這些頁(yè)面的組織形式，IA圖上的每一個(gè)節(jié)點(diǎn)就是一個(gè)頁(yè)面。流程圖的研究對(duì)象不是一個(gè)個(gè)頁(yè)面，而是一個(gè)個(gè)行為，所以，在IA的設(shè)計(jì)中不知該如何使用流程圖。
有時(shí)候整個(gè)IA設(shè)計(jì)完成后，設(shè)計(jì)者們還能想起來當(dāng)初畫過流程圖，可能會(huì)翻出流程圖來，校驗(yàn)一下設(shè)計(jì)出來的方案，看方案是否能讓這些任務(wù)順利。設(shè)計(jì)過程中并沒為流程而設(shè)計(jì)，事后的校驗(yàn)要想有好結(jié)果，恐怕要靠好運(yùn)氣了。
腫么辦？
因?yàn)榱鞒虉D的研究對(duì)象是行為而不是頁(yè)面，所以，在最終的基于頁(yè)面的產(chǎn)品設(shè)計(jì)方案中難以應(yīng)用，那么，我們想辦法把流程圖的研究對(duì)象轉(zhuǎn)化成頁(yè)面就成了唄~
出處：臭魚的交互設(shè)計(jì)
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) 保障任務(wù)流暢的IA設(shè)計(jì)方法 [2]
|
第 1 頁(yè) 保障任務(wù)流暢的IA設(shè)計(jì)方法 [1]
第 2 頁(yè) 
