原型的第一性原理:講清楚目標(biāo)

34 評(píng)論 24361 瀏覽 135 收藏 9 分鐘

一個(gè)產(chǎn)品需要有一個(gè)核心定位,我們的原型也首先要說(shuō)清楚這個(gè)定位所轉(zhuǎn)化過(guò)來(lái)的目標(biāo),這是第一層次,我稱(chēng)為產(chǎn)品目標(biāo)。在動(dòng)手進(jìn)行原型制作之前,還有一個(gè)很重要的事情要先梳理清楚,我們可以稱(chēng)之為原型的第一性原理,也是原型的核心要點(diǎn):講清楚目標(biāo)。

原型的撰寫(xiě)是產(chǎn)品經(jīng)理的基本功,人人都是產(chǎn)品經(jīng)理平臺(tái)上已經(jīng)有很多優(yōu)秀的文章教我們?cè)趺礃赢?huà)出專(zhuān)業(yè)的原型圖,例如:要有修改記錄、總覽、全局規(guī)范和說(shuō)明、核心業(yè)務(wù)的流程圖、清晰的層次、必要的標(biāo)注、同一個(gè)頁(yè)面的所有狀態(tài)等。

典型的目錄結(jié)構(gòu)如下所示:

從產(chǎn)品經(jīng)理的角度,在動(dòng)手進(jìn)行原型制作之前,還有一個(gè)很重要的事情要先梳理清楚,我們可以稱(chēng)之為原型的第一性原理,也是原型的核心要點(diǎn):講清楚目標(biāo)。

什么是原型的目標(biāo)

如同一個(gè)產(chǎn)品需要有一個(gè)核心定位,我們的原型也首先要說(shuō)清楚這個(gè)定位所轉(zhuǎn)化過(guò)來(lái)的目標(biāo),這是第一層次,我稱(chēng)為產(chǎn)品目標(biāo)。

但僅有產(chǎn)品目標(biāo)還不夠,原型的受眾是交互設(shè)計(jì)師、UI設(shè)計(jì)師、開(kāi)發(fā)人員和運(yùn)營(yíng)人員等,他們?cè)陂喿x原型時(shí),除了需要明確了解產(chǎn)品定位和目標(biāo)之外,到具體的模塊上,還需要了解每個(gè)模塊的核心目標(biāo)。

同樣的道理,在具體到某一個(gè)頁(yè)面的設(shè)計(jì)、開(kāi)發(fā)時(shí),也需要圍繞頁(yè)面的核心目標(biāo)進(jìn)行。

因此,原型的目標(biāo)有三個(gè)層次:

  1. 產(chǎn)品目標(biāo);
  2. 模塊目標(biāo);
  3. 頁(yè)面目標(biāo)。

三個(gè)層次的目標(biāo)有主次關(guān)系,其中模塊的目標(biāo)依賴于產(chǎn)品目標(biāo),頁(yè)面的目標(biāo)同時(shí)依賴于產(chǎn)品目標(biāo)和模塊目標(biāo):

比如:一個(gè)知識(shí)社區(qū)類(lèi)的產(chǎn)品,核心目標(biāo)就是“最大化提高隨意瀏覽的潛在用戶轉(zhuǎn)化成注冊(cè)用戶以及付費(fèi)用戶的轉(zhuǎn)化率”,這是產(chǎn)品的目標(biāo)。而具體到類(lèi)似“隨便看看”這個(gè)模塊的目標(biāo)上,就應(yīng)該是依賴于產(chǎn)品目標(biāo),定義為“精選內(nèi)容提高用戶注冊(cè)按鈕點(diǎn)擊率”。而到了注冊(cè)頁(yè)面,應(yīng)該是依賴于前兩個(gè)目標(biāo),定義為“降低注冊(cè)門(mén)檻,提高注冊(cè)率”。

目標(biāo)清晰明確的好處

實(shí)際工作中,經(jīng)常容易出現(xiàn)不同的人對(duì)原型有不同的理解,因此才需要有規(guī)范的原型、必要的標(biāo)注和完整的交互狀態(tài)等要求。但如果目標(biāo)理解不一致,那導(dǎo)致的是更根本的問(wèn)題:大家的著眼點(diǎn)和發(fā)力方向不一樣。

例如:針對(duì)某個(gè)提醒,到底是用模態(tài)的還是用Toast,不同的人可能有不同理解和結(jié)論,而實(shí)際上如果依據(jù)模塊或頁(yè)面目標(biāo)來(lái)進(jìn)行評(píng)估,那這種不一致就會(huì)大量減少。哪種方式對(duì)達(dá)成核心目標(biāo)有利,就應(yīng)該用哪一種。

因此,梳理清楚以上三個(gè)層次的目標(biāo),大家再對(duì)照原型進(jìn)行工作時(shí)就可以達(dá)到以下效果:

  1. 目標(biāo)一致,每個(gè)人的力量都用在同一個(gè)方向上,形成最大合力;
  2. 有效減少溝通成本,避免來(lái)回反復(fù)修改。

如何圍繞目標(biāo)產(chǎn)出原型

1. 目標(biāo)說(shuō)明

在每一個(gè)模塊或頁(yè)面上,需要明確說(shuō)明白該模塊或頁(yè)面的目標(biāo)。目標(biāo)的描述最好是可量化的,例如某種點(diǎn)擊率、轉(zhuǎn)化率等。

下面舉一個(gè)簡(jiǎn)單的目標(biāo)描述的例子:

2. 依據(jù)目標(biāo)進(jìn)行內(nèi)容展示

內(nèi)容布局主要依賴于頁(yè)面的目標(biāo),需要重點(diǎn)展示和目標(biāo)相關(guān)的內(nèi)容、收納和弱化和目標(biāo)無(wú)關(guān)的內(nèi)容。

我們舉蛋殼公寓和Airbnb為例:蛋殼公寓詳情頁(yè)的目標(biāo)是在通過(guò)價(jià)格和各種優(yōu)惠活動(dòng)來(lái)吸引用戶,而Airbnb做為共享空間的產(chǎn)品,在這個(gè)頁(yè)面上價(jià)格并不是第一吸引用戶的,環(huán)境和需要互動(dòng)的房東才是。這樣,兩個(gè)頁(yè)面由于目標(biāo)不同,圍繞組織內(nèi)容的布局就大大不同了。

3. 依據(jù)目標(biāo)布局操作

頁(yè)面上的操作,同樣強(qiáng)依賴于產(chǎn)品、模塊和頁(yè)面目標(biāo)。我們舉網(wǎng)易新聞詳情頁(yè)和今日頭條新聞詳情頁(yè),就可以看出來(lái)差別。

由于網(wǎng)易新聞評(píng)論區(qū)非常著名,代表了網(wǎng)易新聞的調(diào)性,因此我們可以定義網(wǎng)易新聞的詳情頁(yè)面目標(biāo)是“增加評(píng)論和互動(dòng)的平均數(shù)”;而今日頭條主推自媒體關(guān)注,因此詳情頁(yè)面的目標(biāo)可以反推為“增加訂閱的轉(zhuǎn)化率”,我們看看如下圖片,在目標(biāo)引導(dǎo)操作的布局設(shè)計(jì)上就非常清楚了。

從這兩個(gè)例子可以明顯看出:只要我們明確了頁(yè)面的目標(biāo),那么在實(shí)際設(shè)計(jì)時(shí),就不用再為“頁(yè)面上拉后頂欄到底保留評(píng)論還是關(guān)注/訂閱”的問(wèn)題反復(fù)討論和修改了,標(biāo)準(zhǔn)很簡(jiǎn)單:符合頁(yè)面目標(biāo)的操作就是最重要的、最優(yōu)先的。

3. 引導(dǎo)和反饋

頁(yè)面的引導(dǎo)和反饋是必不可少的部分,尤其是異常出錯(cuò)和觸發(fā)邊界值時(shí)。為了緩解用戶的焦慮、引導(dǎo)和幫助用戶解決問(wèn)題,需要有設(shè)計(jì)良好的、覆蓋全面的引導(dǎo)和反饋。

在引導(dǎo)和反饋的設(shè)計(jì)中,也需要引入對(duì)三個(gè)目標(biāo)的審視。例如:非核心目標(biāo)的操作失敗,可以考慮引導(dǎo)到核心目標(biāo)的操作上,也即是諸如此類(lèi)的引導(dǎo)和提示。

不過(guò)這一類(lèi)的設(shè)計(jì)不可太過(guò)生硬,要讓用戶感覺(jué)到自然而不突兀,需要在實(shí)際場(chǎng)景中仔細(xì)斟酌。

總結(jié)

原型文檔的第一性原理:各級(jí)目標(biāo)清晰明確。

目標(biāo)貫穿在原型的各個(gè)層級(jí)中,包括產(chǎn)品目標(biāo)、模塊目標(biāo)和頁(yè)面目標(biāo)。在規(guī)范化我們的原型文檔的同時(shí),也要時(shí)刻用目標(biāo)為我們指引方向,確保跑在正確的道路上,也確保項(xiàng)目的相關(guān)人員對(duì)于各個(gè)層級(jí)的目標(biāo)有一致的理解,形成合力。

 

本文由 @?Alex 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 哈,看完還是不太會(huì)?你可能需要從Axure基礎(chǔ)開(kāi)始學(xué)

    ?? 這里推薦你加Axure實(shí)戰(zhàn)班的助教小可愛(ài)@CC-起點(diǎn)學(xué)院(微信:qidiancc520),回復(fù)關(guān)鍵詞:大禮包

    領(lǐng)取適合產(chǎn)品新人的原型設(shè)計(jì)大禮包哦,cc還會(huì)不定期分享Axure免費(fèi)視頻課程呢!

    來(lái)自廣東 回復(fù)
  2. 另外想問(wèn)下“針對(duì)某個(gè)提醒,到底是用模態(tài)的還是用Toast”,這里的模態(tài)指的是dialog彈窗形式嗎?

    來(lái)自浙江 回復(fù)
    1. 是的,復(fù)制完整解釋給你參考:模態(tài)對(duì)話框(Modal Dialogue Box,又叫做模式對(duì)話框),是指在用戶想要對(duì)對(duì)話框以外的應(yīng)用程序進(jìn)行操作時(shí),必須首先對(duì)該對(duì)話框進(jìn)行響應(yīng)。如單擊【確定】或【取消】按鈕等將該對(duì)話框關(guān)閉。

      來(lái)自廣東 回復(fù)
  3. 您好,有完整的原型文件共享下嗎? ??

    來(lái)自浙江 回復(fù)
    1. 忘記在文中附上了。你需要的話留個(gè)聯(lián)系方式我發(fā)你

      來(lái)自廣東 回復(fù)
    2. 能不能也讓我借鑒一下

      來(lái)自河南 回復(fù)
    3. 哇哦,非常感謝~~這是我的郵箱地址:410103884@qq.com,謝謝哈~~

      來(lái)自浙江 回復(fù)
    4. 您好,同求完整的原型文件,能否也共享一份給我呢?我的郵箱2651183078@qq.com

      來(lái)自廣東 回復(fù)
    5. 同求原型文件,謝謝樓主。郵箱在此:13027199603@163.com

      來(lái)自湖北 回復(fù)
    6. 同求樓主,我的郵箱:chenkungsj@163.com

      來(lái)自北京 回復(fù)
    7. 同求原型文件,萬(wàn)分感謝。郵箱:2541594643@qq.com

      來(lái)自上海 回復(fù)
    8. 關(guān)注的作者,作者寫(xiě)的文章太棒了,通俗易懂。希望也發(fā)分原型文檔我學(xué)習(xí)一下,422177871@qq.com,感謝!

      來(lái)自廣東 回復(fù)
    9. 同求樓主,我的郵箱:15229879910 @163.

      來(lái)自北京 回復(fù)
    10. 你的郵箱帳號(hào)少了com,我發(fā)了

      來(lái)自浙江 回復(fù)
    11. 你的郵箱帳號(hào)少了com,我發(fā)了哦

      來(lái)自浙江 回復(fù)
    12. 收到收到,謝謝啊

      來(lái)自北京 回復(fù)
    13. 同求資料,謝謝小姐姐。258388684@qq.com

      來(lái)自廣東 回復(fù)
    14. 發(fā)了哦

      來(lái)自浙江 回復(fù)
    15. 同求完整的原型文件,郵箱是411467740@qq.com,謝謝。。。

      來(lái)自廣東 回復(fù)
    16. 發(fā)了哦

      來(lái)自浙江 回復(fù)
    17. 謝謝!“希望晚來(lái)的感謝不打折。”

      來(lái)自廣東 回復(fù)
    18. 親,原型可以發(fā)我一份么,謝謝啦~695247660@qq.com

      來(lái)自北京 回復(fù)
    19. 發(fā)了哦

      來(lái)自浙江 回復(fù)
    20. 小姐姐,這份文件還有嗎?有的話發(fā)我一份哦,非常感謝 1554888142@qq.com

      來(lái)自山西 回復(fù)
  4. 研發(fā)人員經(jīng)常會(huì)說(shuō):我都不想看原型,看原型太浪費(fèi)時(shí)間,還不如你們給我講講來(lái)的快!這個(gè)是因?yàn)槲覀冊(cè)驮O(shè)計(jì)和說(shuō)明負(fù)責(zé)的緣故嗎?

    回復(fù)
    1. 可能和原型的質(zhì)量有關(guān),我見(jiàn)過(guò)不少原型確實(shí)是界面難看、邏輯不清、語(yǔ)焉不詳,閱讀起來(lái)非常費(fèi)勁,這樣的原型不僅開(kāi)發(fā),所有人都不愿意看。我以前做一些中后臺(tái)系統(tǒng)時(shí),會(huì)整理完整的PRD,字比較多,但歸類(lèi)、排版很注意讓看的人方便易讀,那時(shí)候開(kāi)發(fā)們也都愿意看文檔,除非有疑問(wèn)才來(lái)找我。所以我個(gè)人還是認(rèn)為,提高原型質(zhì)量和可讀性,才是解決你說(shuō)的這個(gè)問(wèn)題的關(guān)鍵。只是“講一講”的弊端很多,大家都清楚。

      來(lái)自廣東 回復(fù)
    2. 好的,謝謝指教了。 ??

      來(lái)自浙江 回復(fù)
  5. 您的理論部分很扎實(shí),覺(jué)得對(duì)我很有系統(tǒng)性的指導(dǎo)作用 。 想請(qǐng)教這些理論部分通過(guò)什么方法學(xué)習(xí)呢 ?有什么推薦的書(shū)籍或課程嗎?

    來(lái)自北京 回復(fù)
    1. 經(jīng)典的書(shū)籍比較多了,像《設(shè)計(jì)心理學(xué)》《簡(jiǎn)約至上》等,看完和產(chǎn)品、交互相關(guān)的,我建議還應(yīng)了解更寬泛的知識(shí),例如心理、邏輯、美學(xué)等。課程最好找大咖的,像李想、李明遠(yuǎn)、梁寧都在混沌或得到有開(kāi)課

      來(lái)自廣東 回復(fù)
    2. 嗯嗯 ,心理學(xué)分支感覺(jué)比較多,有我們側(cè)重的方向嗎?用戶心理學(xué)適合嗎 ? 大咖的課程我先去研究一下 ,當(dāng)作輔助系統(tǒng)知識(shí)的實(shí)踐部分了。感謝指點(diǎn) ??

      來(lái)自北京 回復(fù)
    3. 我個(gè)人比較側(cè)重行為心理學(xué)、認(rèn)知心理學(xué)、潛意識(shí),供參考 ??

      來(lái)自廣東 回復(fù)
    4. 嗯嗯,側(cè)重認(rèn)知、行為的心理學(xué)比較能從認(rèn)知層面分析用戶心理吧,我個(gè)人比較喜歡社會(huì)心理學(xué)和組織行為學(xué),可能跟我的專(zhuān)業(yè)有關(guān)系 。謝謝推薦。如果有機(jī)會(huì)愿意F2F的討論一下心理學(xué),嘻嘻~ ??

      來(lái)自北京 回復(fù)
    5. 好呀 我也在學(xué)習(xí)中 ??

      來(lái)自廣東 回復(fù)
    6. 真好 又多了一個(gè)可以一起討論心理學(xué)的小伙伴 感覺(jué)只要和心理學(xué)有關(guān)系的我都比較喜歡 哈哈 你在哪個(gè)城市 ?我在北京 看我們的距離有沒(méi)有機(jī)會(huì)F2F呢 ??

      來(lái)自北京 回復(fù)