這一次，我剛剛培訓(xùn)了公司的新同學(xué)，并整理了編寫交互式文檔的想法。我希望能幫助新生。

交互式文檔是設(shè)計者的輸出。首先，需要澄清文檔的用戶和目標(biāo)。互動文件的受眾主要是下游同事，包括視覺，動畫，開發(fā)，測試等，以及他們自己和PM;該文件的目標(biāo)是讓下游同事清楚地知道如何設(shè)計它們，以便他們在做自己的工作時可以參考;此外，文檔還應(yīng)該讓他們理清他們的想法并與PM討論。

在澄清交互式文檔的用戶和目標(biāo)之后，讓我們看一下它應(yīng)包含的內(nèi)容。具體內(nèi)容將根據(jù)工作需要而有所不同。在這里，我將討論在編寫完整的交互式文檔時我將包括的內(nèi)容。

1.修改記錄

更改記錄是整個文檔的歷史記錄。它使變更的每個步驟都可追溯，這樣每個位置都可以查看每次添加，修改或刪除的內(nèi)容，同時方便同事在移交工作時了解整個文檔的歷史記錄。

一般修改記錄需要包括以下內(nèi)容，文檔版本，需求版本，修改內(nèi)容，修改界面（可以鏈接到頁面），修改原因，修訂日期，修改人等。

注意事項：及時更新，確保內(nèi)容詳盡，完整。

2.需求分析

需求分析是設(shè)計之前的必要步驟。記錄它至少有兩個優(yōu)點，這樣您就可以清醒并確保清楚地考慮設(shè)計中的問題。在審核時，讓每個人都知道推導(dǎo)計劃的過程。推動程序并減少差異更容易。

需求分析有很多方法，但進行需求分析的想法是一致的。

首先，應(yīng)該清楚目標(biāo)是新產(chǎn)品，新功能設(shè)計還是修訂或優(yōu)化。為了實現(xiàn)用戶目標(biāo)和業(yè)務(wù)目標(biāo)，不同的產(chǎn)品規(guī)模決定了需求分析的數(shù)量，不同的目標(biāo)決定了分析的重點。

開始使用相關(guān)信息，包括需求詳細(xì)信息，競爭產(chǎn)品信息，用戶反饋，用戶數(shù)據(jù)等。較小的需求可能不需要太多信息，并且根據(jù)不同的項目選擇所需的信息。

最后，它是分析。不同的項目使用不同的方法常用方法包括場景分析，經(jīng)驗圖，任務(wù)分析，用戶決策過程分析和完整生命周期分析。這里沒有詳細(xì)描述每種方法的使用，并且提供了兩個例子供參考。

注意：

雖然它看起來很小或很清楚，但大多數(shù)要求都要進行分析。

不要進行需求分析，讓它指導(dǎo)設(shè)計。

需求分析也需要迭代。

3.信息架構(gòu)

信息架構(gòu)是整個產(chǎn)品的骨架。對于新產(chǎn)品和新功能，我們通常會對信息架構(gòu)進行梳理，并且相對穩(wěn)定。除非經(jīng)過修訂，否則不會轉(zhuǎn)向信息架構(gòu)。信息架構(gòu)圖可以幫助我們在早期階段整理整個產(chǎn)品的結(jié)構(gòu)，然后根據(jù)大型架構(gòu)進行迭代，同時使信息更易于理解和瀏覽。

由于信息架構(gòu)非常重要，我們應(yīng)該如何理清信息架構(gòu)？作者提出了幾個想法：

結(jié)構(gòu)類型根據(jù)產(chǎn)品特性確定。本產(chǎn)品適用于分層結(jié)構(gòu)，自然結(jié)構(gòu)，線性結(jié)構(gòu)或基質(zhì)結(jié)構(gòu)。最常見的是分層結(jié)構(gòu)，它逐層分解信息，直到用戶需要的信息。

類別的組合，分類不同類型的功能并集成類似功能。

根據(jù)功能的重要性，業(yè)務(wù)價值，使用頻率等確定功能的優(yōu)先級并提取重要功能。

構(gòu)建信息體系結(jié)構(gòu)并考慮可伸縮性。

注意：當(dāng)有新功能和新方向時，在適當(dāng)?shù)臅r間迭代。

4.流程圖

流程圖是用于梳理任務(wù)和操作程序的工具。它可以幫助我們整理過程，避免遺漏，清除過程的主要過程;將過程與頁面設(shè)計進行比較;向同事解釋一項任務(wù)是如何完成的。

繪制流程圖時需要注意以下幾點：

根據(jù)流程類型，分離任務(wù)流，操作流和內(nèi)部算法流。不要混合和寫，否則這個想法很容易被打亂。

編寫任務(wù)，不要在大型??進程中編寫產(chǎn)品的所有進程，因此容易錯過，查看不方便，而且進程過大且容易出錯。

區(qū)分主要和次要流程非必要流程，以便流程清晰。

盡可能簡化流程圖，多個狀態(tài)指向可以合并的相同結(jié)果。

5.頁面地圖

頁面映射是詳細(xì)設(shè)計的主要內(nèi)容，包括頁面結(jié)構(gòu)，頁面映射，注釋，頁面流程。需要視覺，動態(tài)，開發(fā)和測試的學(xué)生了解設(shè)計細(xì)節(jié)。

1.頁面結(jié)構(gòu)

頁面結(jié)構(gòu)是整個文檔的框架。不同類型的產(chǎn)品具有不同的文檔結(jié)構(gòu)，例如信息體系結(jié)構(gòu)，過程類型和不同的角色模型。

2.頁面地圖

頁面映射包括主界面，特殊狀態(tài)，反饋等。

主界面圖需要指出：

布局關(guān)系

內(nèi)容主要和次要

功能

操作

… ..

特殊狀態(tài)包括:

中間狀態(tài)

網(wǎng)絡(luò)問題

負(fù)載

空狀態(tài)

不可用

… ..

反饋包括：

吐司

頁面反饋

彈出窗口

… ..

3.備注

接口說明

操作說明

視覺效果和動作要求的描述

提供外部信息的備注

需求狀態(tài)描述

… ..

4.頁面流程

為了便于描述，該過程中的頁面可以由頁面流表示，并且頁面的跳轉(zhuǎn)關(guān)系是串聯(lián)連接的。

注意：

可以使用沒有文字的圖形

嘗試盡可能簡單

有小學(xué)和中學(xué)

6.公開定義的過時頁面

公共定義是單獨編寫的，易于維護，不需要為每個接口進行修改。丟棄的頁面分別取出以便于追溯，讓下游同事知道這些變化。

總結(jié)

編寫文檔的過程也是一個設(shè)計思維過程。一方面，有必要確保設(shè)計思想沒有問題，另一方面，要使文檔具有高可讀性，以上是對作者的一點總結(jié)。

作者：簡，1年互動設(shè)計師，歡迎改善溝通。

本文最初由@Jane發(fā)布。未經(jīng)許可，禁止復(fù)制。

該地圖來自PEXELS，基于CC0協(xié)議

« FF創(chuàng)造了兩輛量產(chǎn)車，但FF股權(quán)將不可避免地被凍結(jié)兩次 | AI產(chǎn)品之路（1）：機器學(xué)習(xí) »