95後霸氣PM妹子：與其吐槽墨刀官網太難用，不如自己動手改版，附最終效果圖

以前一直都是用Axure做原型圖，最近因為工作需要，接觸了墨刀這款產品。這裡無意對比兩款軟體到底哪個好用，只想吐槽一下，墨刀的官網實在是有些混亂，討論區實在是太難用了。

在我瀏覽這個網站的過程中，充斥著：「這個到哪裡去了？我怎麼跑這裡來了？怎麼又回去了」這樣的疑問。

其實墨刀這個軟體還是非常好用的，但是不成體系的學習教程和討論區，以及較為混亂的布局無形之中增大了墨刀的學習成本。

本文按照我自己的理解對墨刀官網進行一定的改版和整理。

1頂部導航區域改版（未登錄狀態）

墨刀首頁（未登錄狀態）

改動一：去掉左上角的中英文切換功能

一般來說，選擇語言時在使用軟體一開始就確定下來的，之後很少會修改它。因此這個功能沒有必要放到這麼明顯的位置。

改動二：去掉功能導覽

在非首頁的其他頁面，功能導覽這個導航菜單都是沒有的。而唯獨出現在首頁的功能導航，點擊進去之後竟然還是首頁，實在是一個多餘的設置。

改動三：去掉博客

從博客的內容來看，這實在是一個比較雞肋的功能。

首先是內容非常雜亂，有新功能介紹，操作答疑，線下活動推薦，產品經理知識……

其次從文章發布時間來看，最新的文章是兩個月之前，再往前，有一個月連發好幾篇的，有一個月一篇也沒的。感覺墨刀官方也沒有很用心的經營這個版塊，說是官方精品文章，但是文章內容和討論區中墨刀官方發布的文章看不出來明顯區別，且有重合之處。

還有一個最大的問題是，當用戶登錄墨刀進入工作區之後，這個版塊就不見了！

因此，在墨刀官方不是很能保證文章質量和更新頻率的情況下，完全可以將這些文章整合到討論區中，而無需獨立出一個版塊增加運營負擔。

改動四：增加「套餐介紹」版塊

我在一開始註冊墨刀的時候，墨刀贈送了我十幾天的創業版賬號使用許可權。然而墨刀官網中有關收費項目的介紹不是混雜在入門教程和討論區中的，就是隱藏在個人設置中。由於墨刀沒有在註冊流程中給予引導性的說明，因此一開始我並不知道創業版和免費版有什麼區別，這就導致即使後來我對創業版這個詞產生了興趣，也無法快速找到關於不同套餐區別的全面介紹。

這就好像有一個商品，你想要賣給我，但是你不告訴我這個商品是幹嘛的，其實是不利於銷售的。

改動五：將頁面導航與登錄註冊按鈕分開

目前的登錄按鈕採取了和其他導航菜單一致的樣式，這個頁面上唯一的登錄入口太不明顯，容易導致用戶登錄流程出現問題。具體請看第三部分：註冊和登錄流程的改版。

改動六：增加導航菜單選中樣式

以討論區這個導航菜單為例，目前當切換到討論區的頁面時，採取的是特大標題加一句話描述的形式，告知用戶當前所在位置。

但是這樣的形式會佔據太大區域，壓縮正式內容顯示空間。讓當前頁面對應的導航菜單顯示不同的樣式，則可解決這個問題。

討論區頁面（未登錄狀態）

綜合以上，頂部導航區改版如下：

改版後頂部導航區

2入門教程頁面改版

除頂部導航區和底部區域外，這個頁面一共分為兩個大版塊：視頻和文檔，同時提供電子書下載和搜索的功能。

入門教程頁面--視頻部分

在墨刀網站的視頻版塊中，加入了免費電子書和搜索文檔的按鈕。但是從邏輯上來看，免費電子書和視頻應該屬於平級的內容，不應混雜在視頻版塊。同樣的搜索文檔功能，與視頻功能是沒有關係的，也不應該放在這裡。

入門教程頁面--文檔部分

查看文檔中的內容，會發現這些文章都是討論區的帖子。使用搜索功能搜索文檔，更是會直接跳轉到討論區。

另外，當我們從入門教程中通過預覽文章或搜索進入討論區後，並沒有回到入門教程的路徑，導致用戶只能通過非正常路徑（點擊導航菜單重新進入）回到入門教程板塊，影響用戶體驗。

我改版的原則是：精簡用戶獲取學習教程的方式和內容，以一種學習方式為主，構建從入門到進階的學習體系。

1，改變原來選項卡的展示形式，將入門視頻和進階視頻分為兩個獨立的區域。

2，對於已經登錄的用戶，視頻左上角記錄學習進度，標記已學狀態。

3，當用戶學完後，引導用戶點擊頁面底部的完成圖標，顯示出其餘學習方式和內容。如下圖：

3註冊登錄流程相關改進

墨刀的首頁除了內容展示，還提供一個註冊的功能。點擊第一屏的「立即體驗」，會定位到倒數第二屏，也就是下圖。

首頁立即體驗部分

看到這個頁面，你認為他是一個註冊的頁面還是登錄的頁面呢？

但是在不仔細分析的情況下，如果我將這個頁面理解為登錄頁面，其實也是合理的。畢竟這個頁面的標題和提交按鈕上的文字，是完全可以適用於已有賬號的登錄者的。而且墨刀官網唯一的登錄入口實在是太不顯眼了，被忽略掉也是有可能的。

提示我郵箱已經被佔用。這裡存在兩個問題：

如果郵箱已經被佔用，其實應該設置登錄頁面為跳轉鏈接才對。

如果默認用戶輸入錯誤導致的郵箱被佔用，還是需要引導用戶繼續註冊，那麼只需要在輸入郵箱的時候在本頁面給出提示，而不用跳轉到專門的註冊頁面，否則用戶不僅要重新輸入郵箱信息，還要重複輸入本來已經輸入正確的姓名和密碼。

針對以上問題，對這一塊的改進有如下幾點：

突出顯示登錄按鈕

將頂部導航中登入按鈕與其他導航區分開（在頂部導航改版部分已經說過），讓登錄入口明顯一些。

調整表單順序

讓用戶先輸入郵箱地址。用戶輸入完成游標離開之後，程序在當前頁面檢測，如郵箱已註冊，則給出提示。

加入登錄引導

加入「已有賬號，立即登錄」的提示，讓用戶明確理解此處的表單是註冊行為，如果需要登錄，用戶可以通過這裡的登錄入口進入。

綜合以上，此處的改版如下圖所示：

改版後立即體驗部分

4討論區列表頁改版

墨刀討論區

討論區是整個墨刀網站最重要的部分，因為墨刀的很多功能都是直接鏈接的討論區文章，包括：

1，入門教程的文檔部分；

2，網站底部導航中的「功能更新」；

3，網站底部導航中的「常見問題」；

但是這裡的邏輯其實是非常混亂的，具體表現在以下幾方面：

1，版塊區分混亂。

從導航來看，墨刀將討論區分為了：精選，分享，書單，功能請求和功能答疑五個小版塊。

但是實際上，當你從功能更新導航進入討論區的時候，你會發現一個叫做「系統更新」的標籤，意味著系統更新其實也是討論區的一個版塊，但是你無法在討論區的導航中找到它。

然後，當你點擊發布帖子的按鈕進入帖子編輯界面的時候。你會發現多出了一個招聘的板塊。而討論區列表的書單板塊，這裡並沒有出現了。

2，各版塊內容混亂

各版塊之間的界定沒有非常清楚，不僅用戶沒有按照既定規則發帖，墨刀官方團隊也沒有很好的執行內容分區規則，導致討論區各版塊一度非常混亂，給想在討論區獲取信息的用戶造成很大困擾。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！