原型的第一性原理:講清楚目標
一個產品需要有一個核心定位,我們的原型也首先要說清楚這個定位所轉化過來的目標,這是第一層次,我稱為產品目標。在動手進行原型制作之前,還有一個很重要的事情要先梳理清楚,我們可以稱之為原型的第一性原理,也是原型的核心要點:講清楚目標。
原型的撰寫是產品經理的基本功,人人都是產品經理平臺上已經有很多優秀的文章教我們怎么樣畫出專業的原型圖,例如:要有修改記錄、總覽、全局規范和說明、核心業務的流程圖、清晰的層次、必要的標注、同一個頁面的所有狀態等。
典型的目錄結構如下所示:
從產品經理的角度,在動手進行原型制作之前,還有一個很重要的事情要先梳理清楚,我們可以稱之為原型的第一性原理,也是原型的核心要點:講清楚目標。
什么是原型的目標
如同一個產品需要有一個核心定位,我們的原型也首先要說清楚這個定位所轉化過來的目標,這是第一層次,我稱為產品目標。
但僅有產品目標還不夠,原型的受眾是交互設計師、UI設計師、開發人員和運營人員等,他們在閱讀原型時,除了需要明確了解產品定位和目標之外,到具體的模塊上,還需要了解每個模塊的核心目標。
同樣的道理,在具體到某一個頁面的設計、開發時,也需要圍繞頁面的核心目標進行。
因此,原型的目標有三個層次:
- 產品目標;
- 模塊目標;
- 頁面目標。
三個層次的目標有主次關系,其中模塊的目標依賴于產品目標,頁面的目標同時依賴于產品目標和模塊目標:
比如:一個知識社區類的產品,核心目標就是“最大化提高隨意瀏覽的潛在用戶轉化成注冊用戶以及付費用戶的轉化率”,這是產品的目標。而具體到類似“隨便看看”這個模塊的目標上,就應該是依賴于產品目標,定義為“精選內容提高用戶注冊按鈕點擊率”。而到了注冊頁面,應該是依賴于前兩個目標,定義為“降低注冊門檻,提高注冊率”。
目標清晰明確的好處
實際工作中,經常容易出現不同的人對原型有不同的理解,因此才需要有規范的原型、必要的標注和完整的交互狀態等要求。但如果目標理解不一致,那導致的是更根本的問題:大家的著眼點和發力方向不一樣。
例如:針對某個提醒,到底是用模態的還是用Toast,不同的人可能有不同理解和結論,而實際上如果依據模塊或頁面目標來進行評估,那這種不一致就會大量減少。哪種方式對達成核心目標有利,就應該用哪一種。
因此,梳理清楚以上三個層次的目標,大家再對照原型進行工作時就可以達到以下效果:
- 目標一致,每個人的力量都用在同一個方向上,形成最大合力;
- 有效減少溝通成本,避免來回反復修改。
如何圍繞目標產出原型
1. 目標說明
在每一個模塊或頁面上,需要明確說明白該模塊或頁面的目標。目標的描述最好是可量化的,例如某種點擊率、轉化率等。
下面舉一個簡單的目標描述的例子:
2. 依據目標進行內容展示
內容布局主要依賴于頁面的目標,需要重點展示和目標相關的內容、收納和弱化和目標無關的內容。
我們舉蛋殼公寓和Airbnb為例:蛋殼公寓詳情頁的目標是在通過價格和各種優惠活動來吸引用戶,而Airbnb做為共享空間的產品,在這個頁面上價格并不是第一吸引用戶的,環境和需要互動的房東才是。這樣,兩個頁面由于目標不同,圍繞組織內容的布局就大大不同了。
3. 依據目標布局操作
頁面上的操作,同樣強依賴于產品、模塊和頁面目標。我們舉網易新聞詳情頁和今日頭條新聞詳情頁,就可以看出來差別。
由于網易新聞評論區非常著名,代表了網易新聞的調性,因此我們可以定義網易新聞的詳情頁面目標是“增加評論和互動的平均數”;而今日頭條主推自媒體關注,因此詳情頁面的目標可以反推為“增加訂閱的轉化率”,我們看看如下圖片,在目標引導操作的布局設計上就非常清楚了。
從這兩個例子可以明顯看出:只要我們明確了頁面的目標,那么在實際設計時,就不用再為“頁面上拉后頂欄到底保留評論還是關注/訂閱”的問題反復討論和修改了,標準很簡單:符合頁面目標的操作就是最重要的、最優先的。
3. 引導和反饋
頁面的引導和反饋是必不可少的部分,尤其是異常出錯和觸發邊界值時。為了緩解用戶的焦慮、引導和幫助用戶解決問題,需要有設計良好的、覆蓋全面的引導和反饋。
在引導和反饋的設計中,也需要引入對三個目標的審視。例如:非核心目標的操作失敗,可以考慮引導到核心目標的操作上,也即是諸如此類的引導和提示。
不過這一類的設計不可太過生硬,要讓用戶感覺到自然而不突兀,需要在實際場景中仔細斟酌。
總結
原型文檔的第一性原理:各級目標清晰明確。
目標貫穿在原型的各個層級中,包括產品目標、模塊目標和頁面目標。在規范化我們的原型文檔的同時,也要時刻用目標為我們指引方向,確保跑在正確的道路上,也確保項目的相關人員對于各個層級的目標有一致的理解,形成合力。
本文由 @?Alex 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
哈,看完還是不太會?你可能需要從Axure基礎開始學
?? 這里推薦你加Axure實戰班的助教小可愛@CC-起點學院(微信:qidiancc520),回復關鍵詞:大禮包
領取適合產品新人的原型設計大禮包哦,cc還會不定期分享Axure免費視頻課程呢!
另外想問下“針對某個提醒,到底是用模態的還是用Toast”,這里的模態指的是dialog彈窗形式嗎?
是的,復制完整解釋給你參考:模態對話框(Modal Dialogue Box,又叫做模式對話框),是指在用戶想要對對話框以外的應用程序進行操作時,必須首先對該對話框進行響應。如單擊【確定】或【取消】按鈕等將該對話框關閉。
您好,有完整的原型文件共享下嗎? ??
忘記在文中附上了。你需要的話留個聯系方式我發你
能不能也讓我借鑒一下
哇哦,非常感謝~~這是我的郵箱地址:410103884@qq.com,謝謝哈~~
您好,同求完整的原型文件,能否也共享一份給我呢?我的郵箱2651183078@qq.com
同求原型文件,謝謝樓主。郵箱在此:13027199603@163.com
同求樓主,我的郵箱:chenkungsj@163.com
同求原型文件,萬分感謝。郵箱:2541594643@qq.com
關注的作者,作者寫的文章太棒了,通俗易懂。希望也發分原型文檔我學習一下,422177871@qq.com,感謝!
同求樓主,我的郵箱:15229879910 @163.
你的郵箱帳號少了com,我發了
你的郵箱帳號少了com,我發了哦
收到收到,謝謝啊
同求資料,謝謝小姐姐。258388684@qq.com
發了哦
同求完整的原型文件,郵箱是411467740@qq.com,謝謝。。。
發了哦
謝謝!“希望晚來的感謝不打折?!?/p>
親,原型可以發我一份么,謝謝啦~695247660@qq.com
發了哦
小姐姐,這份文件還有嗎?有的話發我一份哦,非常感謝 1554888142@qq.com
研發人員經常會說:我都不想看原型,看原型太浪費時間,還不如你們給我講講來的快!這個是因為我們原型設計和說明負責的緣故嗎?
可能和原型的質量有關,我見過不少原型確實是界面難看、邏輯不清、語焉不詳,閱讀起來非常費勁,這樣的原型不僅開發,所有人都不愿意看。我以前做一些中后臺系統時,會整理完整的PRD,字比較多,但歸類、排版很注意讓看的人方便易讀,那時候開發們也都愿意看文檔,除非有疑問才來找我。所以我個人還是認為,提高原型質量和可讀性,才是解決你說的這個問題的關鍵。只是“講一講”的弊端很多,大家都清楚。
好的,謝謝指教了。 ??
您的理論部分很扎實,覺得對我很有系統性的指導作用 。 想請教這些理論部分通過什么方法學習呢 ?有什么推薦的書籍或課程嗎?
經典的書籍比較多了,像《設計心理學》《簡約至上》等,看完和產品、交互相關的,我建議還應了解更寬泛的知識,例如心理、邏輯、美學等。課程最好找大咖的,像李想、李明遠、梁寧都在混沌或得到有開課
嗯嗯 ,心理學分支感覺比較多,有我們側重的方向嗎?用戶心理學適合嗎 ? 大咖的課程我先去研究一下 ,當作輔助系統知識的實踐部分了。感謝指點 ??
我個人比較側重行為心理學、認知心理學、潛意識,供參考 ??
嗯嗯,側重認知、行為的心理學比較能從認知層面分析用戶心理吧,我個人比較喜歡社會心理學和組織行為學,可能跟我的專業有關系 。謝謝推薦。如果有機會愿意F2F的討論一下心理學,嘻嘻~ ??
好呀 我也在學習中 ??
真好 又多了一個可以一起討論心理學的小伙伴 感覺只要和心理學有關系的我都比較喜歡 哈哈 你在哪個城市 ?我在北京 看我們的距離有沒有機會F2F呢 ??