「解Vol1：做石墨文檔的48小時產品經理」優秀作品賞

註：本文含有 20 個產品原型作品，收藏後用電腦端打開原型鏈接將獲得更好的查看效果。

上周，「解Vol1：做石墨文檔的48小時產品經理」正式落下帷幕，在這次產品設計核心技能訓練中，我們收穫了非常多優質的解決方案，除了最終獲得最佳方案獎（1名）和優秀方案獎（5名）的 6 位以外，還有大量有趣有料的產品解決方案。

墨刀聯繫了共 20 個各有千秋的作品，並獲得授權，將這些佳作整理到一起供大家學習參考：

著眼問題：

Q1、Q2、自選命題

Q1、Q2、Q3 問題詳情見：「做石墨文檔的48小時產品經理」

作品鏈接

點擊查看

亮點速覽：

1、優先順序

作者去 App Store 里查看差評，絕大部分都是在吐槽閃退、文件異常消失等功能性的不足，所以相比優化UI或UE來講，可能儘快修復Bug的優先順序應該更高一些。

2、任務系統

考慮到手機的屏幕像素有限，大部分人使用手機App時只會用來完成閱讀功能，所以我在設計時為石墨文檔加入了「任務」系統。在編輯文檔時通過@同伴可以為同伴添加閱讀任務，通過邀請同伴一起編輯可以為同伴添加編輯任務。同伴在手機App中的任務板上可以輕鬆完成閱讀以及關閉任務的操作。

著眼問題：

Q1、Q2、Q3

作品鏈接

點擊查看

亮點速覽：

作者優化思路詳解

1、等待界面

整理常見載入頁面的優化策略，總結出以下幾個維度的優化方向：

1. 預先告知
2. 縮短主觀等待時間
3. 一些補救措施

2、尋找文件

分類呈現搜索結果：

3、頁面布局優化

通過對一些 評論、分享功能的刪除，界面空間合理利用。使更多頁面功能更清晰，易於識別，同時使用更清晰的大圖標，提高可識別性。

著眼問題：

Q1、Q2、Q3

作品鏈接

點擊查看

亮點速覽：

1、自定義底部工具欄

通過自定義底部工具欄功能讓用戶可以根據自我需求個性化自己的工具欄，從而合理安排屏幕空間。

2、導出優化

輸出時顯示小動效（如打字機打出紙張動畫），同時在頁面底部顯示石墨使用 tips，5s 換一個。

著眼問題：

Q2

作品鏈接：

點擊查看

亮點速覽：

增加標籤功能，並使用標籤顏色作為篩選方式。方案雖然簡單，但是開發成本較小，用戶理解難度較小，可行性高，很適合快速迭代到產品之中。

著眼問題：

Q1、Q3

作品鏈接：

點擊查看

亮點速覽：

1、二級頁面

對石墨鍵盤當前的框架改動較小，二級頁面對於提高整個石墨工具欄利用效率能夠起到比較關鍵的作用。

2、界面空間

作者設想在工具欄有限的界面里，以後版本還會增加更多功能和預設模板，為新功能留出了適當的界面空間。

著眼問題：

Q1、Q3

作品鏈接：

點擊查看

亮點速覽：

通過對石墨app文檔頁面元素的拆解，提出了沉浸模式的觀點，不僅降低用戶理解成本，也非常符合沉浸式寫作的使用場景。

著眼問題：

Q1、Q2、Q3

作品鏈接

點擊查看

亮點速覽：

1、文檔提示功能：

文檔提醒功能，設定時間提醒該文檔需要書寫，在日報、日記、待辦事項等場景可以有所應用。

2、下載列表：

用一個頁面承載下載列表功能，方便用戶管理自己下載的內容。

著眼問題：

Q1

作品鏈接

點擊查看

亮點速覽：

1、字型大小設置和文字顏色設置：

通過更細緻的交互設置，讓用戶在小屏幕上仍可方便的定義字型大小和文字/背景顏色。

2、提及

提及頁面可@某位好友或非好友用戶，也可直接鏈接到某個文檔，增強文檔間的關聯性。

著眼問題：

自選命題

作品鏈接：

點擊查看

亮點速覽：

1、需求文檔和建議

作品提出對石墨文檔4個板塊的需求說明，和4個細節建議，並在繪製交互原型的基礎上也使用工作流對自己的想法做出詳細說明。

2、最近刪除

作品在「最近」功能里增加了「最近刪除」功能，「允許用戶反悔一次」，提高用戶滿意度。

著眼問題：

Q3

作品鏈接：

點擊查看

亮點速覽：

導出確認頁

增加一個頁面方便用戶在導出前對導出文檔的名稱、保存路徑快速修改，並在文檔格式處對所導出文件類型做明確標註，方便用戶二次確認

著眼問題：

Q3

作品鏈接：

點擊查看

亮點速覽：

1、測試分析

作者經過多次測試，導出時長平均數據為Word「2s」、PDF「30s」、PNG「16s」，其中PDF和PNG最長情況可達"55s",最短情況為「6s」。網路情況/文檔大小對導出時長都有一定影響。

2、後台導出

導出時間超過 4s 時，執行「後台導出」，讓用戶不用焦灼等待。

著眼問題：

自選命題

作品鏈接：

點擊查看

亮點速覽：

1、新建文檔入口

用戶剛剛新建文件夾，進入空白文件夾時，大概率事件會繼續創建文檔或者文件夾，而此時用戶的視覺注意力集中在屏幕中間，直接在屏幕中央顯示新建入口，流程更加順暢，體驗更好。

2、批量管理

在用戶使用一定時間後，文檔的數量會達到一定程度，而用戶天性是懶惰，為每次文檔能快速創建和編輯，通常不會及時整理，但為方便個人管理和查找，會定期或不定期的對文檔進行整理，這時批量的操作將會更加方便和節省時間。

著眼問題：

Q1

作品鏈接：

點擊查看

亮點速覽：

1、雙擊選擇

雙擊選擇默認為句子選擇，雙擊後自動選擇兩個標點符號間的內容，符合常規編輯習慣。

2、標題顯示位置調整

文檔標題可以理解為文件名，進入瀏覽或編輯狀態，一般是無編輯需求的，且在文檔列表裡有文件名修改功能，所以調整文檔名稱顯示位置到標題欄。

著眼問題：

Q1

作品鏈接：

點擊查看

亮點速覽：

1、文件夾路徑

顯示文件夾路徑，讓用戶方便在同層級的文件中切換查看。

2、標籤頁

為文件/文件夾添加標籤，並可在標籤頁進行管理。

著眼問題：

Q1、Q2、Q3

作品鏈接：

點擊查看

亮點速覽：

1、查看歷史

對信息按不同分區進行整合，分為文檔、協作、社交三個信息結構，讓信息更加清晰。

2、搜索優化

「我想找份word文檔，是關於**的，好像叫**，我前兩天才編輯的，對了，好像存在**文件夾」基於用戶的思考路徑進行搜索優化。

著眼問題：

Q2、Q3

作品鏈接

點擊查看

亮點速覽：

1、快速預覽

使用 3D touch 對文件夾和文檔進行預覽操作，方便用戶查找文件。

2、快速歸檔

支持 3D touch 進入預覽後快速收藏、移動、刪除等功能。

著眼問題：

Q1

作品鏈接：

點擊查看

亮點速覽：

1、字體設置

把文字編輯的T選項移動到設置頁面，用戶可以在使用文檔之前設立好字體樣式提高屏幕利用率。

2、撤銷/重做

將下方的撤銷和重做按鈕放在了標題欄處，用以提高屏幕利用率。

著眼問題：

Q3

作品鏈接：

點擊查看

亮點速覽：

增加「導出中」的文字提示。向用戶表明目前正在進行的動作。增加百分比顯示和導出進度條，提供給用戶心理預期，能夠預估還剩多少時間。增加小提示，針對不同用戶群體展示不同內容。

著眼問題：

Q2

作品鏈接：

點擊查看

亮點速覽：

為文檔添加置頂功能，限制置頂數量最多為3。置頂針對用戶特別關注或者高頻使用的某個或者某幾個文檔，用戶打開石墨文檔，無需做篩選操作，即可再頂部直接查看。

著眼問題：

Q2、Q3

作品鏈接：

點擊查看

亮點速覽：

全局搜索結果分類展示，分為「文檔」和「表格」兩類，以Tab標籤的形式展示，每個類別默認展示10條結果，每次下拉刷新後，在10條的基礎上再次載入10條記錄。預載入的方式也避免了伺服器的載入壓力。

以上為本次訓練中 20 個精彩的解決方案，他們的思路你都 get 了嗎？

有的方案解決方案看起來很類似，比如，好幾個方案都提到使用標籤來進行文件分類，不過仔細查看原型，卻可以看到每個方案實現途徑不盡相同，建議大家仔細閱讀頁面邏輯和批註文檔，認真學習，各取所長。