如何通過畫原型,寫文檔提高核心競爭力?
有人嘲笑產(chǎn)品經(jīng)理的工作就是畫原型,寫文檔,沒有核心競爭力。但是這兩項工作難道真就這么簡單嗎?本文從三個角度分析如何提高畫原型,寫文檔的能力,從而提高核心競爭力。
面試造航母,入職擰螺絲。
這是互聯(lián)網(wǎng)人常用來自黑的笑談。
而產(chǎn)品經(jīng)理的擰螺絲,落到實在的產(chǎn)出物上,就是畫原型、寫文檔。乃至于網(wǎng)上有很多聲音認為,只會畫原型、寫文檔的產(chǎn)品經(jīng)理是沒有核心競爭力的。
可產(chǎn)品經(jīng)理的核心競爭力是什么呢?有人說是決策能力,有人說是商業(yè)敏感度,還有人說是業(yè)務能力……
總之,產(chǎn)品經(jīng)理的核心競爭力有很多,反正不是畫原型、寫文檔這么簡單的事情。
那么畫原型、寫文檔真的很簡單嗎?如果答案為否的話,能不能反過來問,如何在畫原型、寫文檔的時候體現(xiàn)產(chǎn)品經(jīng)理的核心競爭力呢?
不妨,先從畫原型這件事開始看看吧。
一、原型圖是信息的表達
原型圖是什么?簡單的說,原型圖就是將想法落地轉(zhuǎn)化成其他人可以感知和理解的具體形式。這個其他人,可以是設計師、工程師、也可以是用戶。
所以,原型圖很像是草稿,最后上線的那個產(chǎn)品就是草稿的終極版本。
為什么又說原型圖是信息的表達呢?
信息架構(gòu)、交互設計、UI設計構(gòu)成了原型圖的三大要素。它們交叉組合向用戶展示內(nèi)容信息、傳遞交互反饋、接收信息錄入,并努力為用戶提供盡可能流暢而尖叫的體驗。
因此,原型圖的設計目的就是為了準確的向用戶表達信息。
為了達到這個目的,有三個問題是躲不開的:通過什么表達信息?如何表達信息?表達什么信息?
1. 通過什么表達信息
打開任意一款手機APP,界面元素都脫不開色彩、布局、文字、圖標、按鈕、間距,每一種元素自身也有著復雜的內(nèi)在邏輯。
就拿按鈕來說。
在抖音,關注按鈕被設計成用戶點擊后符號“+”通過動畫效果漸變成符號“勾”的樣式,它是通過按鈕自身狀態(tài)的改變來向用戶傳遞關注成功這個信息反饋的。
而在微博,關注按鈕是符號“+關注”,用戶點擊后屏幕中心會有toast彈框彈出,以此來提示用戶關注成功的。
哪種方式更好呢?抖音在不打擾用戶瀏覽短視頻的前提下,完成信息反饋;微博則是直接遮擋屏幕內(nèi)容,完成信息反饋。他們背后的產(chǎn)品邏輯是什么呢?
再來說說文字。
文字的大小、顏色、樣式都可以影響信息表達的準確性。
在微信聊天列表頁,聊天對象的用戶名文字是深色放大的,而最新的一條消息內(nèi)容則是淺色縮小的;而到了聊天詳情頁,則正好反過來。
一大一小,一深一淺的對比,體現(xiàn)的是聊天列表頁用戶更關注聊天對象是誰這個信息,在聊天詳情頁用戶更關注聊天對象說了什么這個信息。
通過這些界面元素及其自身的組合變化,就可以形成功能體系。注冊登錄、導航體系、搜索系統(tǒng)、我的主頁,這些都是常見的功能體系。它們就像一個個容器,有節(jié)奏的幫助用戶完成體驗地圖。
導航體系幫助用戶更合理的組織頁面、呈現(xiàn)信息,搜索系統(tǒng)也借助語音錄入、二維碼等手段快速的完成信息錄入、檢索和匹配。
2. 如何表達信息
有了這些基礎的界面元素、功能體系,就可以遞進的使用不同保真度的原型圖來表達信息。
更具體的說,是低保真、中保真和高保真的原型圖。
低保真原型圖關注信息架構(gòu)和功能模塊,重點是信息的展示。它可以是個基礎的線框圖,甚至也可以是畫在紙上的草圖。
信息架構(gòu)是使用真實數(shù)據(jù)以人類更可讀的形式組合排列信息。而功能模塊,可以細分為功能的廣度和深度,廣度是指覆蓋了多少功能點,深度是指每個功能點的詳細程度。
中保真原型關注信息的交互性,重點是信息的交互反饋。他可以是線框圖的可點擊版本。
高保真原型關注信息的視覺效果,重點是信息的接受體驗。他可能是投入開發(fā)前的最后一步。
3. 表達什么信息
需要表達的信息只有兩種:用戶信息和企業(yè)信息。
用戶信息很好理解,做產(chǎn)品,基本都是圍繞如何讓用戶在產(chǎn)品這張信息地圖上產(chǎn)生可用、易用、好用的感受,進而更好的拉新、留存、促活,達成產(chǎn)品的長期價值。
怎么理解企業(yè)信息呢?產(chǎn)品大神俞軍在他的書里提到,產(chǎn)品是企業(yè)和用戶進行價值交換的媒介。企業(yè)需要什么價值呢?最常見的顯然是利潤。因此如何合理而不失優(yōu)雅的加入廣告信息、運營信息、產(chǎn)品銷售信息,也很重要。
抖音是怎么表達企業(yè)信息的呢?在短視頻信息流中以短視頻的形式加入廣告,將廣告和短視頻信息流完整的融合在一起,用戶幾乎感知不到廣告的存在。
二、PRD是數(shù)據(jù)的調(diào)度
談了那么多表達信息,有一個關鍵問題始終懸而未決,信息從何而來?這其實是數(shù)據(jù)調(diào)度問題。它既包括數(shù)據(jù)的產(chǎn)生,也包括數(shù)據(jù)的聚合。
信息是結(jié)構(gòu)化的數(shù)據(jù),知識是邏輯化的信息。
從這個維度看,作用在前端的原型圖目的是表達信息,而作用在后端的PRD文檔目的就是指導數(shù)據(jù)調(diào)度。后端調(diào)度數(shù)據(jù),聚合之后傳遞到前端,最終展現(xiàn)出來的才是被表達的信息。
那怎么調(diào)度數(shù)據(jù)呢?這就要看一段程序最簡潔的工作模型是怎樣的。
程序接受數(shù)據(jù),然后處理數(shù)據(jù),最后返回新數(shù)據(jù)。比如,小胖到樓下小賣部買零食,告訴收銀員要小布丁雪糕(接收數(shù)據(jù)),收銀員轉(zhuǎn)身在零食擺放區(qū)域拿出冰箱中的小布丁雪糕(處理數(shù)據(jù)),然后交給小胖(返回新數(shù)據(jù))。
這個簡易模型中有兩個核心:小布丁和對小布丁的操作。它們就是PRD文檔規(guī)范中的信息結(jié)構(gòu)和功能流程。
1. 信息結(jié)構(gòu)
打開網(wǎng)易云音樂的一首歌,有歌手、時長、所屬專輯這些屬性;打開公眾號的一篇文章,有標題、作者、內(nèi)容、發(fā)布時間這些屬性。
一言以蔽之,后端工程師依賴信息結(jié)構(gòu)進行數(shù)據(jù)建模,它呈現(xiàn)概念間的關系和屬性。放到具體的工作場景中,信息結(jié)構(gòu)是對業(yè)務的深刻理解。
比如,這篇公眾號文章,有作者這個屬性;而作者自身作為一個概念,也有性別、年齡、發(fā)布文章這些屬性。因此文章和作者之間既有關系,又有各自的屬性。在一個APP中,可能有成百上千個這樣的概念關聯(lián)作用,組成了一個結(jié)實的數(shù)據(jù)網(wǎng)絡。
2. 功能流程
功能流程則是通過對信息結(jié)構(gòu)這張數(shù)據(jù)網(wǎng)絡的操作,來完成一個又一個的功能點。比如,轉(zhuǎn)發(fā)、評論、刪除等等。
因此,清楚的定義一個需求需要哪些信息結(jié)構(gòu)以及如何操作這些信息結(jié)構(gòu),幫助程序員完成數(shù)據(jù)的調(diào)度,才能稱得上是一篇程序員能夠看得懂PRD文檔,而不是排版是否漂亮、文案是否精致。
三、原型圖+PRD文檔
原型圖和PRD文檔當然不是割裂的,他們放在一起就能指導前端和后端工程師調(diào)度數(shù)據(jù),表達信息。這是一個完整的閉環(huán)。
所以,畫原型圖、寫文檔并不簡單。漂亮不是評價原型圖的首要標準,排版也不是評價PRD文檔的首要標準。
作者:Lcarusd,公眾號:Lcarusd
本文由 @Lcarusd 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
看的我很難受,沒競爭力了啊