入職閱文有一年多了，開始接手閱文作家端的業(yè)務(wù)，這篇文章斷斷續(xù)續(xù)進(jìn)行了一個(gè)月才寫完，全是自己的總結(jié)，歡迎同行來交流～

一、桌面端寫作工具的優(yōu)勢(shì)

從移動(dòng)端的 “一維” 到桌面端的 “二維” 布局，將移動(dòng)端的多級(jí)界面扁平化，降低了信息架構(gòu)的深度，單頁面信息承載量更大。

1、相比 APP/WEB，桌面端的優(yōu)勢(shì)：

• 穩(wěn)定的操作環(huán)境，適合長(zhǎng)時(shí)間使用
• 更大操作區(qū)域，更快調(diào)取各類功能
• 更強(qiáng)的性能環(huán)境，能更快速響應(yīng)復(fù)雜操作

2、產(chǎn)品設(shè)計(jì)挑戰(zhàn)：

• 用戶更多的定制化功能訴求
• 工具型產(chǎn)品用戶快速上手的能力
• 多端使用場(chǎng)景的切換，在線/本地文檔儲(chǔ)存的機(jī)制

二、設(shè)計(jì)分析

以 通用類 “ 應(yīng)用布局 / 層級(jí) / 導(dǎo)航 / 對(duì)話方式 ” 及 特有的 “ 創(chuàng)作輸入 / 創(chuàng)作輔助 ” ，6個(gè)維度展開分析

1、應(yīng)用布局

聚合類：聚合多種文件格式（word/ppt/excle等），多欄縱向結(jié)構(gòu)便于查找，且管理功能較多，也需以列表形式羅列左側(cè)。

垂直類（我們）：主打文字寫作，因此強(qiáng)引導(dǎo) 建書 / 連載，多書同時(shí)編輯訴求較低，內(nèi)容區(qū)域應(yīng)以單書占頁面主導(dǎo)，且管理功能少，可固定頂部；

2、應(yīng)用層級(jí)

2.1、內(nèi)嵌窗口 —— 大多數(shù)情況適用

內(nèi)嵌窗口有利于多任務(wù)對(duì)照并行符合寫作產(chǎn)品特性 ，是桌面端相較其他端最大的優(yōu)勢(shì)

如「WPS」設(shè)置文本樣式功能，以右側(cè)窗口承載，查看生成后的效果 和 查看選項(xiàng)可對(duì)照進(jìn)行

2.2、新建窗口 —— 適用于進(jìn)程間有較多數(shù)據(jù)交互的情況

技術(shù)上為Webview調(diào)度，可讓各進(jìn)程獨(dú)立請(qǐng)求數(shù)據(jù)，無需考慮多個(gè)寫作頁面間數(shù)據(jù)同步的問題，適用于 換膚 / 拼字 等需通知其他頁面進(jìn)程的功能

「橙瓜」將工作臺(tái)與寫作臺(tái)分開，拼字等其他延展功能均在工作臺(tái)實(shí)現(xiàn)，規(guī)避了復(fù)雜功能與寫書的數(shù)據(jù)交互，數(shù)據(jù)互相獨(dú)立請(qǐng)求

3、應(yīng)用導(dǎo)航

寫作產(chǎn)品根據(jù)產(chǎn)品架構(gòu)需要，分別有 選項(xiàng)卡、主頁導(dǎo)航、書籍目錄

3.1、選項(xiàng)卡

網(wǎng)頁/聚合文檔對(duì)于新建和切換的訴求強(qiáng)，因此選項(xiàng)卡承載較多功能（常駐新建/右側(cè)固定常用功能）

寫作型產(chǎn)品聚焦單書創(chuàng)作，因此無需常駐添加（建書）按鈕，下圖作家助手優(yōu)于「橙瓜」

3.2、主頁導(dǎo)航

分為 組合導(dǎo)航 / 頂部導(dǎo)航 / 側(cè)邊導(dǎo)航，寫作工具功能數(shù)量少且穩(wěn)定，可讓出更多橫向空間展示單書信息，組合導(dǎo)航為最優(yōu)選擇

3.3、書籍目錄

區(qū)別于主頁導(dǎo)航，書籍目錄程樹狀結(jié)構(gòu)，導(dǎo)航不可編輯，目錄可編輯

目錄類型分為 僅標(biāo)題/ 標(biāo)題 + 正文 + 時(shí)間 / 窗格類，寫作工具為第一種

讀者關(guān)注 VS 作者關(guān)注，兩者目錄結(jié)構(gòu)一致，但關(guān)注點(diǎn)不同，作者在后臺(tái)對(duì)目錄編輯，然后呈現(xiàn)于用戶

同時(shí)，平臺(tái)也需要關(guān)注讀者視角下的展示效果，極端情況給予提示，或提供讀者視角預(yù)覽能力

在不用的時(shí)候，目錄需折疊，為碼字區(qū)域讓出更多空間，但又需了解當(dāng)前編輯/瀏覽位置，「飛書」提供了用橫線作為錨點(diǎn)方式，既不打擾又可知當(dāng)前坐標(biāo)；「 WPS」導(dǎo)入書籍后根據(jù)段落格式自動(dòng)生成目錄；「ulysses」可對(duì)某一章節(jié)設(shè)定字?jǐn)?shù)目標(biāo)，未達(dá)目標(biāo)給予提示，與以往的設(shè)定全文目標(biāo)字?jǐn)?shù)不同

4、對(duì)話方式

可分為 氣泡 / 抽屜 / 彈窗 / 頁面 ，其信息量與干擾性各異，需根據(jù)內(nèi)容性質(zhì)（ 對(duì)照 / 警示 / 編輯任務(wù) / 展示）選擇使用

4.1、氣泡

用于告訴用戶“這是什么”，出現(xiàn)位置和觸發(fā)它的元素具有非常緊密的位置關(guān)系，多用于首次下載時(shí)粗顆粒度介紹產(chǎn)品功能

但用戶使用工具型產(chǎn)品是循序漸進(jìn)的，不僅需要用氣泡告訴用戶“這是什么”，還需有常駐入口供隨時(shí)查看，即下圖類型3固定入口，告訴用戶“怎么用”

如何告訴用戶“怎么用”，總結(jié)為下圖4類方式，“文檔/通知/與幫助中心結(jié)合/與寫作課堂結(jié)合”，以是否支持用戶在主場(chǎng)景快速回溯并對(duì)照使用來評(píng)判方式優(yōu)劣，因此下圖1和3較優(yōu)

4.2、抽屜

抽屜從頁面的右側(cè)展開，覆蓋在原頁面之上，不占用畫布的實(shí)際顯示區(qū)域，能滿足 與主進(jìn)程對(duì)照使用 的需求

抽屜最大的優(yōu)點(diǎn)在于有充足的縱向空間，適合用于大綱、幫助中心此類對(duì)縱向空間要求較高的功能

抽屜在視頻軟件制作類工具會(huì)從底部展開，用于橫向拖動(dòng)幀，視頻窗口支持縮小不影響主編輯進(jìn)程，符合其產(chǎn)品特性

底部抽屜在寫作工具上則需慎用，會(huì)遮擋文本編輯窗口，影響主編輯進(jìn)程

4.3、對(duì)話框

對(duì)話框應(yīng)用場(chǎng)景分為 確認(rèn)類、展示類、任務(wù)類 三種

4.3.1、確認(rèn)類

用于二次詢問，承載較為緊急的信息，進(jìn)入下一環(huán)節(jié)前用戶必須做出選擇。如：用戶未保存或提交前文件有誤，必須由系統(tǒng)用對(duì)話框二次詢問用戶。

4.3.2、展示類

常用于展示規(guī)則告知，文本溢出伴隨滾動(dòng)條

4.3.3、任務(wù)類

常用于自定義設(shè)置，對(duì)話框內(nèi)可能包含輸入框/復(fù)選項(xiàng)/單選項(xiàng)，多見于作品管理，與“4.4頁面”定義模糊，兩者均可使用。

*對(duì)話框常與抽屜混淆使用，可根據(jù)下圖對(duì)業(yè)務(wù)場(chǎng)景做判斷

4.4、頁面

非模態(tài)（nonmodal/modeless），不會(huì)阻斷用戶的操作，用戶可以繼續(xù)之前的交互操作，不對(duì)其進(jìn)行回應(yīng)。

桌面端多進(jìn)程優(yōu)勢(shì)下，新開頁面與上一級(jí)可以沒有關(guān)聯(lián)，窗體支持拖動(dòng)，支持手動(dòng)拉伸，且窗體之上還可覆蓋對(duì)話框，如下圖大神碼字用頁面承載大綱，關(guān)閉頁面時(shí)彈出對(duì)話框確認(rèn)修改內(nèi)容。

其與移動(dòng)端底部彈出的頁面類似，用戶可以點(diǎn)擊頁面之外的其他位置關(guān)閉。

5、創(chuàng)作輸入

鍵盤輸入的形式，組合快捷鍵+雙手拼字，段落式文本為主，速度快，文本容錯(cuò)很重要；

窗體大且需適配多任務(wù)，鼠標(biāo)選擇范圍大，視覺動(dòng)線隨著光標(biāo)移動(dòng)，為達(dá)沉浸，熱區(qū)容錯(cuò)及坐標(biāo)穩(wěn)定很重要

右鍵編輯熱區(qū)范圍無需局限文本，快速大批量輸入后支持一鍵糾錯(cuò)

橫向跟隨任務(wù)變化穩(wěn)定居中，縱向光標(biāo)坐標(biāo)隨著文本量增加趨于穩(wěn)定，避免貼底

6、創(chuàng)作輔助

6.1、工具欄

工具用于輔助寫作，以聚合的方式出現(xiàn)在一起，形成工具欄，其位置可固定頂部或就近出現(xiàn)，分組以 自定義 / 一鍵操作 區(qū)分

工具位置：固定頂部為常用做法，但跟隨文本就近出現(xiàn)讓視覺動(dòng)線更穩(wěn)定，可組織部分常用工具放此處，如下圖所示，工具在選中文本時(shí)才出現(xiàn)，改寫內(nèi)容對(duì)比跟隨其后，且支持一鍵粘貼，視線無需離開編輯區(qū)域，就近即可完成多件事

工具類型：分為 自定義類 與 一鍵操作類，自定義類涵蓋多個(gè)選項(xiàng)（默認(rèn)/其他X個(gè)），需外露默認(rèn)項(xiàng)，因此需用下拉菜單承載；一鍵操作類1個(gè)選項(xiàng)開啟/關(guān)閉，除基礎(chǔ)選項(xiàng)（加粗/下劃線等），也應(yīng)對(duì)一系列相關(guān)的功能組合成最優(yōu)值，幫助用戶一鍵達(dá)到目標(biāo)效果。如，一鍵排版，設(shè)置內(nèi)容包含刪除空格、段落首行縮進(jìn)等。當(dāng)用戶需求較為簡(jiǎn)單時(shí)，只需設(shè)置一次即可達(dá)到目標(biāo)效果，而無需設(shè)置多次。

工具需基于用戶的主要行為路徑組織，常用的固定展示并分組，高級(jí)或不常用的隱藏，用戶對(duì)產(chǎn)品功能有著相對(duì)固定的使用習(xí)慣，需支持自定義，減少重復(fù)性的操作，組織方式總共分為以下三步驟

分組：「橙瓜」有下拉選項(xiàng)的字體設(shè)置用色塊，其余用icon，icon間類型不同的留白隔開，「WPS」的混合排布，騰訊文檔有分組但不利用色塊區(qū)分，「橙瓜」的工具選擇的決策時(shí)間更短

隱藏：「飛書」 省去了頂部工具欄，浮動(dòng)代替固定展示，即編輯器內(nèi)有文本且選中文本時(shí)才出現(xiàn)，如無必要不增實(shí)體

自定義：支持用戶主動(dòng)隱藏少用/展示常用工具，支持自定義慣用快捷鍵組合方式

6.2、輸入狀態(tài)顯示

自上而下的輸入，視覺動(dòng)線恒定在頁面中下方，因此在底部展示當(dāng)前輸入狀態(tài)最為合適，信息及功能類型大多沿襲老牌Office辦公軟件，理解門檻低。

6.3、內(nèi)容安全保障

對(duì)于寫作工具來說，內(nèi)容安全為生命線，是沉浸體驗(yàn)的基礎(chǔ)，創(chuàng)作節(jié)點(diǎn)需被保存（自動(dòng)/手動(dòng)），保存則形成數(shù)據(jù)歷史，數(shù)據(jù)歷史需具備兜底能力（歷史版本查看/恢復(fù)）

6.3.1 自動(dòng)保存

一般可手動(dòng)設(shè)置保存間隔，除認(rèn)知減負(fù)外，數(shù)據(jù)保障效果也最好，間隔范圍可以是幾秒鐘，幾分鐘甚至幾小時(shí)，這里需要根據(jù)性能損耗定奪，過于頻繁的存檔性能損耗也會(huì)造成數(shù)據(jù)丟失，并非間隔越短越好

CTRL+Z撤回 也是自動(dòng)保存的一部分，輸入是個(gè)反復(fù)的過程，AI寫作工具「秘塔寫作貓」在加載過程反復(fù)提示CTRL+Z可撤銷文本，告知用戶與普通文檔沒有什么區(qū)別，安全感十足

省去了手動(dòng)保存成本的同時(shí)，需在顯眼位置提示用戶保存結(jié)果，對(duì)自動(dòng)保存產(chǎn)生信任，如下圖編輯器外文檔列表的提示，編輯器內(nèi)顯眼處的提示

若用戶進(jìn)行危險(xiǎn)操作，如關(guān)閉存檔功能，應(yīng)如下圖WPS做??警示和免責(zé)聲明

若網(wǎng)絡(luò)異常無法在線備份，應(yīng)如下圖引導(dǎo)刷新的同時(shí)，支持手動(dòng)備份

6.3.2 主動(dòng)保存

部分在線工具會(huì)提供 二次保存按鈕按鈕或快捷鍵(Ctrl+S) 供用戶二次確認(rèn)，相比機(jī)器人們更相信自己，「橙瓜」除了持續(xù)提示文檔系統(tǒng)已幫用戶保存，也會(huì)在目錄上方提供同步按鈕供用戶點(diǎn)擊。

歷史版本查看/恢復(fù)需以下圖右側(cè)目錄形式展示，回退某個(gè)節(jié)點(diǎn)這件事本身也需形成一個(gè)新的點(diǎn)

為避免誤操作，下圖「飛書」查看歷史版本需進(jìn)入編輯狀態(tài)，操作結(jié)果可以編輯狀態(tài)下的“確認(rèn)還原“為準(zhǔn)，未確認(rèn)的不作數(shù)

本地?cái)?shù)據(jù)需考慮更換設(shè)備的情況，如「QQ音樂」會(huì)在Wi-Fi環(huán)境備份設(shè)備已下載歌曲，更換設(shè)備后，同賬號(hào)下，支持下載“歷史“本地歌曲，可單條下載也可一鍵下載，關(guān)注換機(jī)用戶數(shù)據(jù)同步的痛點(diǎn)

桌面端寫作工具行業(yè)趨勢(shì)

由人輔助機(jī)器（根據(jù)用戶習(xí)慣決定功能）轉(zhuǎn)向機(jī)器輔助人（功能主動(dòng)幫助用戶），即Ai生成式文本創(chuàng)作，基于不同程度的算法能力，為不同創(chuàng)作階段提供 “智能改寫 / 智能續(xù)寫 / 智能檢索 / 一鍵排版 / 圖片識(shí)字”

1、智能改寫

改寫主要發(fā)力于錯(cuò)字錯(cuò)詞/標(biāo)點(diǎn)/語序/語法/敏感詞等算力成本低的類型上，目前在主流寫作工具 如「橙瓜」等已廣泛運(yùn)用，

下圖「秘塔寫作貓」將改寫統(tǒng)計(jì)至右側(cè)，清晰明確（包括哪些需付費(fèi)），糾錯(cuò)較為準(zhǔn)確，免費(fèi)功能即可滿足糾正低級(jí)錯(cuò)誤，網(wǎng)絡(luò)詞匯等高級(jí)詞匯提示需利用更加復(fù)雜的算力，為付費(fèi)功能

2、智能續(xù)寫

目前的AI寫作技術(shù)還不足以支撐完整的AI生成故事，國(guó)內(nèi)的部分AI寫作平臺(tái)可根據(jù)上下文 按句續(xù)寫/按段續(xù)寫，劇情走向用戶可選，彌補(bǔ)了AI生成故事完整性欠缺的問題

如下圖的按句續(xù)寫，以“聲音又響起來”為節(jié)點(diǎn)，往后均為AI通過上下文的理解按句輸出，右側(cè)為生成的池子，選擇某句想要的進(jìn)行填充，根據(jù)單句AI再推理下一句，劇情走向在用戶控制范圍內(nèi)，合理通順

按段續(xù)寫則如下圖，「火龍果」支持理解上下文中的人物名稱，根據(jù)主謂賓填充至生成的文本中，劇情走向選擇多，且敘述邏輯也較為合理

下圖「騰訊effidit」，續(xù)寫段落，還額外提供了文中個(gè)別語義相關(guān)的網(wǎng)絡(luò)素材

國(guó)外AI續(xù)寫主流產(chǎn)品為「NovelAI」，其續(xù)寫能力僅支持連續(xù)寫作，劇情走向較不可控，邏輯不通順，較大的改寫成本

*黃色字為用戶輸入的開頭，白色字為生成部分

*翻譯后

3、智能檢索

根據(jù)選中的文本，利用爬蟲技術(shù)查詢?nèi)W(wǎng)可能匹配的素材，素材內(nèi)容可為“文章/詞義解釋/圖片等”