美港股證券產(chǎn)品從0到1設(shè)計(jì)：從畫像到架構(gòu)

美港股證券產(chǎn)品從0到1設(shè)計(jì)：從畫像到架構(gòu)由于打算轉(zhuǎn)型做互金產(chǎn)品經(jīng)理，并且進(jìn)一步從全局角度去鍛煉產(chǎn)品技能，因此給自己布置了一個(gè)作業(yè)，就是：假設(shè)公司只有一個(gè)證券產(chǎn)品經(jīng)理，會(huì)怎么設(shè)計(jì)產(chǎn)品？這里面包含兩部分到挑戰(zhàn)，一部分是產(chǎn)品本身，從范圍到架構(gòu)到表現(xiàn)，都需要從0設(shè)計(jì)和寫出需求文檔；另一部分是設(shè)計(jì)整個(gè)產(chǎn)品的架構(gòu)，把整個(gè)項(xiàng)目進(jìn)行工程化、合理化的區(qū)分，這樣可以有輕重緩急的完成整個(gè)項(xiàng)目（如果項(xiàng)目有人了也方便大家分工）。做這件事不僅僅是想單純倒推市面上的產(chǎn)品，而是一方面想以從0開始的思維去建設(shè)產(chǎn)品架構(gòu)，力求把各個(gè)模塊的橫向關(guān)系，前端和后臺(tái)的運(yùn)營(yíng)關(guān)系聯(lián)系起來，這是順推的、非表現(xiàn)層的工作。另一方面，針對(duì)產(chǎn)品的關(guān)鍵功能會(huì)進(jìn)行競(jìng)品間的橫向?qū)Ρ?，選取覺得邏輯和表現(xiàn)好的方式，這是細(xì)節(jié)提升的過程。本項(xiàng)目的范圍解釋：此項(xiàng)目只為了嘗試搭建產(chǎn)品架構(gòu)和完成業(yè)務(wù)的學(xué)習(xí)，不會(huì)在貼子里把一個(gè)證券app的所有功能和業(yè)務(wù)都涉及到，會(huì)挑選1-2個(gè)核心業(yè)務(wù)做詳細(xì)的梳理。我完成這個(gè)項(xiàng)目的思路是：構(gòu)建用戶畫像，梳理需求分類；根據(jù)用戶畫像及主流競(jìng)品分析，梳理產(chǎn)品架構(gòu)；需求分類及產(chǎn)品架構(gòu)，將產(chǎn)品每個(gè)模塊入口及形式確定，大致確定一二級(jí)頁面內(nèi)容對(duì)每個(gè)模塊，通過“學(xué)習(xí)-確認(rèn)范圍-架構(gòu)-結(jié)構(gòu)-表現(xiàn)”的方法去各個(gè)擊破撰寫每個(gè)模塊設(shè)計(jì)及詳細(xì)prd今天這篇我會(huì)先介紹1和2。一、從用戶畫像到需求1.從用戶畫像的角度粗篩需求由于是從0開始，因此把典型用戶（炒股用戶）做了簡(jiǎn)單的畫像劃分，主要以年齡、可支配資金、炒股專業(yè)程度作為緯度。同時(shí)，對(duì)需求也是粗篩，更多的是為了從宏觀的、業(yè)務(wù)的角度去看產(chǎn)品的功能點(diǎn)，一方面控制項(xiàng)目范圍，同時(shí)也可以看到一些商業(yè)化的機(jī)會(huì)，比如：kol的盈利，對(duì)“大王”的私人理財(cái)服務(wù)等。以用戶畫像、場(chǎng)景、具體需求展開，這樣可以知道需求的出處，方便后面排需求的權(quán)重；對(duì)于證券類產(chǎn)品，大家都有查詢、交易等基礎(chǔ)需求，基礎(chǔ)的、共用的需求，在這個(gè)腦圖里沒有涉及。2.兼顧其他非典型用戶的場(chǎng)景考慮到證券業(yè)務(wù)本身到完整性，把運(yùn)營(yíng)同學(xué)和kol的作為用戶也單獨(dú)納入了腦圖，這部分在任何產(chǎn)品設(shè)計(jì)里都會(huì)考慮到。后續(xù)非典型用戶（非炒股用戶）也肯定會(huì)擴(kuò)展，如b端客戶等，不過這在1.0產(chǎn)品里就不涉及了。這里列出來，還是主要認(rèn)為證券產(chǎn)品其實(shí)比較成熟了，如果我們現(xiàn)在嘗試從0開始，那么業(yè)務(wù)思維、商業(yè)思維、全局視角應(yīng)該盡量完整。二、需求架構(gòu)這一步，主要是根據(jù)用戶畫像，將用戶的各類需求進(jìn)一步明確，合并同類項(xiàng)，并且進(jìn)行初步分類。這里主要是為了后續(xù)好做產(chǎn)品架構(gòu)的劃分，同時(shí)排列優(yōu)先級(jí)，這里采取了基礎(chǔ)需求、期待需求、運(yùn)營(yíng)需求、無差別需求四類。注意：這里的需求比第一步要細(xì)化，但仍不會(huì)是最終版本，畢竟單拿任何一項(xiàng)來說，要寫完里面的需求點(diǎn)也是很多的，也沒必要在這一步去明確，畫一個(gè)大框架即可；在這一步也可以搜集一些看到的好想法，也許在1.0不會(huì)實(shí)現(xiàn)，但可以做個(gè)記錄。三、產(chǎn)品架構(gòu)重點(diǎn)來了，根據(jù)上一步的需求，我進(jìn)一步把需求轉(zhuǎn)換為了產(chǎn)品的架構(gòu)，并劃分了中心。這樣一方面是為了把產(chǎn)品的邏輯架構(gòu)理清楚，另一方面也是方便后續(xù)對(duì)每個(gè)業(yè)務(wù)模塊的各個(gè)擊破：如果pm多，那么每個(gè)模塊可以由一個(gè)pm或者一個(gè)團(tuán)隊(duì)own。但若人手不足，可以一個(gè)人負(fù)責(zé)多個(gè)中心。主要就是把職責(zé)劃分開，盡量符合mece原則。左邊的劃分偏向產(chǎn)品設(shè)計(jì)，右邊的更偏向運(yùn)營(yíng)和業(yè)務(wù)條線；每一個(gè)中心都是一塊較為專業(yè)的領(lǐng)域，例如賬戶交易中心，里面就涉及到港、美、滬深賬戶的底層邏輯、入金條件、支付通道等等專業(yè)的業(yè)務(wù)。因此完成每一塊中心的設(shè)計(jì)，都是一個(gè)學(xué)習(xí)-梳理-構(gòu)建的過程。后續(xù)我也會(huì)以某個(gè)中心負(fù)責(zé)人的角度，開展下一步的產(chǎn)品設(shè)計(jì)；總架構(gòu)會(huì)先出來，全局設(shè)計(jì)會(huì)先出來，一二級(jí)頁面會(huì)先出來，這樣每個(gè)模塊大致知道自己的入口，也可以踴躍在別的業(yè)務(wù)場(chǎng)景找入口。四、競(jìng)品分析將內(nèi)容進(jìn)行分工切割后，下一步是把頁面（或者說各個(gè)模塊的入口）做確定，這樣負(fù)責(zé)每個(gè)模塊的同學(xué)會(huì)知道自己功能的入口，同時(shí)也可以去別人的模塊里求露出。在這一步主要用了競(jìng)品分析的方法，對(duì)比了兩個(gè)主流美港股app的頁面結(jié)構(gòu)，從而得出結(jié)論。1.首頁老虎和富途都把首頁給了行情這一業(yè)務(wù)，這比較好理解，畢竟行情是證券最重要的服務(wù)。老虎將自選與各市場(chǎng)并列排布，而富途用大tab把自選和市場(chǎng)行情做了區(qū)分。個(gè)人認(rèn)為在這一點(diǎn)上富途的結(jié)構(gòu)上容量更大，將“自選”突出，也更符合一般股民的習(xí)慣。富途的行情頁內(nèi)容也更多：各大指數(shù)會(huì)在下方滾動(dòng)播出，還可以設(shè)置鎖定；上方會(huì)顯示每個(gè)市場(chǎng)的賬戶情況，引導(dǎo)入金。2.社區(qū)老虎和富途都把社區(qū)單獨(dú)羅列在底部導(dǎo)航欄。對(duì)于炒股的場(chǎng)景，社區(qū)是很重要的模塊：用戶本身就有強(qiáng)烈的討論、追求kol、社交需求，社區(qū)也可以極大的增強(qiáng)非交易時(shí)段的活躍，雪球就是以投資（炒股）為核心內(nèi)容的社區(qū)。當(dāng)用戶規(guī)模做大了，現(xiàn)在也開始做蛋卷基金、各股行情和交易等服務(wù)。對(duì)于社區(qū)的頁面結(jié)構(gòu)來說，老虎和富途（牛牛圈）看似差別不大：上方都是頻道選擇。主要頁面由話題和精選組成。二者都把學(xué)院的內(nèi)容放在了這一模塊。但內(nèi)容上二者有一個(gè)巨大差異：老虎社區(qū)有實(shí)際上把“資訊”和用戶生產(chǎn)的“社區(qū)”內(nèi)容混在了一起，也就是用新聞的內(nèi)容，填充了社區(qū)的模塊。這其實(shí)也反映了現(xiàn)在主流證券app的兩種做法：把資訊單獨(dú)做一個(gè)模塊，重運(yùn)營(yíng)，如同花順、漲樂財(cái)富通、富途牛牛；把資訊和UGC內(nèi)容混合展示，比如雪球股票、老虎等。個(gè)人猜測(cè)：不同的方案還是主要和公司的發(fā)展階段和運(yùn)營(yíng)人力有關(guān)，如果可以選，資訊還是應(yīng)該與UGC內(nèi)容在結(jié)構(gòu)上有所區(qū)分。其他方面：范圍上，富途有簽到、直播等功能，較老虎更豐富；結(jié)構(gòu)上，富途為社交頁單獨(dú)做了消息通知區(qū)域，但感覺并不合理，社交的通知也應(yīng)該歸并在消息中心；表現(xiàn)上，富途用logo表達(dá)頻道選擇，這里其實(shí)也不是很明顯，對(duì)新用戶不夠友好。3.發(fā)現(xiàn)&市場(chǎng)有一些“散裝服務(wù)”，是最不好描述的，這仿佛也證券類產(chǎn)品的一大特點(diǎn)，就是每個(gè)產(chǎn)品提供的信息、服務(wù)都還挺不一樣，這些信息、服務(wù)的入口位置和級(jí)別也不一樣。在架構(gòu)上，還有時(shí)候會(huì)給人一種“不知道放到哪里我就找個(gè)地方放一放”和“想強(qiáng)調(diào)的我就單獨(dú)放在外面吧”的比較缺乏邏輯的感覺。如上方我們可以看到：老虎單獨(dú)開辟了一個(gè)“發(fā)現(xiàn)”頁面，收留這些“散裝服務(wù)”。從榜單到打新股，都放在了核心區(qū)域；重點(diǎn)強(qiáng)調(diào)了自己的etf產(chǎn)品，也是為自己帶鹽。但后面的熱議股票、投資日歷、量化選股等功能，則略顯薄弱。而對(duì)富途來說，這是“散裝服務(wù)”就散落在天涯了。選股器（對(duì)應(yīng)老虎的“自定義選股”）、智能盯盤（類比老虎“股票異動(dòng)”）等服務(wù)，出現(xiàn)在“行情-市場(chǎng)”這一級(jí)別的頁面；財(cái)經(jīng)日歷（類比老虎“宏觀日歷”，但其實(shí)內(nèi)容有差別）則是在“資訊”的一個(gè)tab。剩下的服務(wù)差異也比較明顯，富途更多集中在“智能盯盤”“窩輪牛熊”等方面，老虎則更偏向于各類榜單和選股，這應(yīng)該也是每個(gè)美港股app比較有各自特點(diǎn)的地方了，有點(diǎn)“八仙過海，各顯神通”的意味。4.我的和交易個(gè)人中心和交易內(nèi)容，各家大同小異（樓主因?yàn)榭]有通過導(dǎo)致無法開戶，不能看到每家的交易頁面也是一個(gè)原因），在此不展開討論了。5.再加上一點(diǎn)A股思路我們?cè)倏纯磦鹘y(tǒng)的A股產(chǎn)品，看能不能再來點(diǎn)靈感。A股app的頁面結(jié)構(gòu)較港美股app有個(gè)非常大的特點(diǎn)，就是：他們都有一個(gè)集大成的“首頁”——同花順、雪球、漲樂財(cái)富通無一不是，而老虎和富途都直接選擇了“行情”作為自己都首頁。我猜測(cè)，這一方面是由于這些app用戶量已經(jīng)很大，產(chǎn)品本身不僅僅是“炒股軟件”或者“炒股社區(qū)”，而更多想往“財(cái)富管理”方向定位，所有需要一個(gè)綜合型的頁面去承擔(dān)更多的財(cái)富管理的內(nèi)容（如保險(xiǎn)、基金、理財(cái)、期貨、私募等）；另一方面，傳統(tǒng)A股股民對(duì)信息和資訊對(duì)依賴較深，有看新聞炒股的習(xí)慣，而美港股用戶由于較年輕，喜歡更“快的”“直接的”的數(shù)字來看待股票，這一點(diǎn)其實(shí)也在個(gè)股頁面的內(nèi)容上有所體現(xiàn)?？傊粋€(gè)大結(jié)構(gòu)的首頁應(yīng)該也是證券app的發(fā)展趨勢(shì)，對(duì)于美港股app來說，新聞資訊的運(yùn)營(yíng)和表現(xiàn)能力目前不及A股，應(yīng)該也是后續(xù)會(huì)提升的地方。五、頁面架構(gòu)根據(jù)以上競(jìng)品分析及A股架構(gòu)參考，大致勾勒了一版本美港股app的頁面結(jié)構(gòu)：1.首頁分析幾個(gè)app個(gè)人中心，多數(shù)沒什么高頻的、核心的業(yè)務(wù)，因此采取了同花順和雪球的方案，將個(gè)人中心入口隱藏在了首頁上，這里選擇了【首頁】【行情】【交易】【社區(qū)】【資訊】，五個(gè)模塊作為底部導(dǎo)航分欄。圍繞開始的用戶需求，及公司推廣、運(yùn)營(yíng)的需求，開辟了重要業(yè)務(wù)專區(qū)及熱門服務(wù)，這部分可根據(jù)業(yè)務(wù)擴(kuò)展。將重要指數(shù)放在了首頁，方便用戶一覽當(dāng)天各個(gè)市場(chǎng)基本情況。首頁的最后一部分是新聞資訊。2、行情行情借鑒了富途的結(jié)構(gòu)，將自選和