起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識看似簡單編輯器，其實并不簡單
編輯器是內(nèi)容類社區(qū)產(chǎn)品必不可少的組件。對于編輯器的選型，很多人認為直接找個開源的就行了。其實事情并沒有那么簡單。
我們的產(chǎn)品是一個面向研發(fā)技術人員的內(nèi)容類社區(qū)。內(nèi)容類社區(qū)有兩類用戶：內(nèi)容生產(chǎn)者、內(nèi)容消費者。編輯器是產(chǎn)品和內(nèi)容生產(chǎn)者之間的關鍵觸點，其重要性不言而喻。在編輯器選型時，我們發(fā)現(xiàn)用戶習慣于使用office系列軟件寫文檔。于是選擇了一款風格接近于office軟件的在線富文本開源編輯器，如下圖：
用戶的抱怨
產(chǎn)品不斷發(fā)展，用戶規(guī)模逐漸變大，用戶對編輯器的抱怨也擠滿了產(chǎn)品的意見反饋區(qū)：
? ? “按鈕密密麻麻的，找個按鈕太難了！”
“默認字體能不能修改下啊！”
“網(wǎng)上那么多編輯器，不能直接抄一個嗎？”
“編輯器一點都不酷，連markdown都不支持?！?/p>
“表格真心難用??！邊線拖不動，從外面拷貝過來的表格格式全亂了。鬧心！”
……
考慮到社區(qū)中技術大牛們的影響力，產(chǎn)品決定優(yōu)先解決他們關心的問題，比如引入markdown。
我們在編輯器上增加了markdown的選項，讓用戶可以在原先的富文本編輯器和markdown編輯器之間切換。但是根據(jù)用戶使用數(shù)據(jù)分析，每100篇文章中不到1篇才使用了markdown。普通技術人員的抱怨聲依舊……
思考和抉擇
真的需要這么多按鈕嗎？
必須得承認，在產(chǎn)品初期，功能強大、按鈕眾多的編輯器，吸引了很多新用戶。但是在產(chǎn)品發(fā)展過程中，用戶開始關注常用按鈕的使用體驗。
人在處理信息、記憶細節(jié)方面的能力是有限的，過多的選擇會讓用戶無所適從。想想看吧，密密麻麻的幾排按鈕擺在你的眼前。
席克定律指出，如果用戶面臨的選擇越多，那么做出決定的時間也會相應增加。
從一段時間的用戶使用數(shù)據(jù)看，大部分的按鈕其實極少使用。如下圖：
寫文章一定要不停點擊按鈕嗎？
從用戶使用數(shù)據(jù)看，大部分用戶都喜歡把編輯器的默認字體A調(diào)整為字體B。如果把默認的字體調(diào)整字體B，那么用戶就會少一次點擊操作。
那么，默認的字體大小，還有默認的行距，等等，是不是也可以改變成大多數(shù)人喜歡的默認值呢。
直接抄一個網(wǎng)上的極簡版編輯器不行嗎？
直接抄別人的是不可行的。
每個產(chǎn)品面對的用戶不同，其使用訴求、場景也是不一樣的。即使極簡版的編輯器，背后也有其產(chǎn)品理念、典型用戶場景。
能同時滿足所有人的編輯需求嗎？
技術大牛想要很酷的編輯器，他們覺得富文本編輯器太low，需要的是markdown。他們是少數(shù)派，但往往都是意見領袖，你很難不重視他們的意見。他們很識貨、也很懂你，和他們溝通產(chǎn)品毫無障礙，這確實是個誘惑。但是他們想要的編輯功能往往會讓普通的技術人員產(chǎn)生迷惑。
對數(shù)量龐大的普通技術人員來說，他們就是想寫一篇文章，僅此而已。他們喜歡簡單、快速寫文章的體驗。編輯器嘛，能用就行。
編輯效果能像office一樣好嗎？
要達到office編輯體驗要花費巨大的成本。我們沒那么多人，也沒那么多時間。
還是要在用戶需求和成本之間權衡，量力而行。
抉擇：我們要為大多數(shù)的普通技術人員做一款簡單易用的在線編輯器。
改進之路
我們對編輯器進行了幾大類改進：修改按鈕的默認值、刪除基本不用的按鈕、隱藏不常用的按鈕、合并功能相同的按鈕、格式優(yōu)化。
其中，格式優(yōu)化包括內(nèi)部自建表格的格式修改，還有從外部拷貝文字、表格等的格式適配。深深地體會到了“把復雜留給自己，把簡單送給用戶”，其過程太過累心，本文不再介紹了。下面簡單介紹下前四類改進，其中，用到了《簡約至上》中的不少方法。
修改默認值
目標：即使用戶不點擊按鈕，也能獲得良好的編輯格式體驗。
主要把默認字體、默認字體大小、行距、段前距、段后距、字間距等按鈕的默認值按照大多數(shù)人喜歡的格式進行了調(diào)整。
刪除
目標：聚焦用戶的核心編輯需求，關注常用按鈕的功能體驗，干掉一些從未使用、極少使用的按鈕。
套用《點石成金》中的第三原則：去掉一半的按鈕，然后把剩下的按鈕再去掉一半。
即使某個按鈕極少使用，但是“敝帚自珍”，刪除也需要下很大的決心。
經(jīng)過艱難的權衡，刪除了視頻、格式刷、清除格式、模板等按鈕。
隱藏
目標：普通技術人員常用的按鈕可見，隱藏那些不常用、但是又必不可少的按鈕，隱藏技術大牛、專家級用戶使用的按鈕。
隱藏的好處很明顯，用戶不會因為不常用的眾多按鈕而分散注意力。
選擇哪一種隱藏呢？
第一種，收縮展開型。這種方式的弊端比較明顯，展開后，按鈕的位置發(fā)生了變化，讓用戶抓狂。
第二種，下拉菜單型。不常用的按鈕隱藏在下拉菜單中，鼠標點擊后出現(xiàn)。
第三種，實時出現(xiàn)型。這種方式下，隱藏的按鈕在用戶需要的時候出現(xiàn)。比如選中圖片后，出現(xiàn)圖片調(diào)整懸浮按鈕，可以修改圖片大小。選中表格后，才出現(xiàn)表格的各種操作按鈕。
產(chǎn)品選擇了“第二種 + 第三種”的隱藏方式。
合并功能相同的按鈕
目標：功能相同的按鈕盡量合并。
原來文字、表格、圖片都有自己的對齊按鈕（左對齊、右對齊、居中對齊），共有9個按鈕，其實不需要這么多。我們把對齊按鈕減少到了3個，即文字、表格、圖片的對齊都用一套按鈕。
最終改進后的編輯器如下圖：
以終為始
新的編輯器實際效果如何，還需要通過埋點數(shù)據(jù)和用戶調(diào)研來驗證。
花費不小代價改進的編輯器，可以推廣到其它產(chǎn)品線，使其價值最大化。
web端編輯器修改告一段落，還有移動端呢。
不得不說，做一款簡單易用的編輯器，真的不容易！
本文由 @?pahelia 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載。
題圖來自unsplash，基于CC0協(xié)議
嗨，您好，有跟您合作的意向，可以給一個聯(lián)系方式嗎
寫的太好了＼(^▽^)／！
是的，很多開放后臺的編輯器中，太多功能一整年下來都未必有一次使用
在哪里能夠找到你們寫得編輯器，我們找到得都不是很完善。