上一篇新擬態(tài)設計講述了這個風格的特點以及優(yōu)劣勢，本期分享一款國內(nèi)當前應用了新擬態(tài)風格的移動端應用——有道云筆記值骇，作為國內(nèi)用戶量最大的云筆記產(chǎn)品部念，其此次的大膽嘗試為國內(nèi)新擬態(tài)風格制造了一個開端誊稚。
1.體驗環(huán)境
體驗設備iPhone 6S 暗色模式
系統(tǒng)版本iOS 14.4.2
體驗產(chǎn)品有道云筆記APP
產(chǎn)品版本7.2.0
體驗時間2021.08.12
體驗者微信公眾號：產(chǎn)品秘閣
2.產(chǎn)品概況
2.1產(chǎn)品簡介
產(chǎn)品名稱：有道云筆記
LOGO：
Slogan：記錄扳缕，成為更好的自己
簡介：有道云筆記是網(wǎng)易旗下專注提高效率的筆記軟件丈冬，支持多端同步，用戶可以隨時隨地對線上資料進行編輯若治、分享以及協(xié)同居兆。
2.2產(chǎn)品動態(tài)
以上動態(tài)僅選取了有道云筆記有代表性功能的其中幾個覆山，今年1月上線新功能至今，一直都在不斷優(yōu)化各項功能細節(jié)以提升用戶體驗泥栖；同時從也對新手更加友好（登錄流程的優(yōu)化簇宽、新人引導勋篓、賬號解鎖引導等等），可以看出該產(chǎn)品逐日增加的用戶量魏割。
3.產(chǎn)品背景
3.1 市場環(huán)境
隨著云計算的普及譬嚣，我們?nèi)粘５墓ぷ鲌鼍耙仓饾u與“云”緊密結合起來。組織社交關系在移動時代中帶來新的機遇钞它，其中包括面向社交關系的分享和協(xié)作功能拜银。
工具類App有個顯著的特點是“用完即走”，看似依耐性不高遭垛，實際上當用戶有需求時尼桶，會更主動的去使用工具類App。相比游戲的成癮機制锯仪，工具類App用戶有更強的動機以及更明確的目標泵督。
有道云筆記做為可協(xié)作的效率應用，支持協(xié)同編輯庶喜、支持多平臺小腊、增量式同步（即僅同步每次修改的內(nèi)容，實現(xiàn)即時同步）等功能溃卡。有道云筆記?將用戶的高頻需求功能與用戶激勵的簽到方式相結合溢豆，則是“通過每日簽到以及激勵任務，鼓勵用戶獲取更多存儲空間”作為變現(xiàn)方式之一瘸羡。
3.2?用戶畫像
有道云筆記 用戶中的男女比例相近，20-40歲的用戶占70%搓茬，為核心用戶群犹赖，即有道云筆記較全面地覆蓋了用戶需求；
有道云筆記主要用戶為一線城市的80卷仑、90后用戶群體峻村，這類群體有著知識管理、信息記錄的習慣锡凝，并且追求學習/工作的效率粘昨。
| 圖片源自易觀千帆?有道云筆記2019年6月數(shù)據(jù)
從下面的 App下載量對比趨勢圖 可以看出筆記類App有明顯的季度性，例如?畢業(yè)季中的學生對論文窜锯、事項記錄等需求张肾；職場人員工作記錄等。
| 圖片源自七麥數(shù)據(jù)
用戶畫像1——80后職場人員
習慣使用云筆記梳理工作內(nèi)容锚扎、記錄待辦事項吞瞪，一般會通過有道云筆記提高效率、提升競爭力驾孔；
用戶畫像2——80后新媒體工作者
平日由于工作需要會閱讀大量文章/書籍芍秆，內(nèi)容記錄的必要性不言而喻惯疙，使用效率工具軟件能即時記錄想法、收藏文章素材妖啥，并需要移動端與PC端一同進行內(nèi)容輸出霉颠；
用戶畫像3——90后職場新人
初入職場，需要頻繁地記錄培訓內(nèi)容荆虱、任務待辦等等蒿偎，同時還需要錄音記錄開會內(nèi)容以防遺忘；
用戶畫像4——90后考研er
需要一款軟件提前寫好每日任務清單克伊，文檔掃描各項復習資料統(tǒng)一保存與分類管理酥郭，提高學習效率。
3.3 需求分析
產(chǎn)品定位：有道云筆記是網(wǎng)易旗下專注辦公提效的筆記軟件愿吹，支持多端同步不从，用戶可以隨時隨地對內(nèi)容進行編輯、分享以及協(xié)同犁跪。
用戶需求：此處使用上一篇文章提到的「KANO模型」作為例子進行分析椿息。
需求類型使用場景需求描述
具體功能
基本型
日常活動環(huán)境下
隨時隨地記錄新建筆記
筆記歸類
筆記逐漸增多時能夠?qū)⒐P記自由地進行歸納分類
移動功能/層級管理坷衍、標簽功能
快速檢索到目標筆記
無須翻找筆記寝优，能快速定位到目標筆記位置
搜索功能（細化：不同層級的搜索范圍不同）
內(nèi)容同步
同一賬號下不同登錄端的內(nèi)容可以同步
自動同步功能
分享筆記
能夠?qū)⒐P記分享給他人
生成分享鏈接
期望型
分享筆記
分享者設置筆記權限
分享權限設置
跨平臺收藏文章
快捷地收藏其他平臺文章
支持微信、微博枫耳、鏈接乏矾、網(wǎng)頁剪報收藏，自動轉(zhuǎn)換格式
文件導入
支持導入本地文件
支持上傳文件迁杨、導入微信
重要會議/臨時通知快速的錄音記錄語音速記
興奮型
支持內(nèi)容掃描
能將文檔钻心、手寫等內(nèi)容掃描保存到筆記中
OCR掃描，掃描文件支持保存為PDF/提取文字
沒有良好筆記習慣/小白用戶無法輸出美觀的筆記內(nèi)容
能夠指導規(guī)范化筆記/文檔
筆記模板
部分程序員輸入代碼
代碼輸入時格式正確
支持書寫代碼以及代碼高亮
內(nèi)容修改歷史查看查看每一次變更的版本以及變更內(nèi)容歷史版本比較
使用Markdown記錄
使用純文本格式進行文檔編寫
支持Markdown記錄方式
4.功能結構
筆者最喜歡的是有道云筆記真正做到了簡單快速地記錄铅协，點擊頁面右下角新建按鈕即可記錄信息捷沸，同時提供多種記錄方式（信息輸入、語音速記狐史、文檔掃描）痒给；另外還有無需下載直接查看編輯 Office/PDF 文件功能，非常適合不喜歡繁瑣操作的用戶骏全。
總結產(chǎn)品幾項功能特點：文檔掃描苍柏、翻譯；語音速記與識別吟温；分享權限序仙；文檔支持文字、圖片鲁豪、代碼等內(nèi)容潘悼，手機書寫代碼也能有高亮顯示律秃；云端自動即時同步；
4.1產(chǎn)品功能架構圖
整體結構上可以將有道云筆記的產(chǎn)品結構總結為：新建筆記治唤、筆記管理棒动、查找筆記、筆記修改宾添。
4.2 使用路徑流程圖
5.產(chǎn)品分析
有道云筆記定位初級用戶船惨，因此用戶路徑較簡單，旨在為用戶提供簡潔的體驗缕陕。有道云筆記提供記錄粱锐、筆記管理、同步扛邑、搜索怜浅、分享等功能，同時還推出云協(xié)作蔬崩，為辦公人員提供團隊協(xié)作平臺恶座。
從結構上，有道云筆記層級較淺沥阳，整體架構扁平化跨琳，盡量減少了復雜操作，降低用戶使用成本桐罕；從功能上脉让，有道云筆記很好地滿足了用戶需求；從視覺上功炮，產(chǎn)品界面簡單純粹侠鳄，為用戶提供良好的視覺和交互體驗。
5.1 功能分析
丨首頁
可以看到首頁將重要/使用頻繁的功能放在頁面置頂位置死宣，例如 使用語音速記功能的用戶場景是迅速打開錄音功能進行錄音，避免遺漏重要信息碴开；
首頁按筆記時間排序毅该，以圖文并茂形式展示筆記內(nèi)容，方便用戶快速瀏覽潦牛；通過標記（“置頂眶掌、加星、我分享的”）巴碗，文檔屬性更加直觀朴爬。
用戶可以通過兩種方式編輯筆記：①點擊筆記列表中的某一篇，進入筆記詳情頁面橡淆，點擊詳情頁面即可編輯筆記召噩；②點擊右下角的“＋”選擇筆記類型母赵，新建筆記編輯內(nèi)容。
筆記瀏覽頁 和 筆記編輯頁?右上角功能有所不同：瀏覽狀態(tài)下提供文檔內(nèi)容翻譯具滴、分享凹嘲；編輯狀態(tài)下彈入編輯工具欄，右上角功能變?yōu)閮?nèi)容撤銷构韵。除此之外周蹭，不同狀態(tài)下的筆記頁面內(nèi)容不同：瀏覽狀態(tài)下顯示可以對筆記進行點贊、評論疲恢，還可以查看筆記閱讀數(shù)據(jù)凶朗；編輯狀態(tài)下則是工具欄，讓用戶專注于內(nèi)容輸入显拳。
丨文檔詳情頁
點擊詳情頁面即可進入文檔編輯頁面棚愤，工具欄中的編輯工具按使用頻率從左至右排序，符合用戶輸入內(nèi)容萎攒、使用工具的習慣遇八。
此處有個細節(jié)：無論是瀏覽狀態(tài)還是編輯狀態(tài)，右上角都會有一個更多功能icon“...”耍休，用戶對文檔編輯過程中會使用到的相關操作全部收納至此刃永，保證了用戶在輸出內(nèi)容時不被干擾、沉浸式編寫文檔羊精。
按操作進行區(qū)分斯够，例如?針對文檔屬性進行的操作：加密、加星喧锦、置頂读规、標簽添加；針對文檔進行的操作：移動燃少、重命名束亏、修改歷史查看、刪除等等阵具，并以卡片形式劃分區(qū)域碍遍。這些操作的提供，在覆蓋了基本型需求的同時還提供了期望型需求的解決方案阳液，另外其團隊能感受到是有對用戶編輯過程中工具使用頻率進行調(diào)研怕敬，選出高頻工具以供用戶輸出內(nèi)容。
但實際上編輯狀態(tài)頁面?更多功能 沒有其它含義帘皿，而是點擊后會自動進入瀏覽狀態(tài)頁面东跪；同時，編輯狀態(tài)下，點擊工具欄的“鍵盤收起”也會自動進入瀏覽狀態(tài)頁面虽填。這種簡單交互使手機端用戶能夠在“編輯”和“瀏覽”兩種狀態(tài)下自由地切換丁恭，完全cover這兩種用戶場景會遇到的問題，用戶體驗更加流暢卤唉。
但 針對文檔屬性進行的操作 這個模塊有個小問題：從上圖可以看到每一項的右邊都有一個>?的icon涩惑，其通常用于表示點擊該項進入下一個頁面/步驟，“加密桑驱、標簽”操作在點擊后均跳轉(zhuǎn)進入對應的詳情頁面竭恬，但“加星、置頂”這兩個操作在點擊之后是以 icon樣式變換并及時彈出對應的“弱提醒”（及時的交互反饋熬的，同時控制提示內(nèi)容中的字體樣式痊硕、背景以及提示多長時間后自動消失，不會讓用戶覺得突匮嚎颍或影響接下來的操作）的方式岔绸，告知用戶操作成功。即當前頁面即可完成這兩項操作橡伞，但?>?的存在會讓用戶誤以為同樣需要進入下一頁面方可完成操作盒揉。
丨 搜索功能
有道云筆記?的搜索功能在不同層級中，搜索范圍也有所不同兑徘。
“最新”?頁的搜索
首頁（最新）頁的搜索功能是對全部文件進行關鍵詞搜索刚盈；也可以按“新建筆記”中的部分常用類型 搜索指定筆記類型，點擊后進入各個分類詳情挂脑，展示該類型下的所有筆記藕漱。輸入方式的搜索會直接展示搜索結果列表，可以通過提供的結果篩選功能進行篩選崭闲。
“文件夾” 頁的搜索
一級導航 文件夾頁的搜索功能 提供常用的文件類型搜索（全部文件和加星文件） 以及全部文件類型篩選肋联，另外還提供搜索歷史記錄和對應的歷史清除功能。
文件內(nèi)部的搜索則會比“文件夾”?多提供一個搜索范圍（當前文件夾）且默認優(yōu)先搜索當前文件夾中的筆記刁俭。
以上兩種搜索可以感受到功能開發(fā)時對用戶場景的充分調(diào)研橄仍、細節(jié)處的精準把握，以及有道云筆記在層級關系上的嚴格態(tài)度牍戚。
5.2 視覺設計
雖然新擬態(tài)具有一定的局限性沙兰，但有道云筆記卻能將新擬態(tài)和扁平化兩種截然不同的風格 平衡地表現(xiàn)在界面上，既做到了在細節(jié)上給用戶驚喜翘魄，還保證了軟件的易用性以及視覺層級的區(qū)分。這種設計思路避開了新擬態(tài)的弱清晰度和不夠明了的層級關系舀奶，對新擬態(tài)的運用也始終保持克制暑竟，最終讓兩種風格兼容。
混合風格的方式也值得引起我們的思考：如何保證兩種完全不同風格的兼容？
（1）有道云筆記APP中運用了“新擬態(tài)風格”的界面：
①頂部操作欄
②語音記錄
③新建按鈕和功能
可以發(fā)現(xiàn)在主要的操作按鈕上均采用了“新擬態(tài)”風格的Button但荤；在大面積的展示區(qū)域或者非功能性按鈕（例如 個人中心）依然沿用了簡潔的扁平化設計罗岖。而有道云筆記在新風格引用上的克制?既保證了主體的可閱讀性和頁面簡潔，還添加了“新擬物”的質(zhì)感腹躁。
（2）進行文字輸入的“搜索”功能桑包，區(qū)別于按鈕的凸起設計，而是采用內(nèi)凹型的效果纺非，暗示用戶這里可以放置文字而不是其它含義的button哑了。
體驗過程中發(fā)現(xiàn)的小bug：
微信訂閱號某篇文章收藏到有道云筆記
淺色模式下收藏的文章同步到有道云筆記，顯示正常烧颖；
左 訂閱號文章頁面弱左；右 有道云同步的文章頁面
深色模式下收藏的文章同步到有道云，格式錯誤炕淮；
左 訂閱號文章頁面拆火；右 有道云同步的文章頁面
6. 總結
有道云筆記 在用戶場景上的不斷深挖皆可通過各種交互等細節(jié)感受到團隊在用戶體驗上的極致用心，同時 其簡潔的核心功能和可擴展的邏輯框架涂圆，都為用戶帶來不少方便與驚喜们镜。
從有道云筆記對“分享”這一功能體驗上的不斷優(yōu)化以及第三方平臺的接入 來看，其團隊確實是有拓展運營上的想法润歉，也許是想先推出簡單到用戶低頻點擊的“精選”模塊模狭，試探現(xiàn)有用戶對引流的態(tài)度/讓用戶做好新增模塊的心理準備，接著做好引流基礎（例如 “分享”功能的良好體驗卡辰、社群模塊的結構樣式以及盈利點的規(guī)劃）胞皱，之后再逐漸拓展“精選”模塊的運營內(nèi)容。
市面上的多數(shù)工具類知識管理軟件逐漸被用于信息管理九妈，而不是真正的知識管理反砌。真正的知識管理應該是知識的共同化和聯(lián)結化，但是“知識管理”是需要大量的市場教育萌朱，可以從細節(jié)處逐漸培養(yǎng)用戶知識管理的習慣宴树、鼓勵用戶持續(xù)沉淀內(nèi)容。目前有道云筆記 通過（訂閱號）發(fā)文這種方法來引導用戶進行知識管理晶疼。
個人使用：
筆者在使用 有道云筆記-網(wǎng)頁版 時會習慣將分支中的部分Block通過添加其它筆記的分享鏈接酒贬，建立筆記間的聯(lián)系。
寫在最后
撰寫這篇文章的初衷是 記錄筆者自2020年初發(fā)現(xiàn)新擬態(tài)設計風潮后翠霍，第一次看到國內(nèi)使用該設計風格的產(chǎn)品锭吨；接著就是想通過這點作為一個引子，從而提高撰寫報告的能力寒匙。
在寫本篇文章的過程零如，筆者也學到了一些可以運用到其它產(chǎn)品的理念，例如 跟風但對產(chǎn)品適用性要有更多思考的視覺設計、盡量簡單的操作流程考蕾、根據(jù)獲取到的用戶點擊頻率數(shù)據(jù)對產(chǎn)品細節(jié)進行設計祸憋、符合用戶傳統(tǒng)操作習慣的按鈕位置、合理的及時反饋（弱提醒）等肖卧。
新擬態(tài)風格現(xiàn)如今依舊不具有普適性蚯窥，應用范圍較窄，故最終其熱度逐漸消褪塞帐。但我們依然需要了解新風潮拦赠，至少能做到了解其原理、特點和優(yōu)劣勢壁榕，始終保持思考矛紫，聚焦認知的提升。
獲取Axure工具漢化安裝以及教程：Axure漢化安裝及教程獲取方法
