本文作者將從三個(gè)步驟來說明在設(shè)計(jì)整個(gè)產(chǎn)品過程的信息架構(gòu)設(shè)計(jì)，enjoy~

該系列交互設(shè)計(jì)文章，抽取工作中需要的核心步驟，預(yù)估計(jì)有6篇，暫擬定如下內(nèi)容：

• 交互設(shè)計(jì)流程一之需求分析

• 交互設(shè)計(jì)流程二之架構(gòu)設(shè)計(jì)

• 交互設(shè)計(jì)流程三之流程設(shè)計(jì)

• 交互設(shè)計(jì)流程四之頁面布局設(shè)計(jì)

• 交互設(shè)計(jì)流程五之交互文檔輸出

• 交互設(shè)計(jì)流程六之設(shè)計(jì)測試與評(píng)估

架構(gòu)設(shè)計(jì)全稱是信息架構(gòu)設(shè)計(jì)，架構(gòu)設(shè)計(jì)的好壞能夠決定用戶對(duì)于整個(gè)產(chǎn)品的易用性。日常生活中，大家也一定聽過這個(gè)抱怨“這個(gè)功能怎么會(huì)在這里面，找半天沒找到”，這樣的原因十有八九是因?yàn)榧軜?gòu)設(shè)計(jì)的問題。

為什么我們需要信息架構(gòu)設(shè)計(jì)呢？因?yàn)闆]有的話，整個(gè)產(chǎn)品就會(huì)混亂，能夠讓用戶看到產(chǎn)品第一時(shí)間對(duì)于整個(gè)產(chǎn)品有大致的感覺，能夠?qū)崿F(xiàn)什么。

舉個(gè)例子，對(duì)于內(nèi)容社交平臺(tái)，用戶已經(jīng)被微博抖音等平臺(tái)教育，最核心的功能點(diǎn)就是“發(fā)布”，其他的一級(jí)導(dǎo)航是首頁/發(fā)現(xiàn)/個(gè)人頁等，就算有所偏差并不會(huì)有大的差異，那么這個(gè)時(shí)候如果一款新的內(nèi)容社交平臺(tái)去挑戰(zhàn)這種信息架構(gòu)（前提是這種信息架構(gòu)已經(jīng)很成熟，經(jīng)過用戶和市場的考驗(yàn)），那么有很大的可能會(huì)失敗。

一、架構(gòu)設(shè)計(jì)的前期工作

前期工作包含以下四點(diǎn)：

1. 了解目標(biāo)用戶的使用場景和特性

2. 了解業(yè)務(wù)需求

3. 調(diào)研精品的信息架構(gòu)

4. 卡片分類法

1. 了解目標(biāo)用戶的使用場景和特性

這個(gè)不用介紹過多，尤其對(duì)于C端產(chǎn)品，產(chǎn)品經(jīng)理和設(shè)計(jì)師需要時(shí)刻把用戶放在首要位置，充分明白用戶的需求和習(xí)慣，不要輕易挑戰(zhàn)用戶習(xí)慣。這里介紹一個(gè)方法，大家應(yīng)該都有聽過的Persona構(gòu)建，聽起來比較高大上，說的簡單一點(diǎn)就是把一個(gè)目標(biāo)用戶具像化（如下圖，圖片摘自人人都是產(chǎn)品經(jīng)理），他有名字，有公司，有自己當(dāng)前的操作和目標(biāo)等，這樣的一個(gè)方法會(huì)讓目標(biāo)用戶真正落地，更加“有血有肉”，讓產(chǎn)品和設(shè)計(jì)師更好的考慮用戶場景和需求。

2. 了解業(yè)務(wù)需求

不同產(chǎn)品的盈利模式不同，所以要充分明白自己產(chǎn)品的業(yè)務(wù)需求，簡單的例子，某個(gè)app主要通過用戶付費(fèi)來產(chǎn)生應(yīng)盈利，那么在設(shè)計(jì)過程中肯定要通過適當(dāng)?shù)囊龑?dǎo)，鼓勵(lì)用戶進(jìn)行付費(fèi)，同時(shí)付費(fèi)的重要性層級(jí)在信息架構(gòu)中也要有所體現(xiàn)。這個(gè)過程當(dāng)然是對(duì)用戶體驗(yàn)有所損失的，但是所有產(chǎn)品都需要有自己的生存方式。

3. 競品信息架構(gòu)

這個(gè)應(yīng)該是大家用的最多的一種方法，省時(shí)又省力，效果還很不錯(cuò)。成熟的競品分析能夠幫助我們很多，它培養(yǎng)好了用戶習(xí)慣，替我們教育了用戶，同時(shí)踩了很多的坑。我個(gè)人進(jìn)行競品分析的時(shí)候，主要會(huì)關(guān)注兩個(gè)地方，第一共同點(diǎn)，這個(gè)往往就是該類產(chǎn)品所必須擁有的功能，第二差異點(diǎn)，這個(gè)往往是每個(gè)產(chǎn)品的特色功能。

在工具使用方面，各種腦圖軟件都可以，不必太拘泥，我個(gè)人挺喜歡用百度腦圖的，在線的隨時(shí)用，其他的mindmap/xmind/mindmanager等都可以。

4.卡片分類法

這個(gè)方法個(gè)人在讀研期間用過一次，覺得還可以。具體來說，就是提取產(chǎn)品中的主要功能點(diǎn)并讓目標(biāo)用戶進(jìn)行分類，理解起來也很簡單，就是盡量去再現(xiàn)目標(biāo)用戶心中理想的架構(gòu)設(shè)計(jì)和分布（如下圖，圖片摘自人人都是產(chǎn)品經(jīng)理），我做的時(shí)候，會(huì)告訴用戶分為幾類，因?yàn)槿绻耆珱]有限制，那么用戶由于沒有產(chǎn)品設(shè)計(jì)的經(jīng)驗(yàn)所產(chǎn)生的結(jié)果會(huì)過于凌亂，對(duì)于我們沒什么參考價(jià)值。在制作功能卡片之時(shí)，有幾個(gè)注意點(diǎn)：

• 首先，不能有包含關(guān)系的卡片出現(xiàn)，選擇的功能一般是屬于架構(gòu)中的最末端；

• 其次，對(duì)于前一點(diǎn)的補(bǔ)充，有時(shí)候不能分的太細(xì)，功能卡片的提取需要靈活處理；

• 第三，卡片數(shù)量不要太多，那樣會(huì)給用戶造成很大的困擾；

• 第四，需要確保用戶對(duì)于每一個(gè)卡片功能點(diǎn)的意思都明確（這很重要）；

• 第五，需要記錄在這個(gè)過程中用戶的抱怨和疑惑，適當(dāng)對(duì)用戶進(jìn)行引導(dǎo)。

二、架構(gòu)設(shè)計(jì)的產(chǎn)出

經(jīng)過以上的準(zhǔn)備，對(duì)于產(chǎn)品的大致信息架構(gòu)已經(jīng)比較明了，接下來一步對(duì)于同一個(gè)層級(jí)的功能進(jìn)行重要性分級(jí)，每個(gè)功能點(diǎn)的重要性不同，設(shè)計(jì)之時(shí)采用的布局形式都有有所不同，例如按鈕和文字鏈都可以實(shí)現(xiàn)跳轉(zhuǎn)，顯而易見按鈕會(huì)更重更突出一些，所以如果在同一個(gè)頁面中有按鈕和文字鏈的兩種跳轉(zhuǎn)方式，那么基本上屬于不同重要性層級(jí)的。

在進(jìn)行整體架構(gòu)設(shè)計(jì)的時(shí)候，需要注意平衡好層和度，層就是層級(jí)，不能讓一個(gè)功能的層級(jí)過深，度是指一個(gè)節(jié)點(diǎn)下的功能點(diǎn)不要過多，總體來說，就是不要過于扁平化也不要路徑太深。

三、對(duì)架構(gòu)設(shè)計(jì)進(jìn)行評(píng)價(jià)

進(jìn)行產(chǎn)出，當(dāng)然需要進(jìn)行評(píng)價(jià)，以便進(jìn)行修改和迭代。但是說實(shí)話，日常工作中評(píng)價(jià)一般不會(huì)在架構(gòu)設(shè)計(jì)后進(jìn)行，更多情況下在版本迭代的時(shí)候進(jìn)行，如果一些團(tuán)隊(duì)能夠做到，那是極好的。這里其實(shí)就是進(jìn)行一些簡單的用戶測試，例如：

1. 看用戶是否能夠較快找到某幾個(gè)功能點(diǎn)；

2. 用戶在大致了解信息架構(gòu)后，能夠?qū)τ谡麄€(gè)產(chǎn)品的作用和定位有大致印象，并說出一些類似產(chǎn)品。如若以上都能順利完成，那么說明信息架構(gòu)設(shè)計(jì)是較為成功的。

經(jīng)過以上三個(gè)步驟，信息架構(gòu)基本上已經(jīng)比較明確了，后期在逐漸深入的過程中包括版本迭代，都會(huì)慢慢進(jìn)行改進(jìn)，畢竟什么事情都不是一步到位的。以上的三個(gè)步驟是說明在設(shè)計(jì)整個(gè)產(chǎn)品過程的信息架構(gòu)設(shè)計(jì)，實(shí)際上也能應(yīng)用于單個(gè)復(fù)雜頁面的產(chǎn)出，流程大致是：