某社區(qū)APP完整原型案例-第二期(附源文件下載)

16 評(píng)論 45599 瀏覽 366 收藏 16 分鐘

本文內(nèi)容為社區(qū)類APP的完整原型設(shè)計(jì)思路及文件,對(duì)于產(chǎn)品及交互很有參考意義,推薦大家學(xué)習(xí)。

目錄:

  • 版本應(yīng)用內(nèi)更新(可支持灰度、A/B TEST測(cè)試)
  • 發(fā)布圖文功能
  • 自建敏感詞管理

版本應(yīng)用內(nèi)更新

APP應(yīng)用內(nèi)更新提醒是個(gè)基建功能,APP剛做的時(shí)候就可以開始規(guī)劃進(jìn)去,這個(gè)功能開發(fā)時(shí)間比較短的,服務(wù)端大概半天,兩個(gè)客戶端半天,測(cè)試半天就好了。應(yīng)用內(nèi)更新提醒主要目的有兩個(gè)。

第一個(gè)目的是把新功能快速覆蓋到所有用戶,比如雙十一來了,而老板臨時(shí)在十月中旬給了個(gè)新的業(yè)務(wù)需求,把審核時(shí)間都算進(jìn)去后發(fā)現(xiàn),用戶能下載的時(shí)間是十一月八號(hào),這個(gè)時(shí)候就需要應(yīng)用內(nèi)更新去提醒用戶,不更新沒有這個(gè)功能。

第二個(gè)目的是針對(duì)某些特殊的機(jī)型解決Bug,碰見最多的是iOS9以前的系統(tǒng),這類用戶是iPhone4代或5代的手機(jī),安卓就更多了,有些特別老的機(jī)型或系統(tǒng)兼容不到,就會(huì)出現(xiàn)bug。用戶通過客服反饋過來,產(chǎn)品經(jīng)理收集給研發(fā),改好了以后不能立馬發(fā)新版本到市場(chǎng),所以應(yīng)用內(nèi)更新提醒就可以指定給這些用戶,專門指定使用這些機(jī)型的用戶發(fā)布新的版本,他們通過更新去下載已經(jīng)解決了問題的包即可。

一、功能結(jié)構(gòu)

二、客戶端原型

客戶端需要注意的問題有:

1. 是否提醒?

拿當(dāng)前版本和推送消息的版本對(duì)比,如果推送的版本號(hào)高則彈出更新提示,如果當(dāng)前版本號(hào)已經(jīng)是最新了,則不彈出提示;

2. 有國際版的應(yīng)用

產(chǎn)品訴求是判斷用戶APP當(dāng)前的語言類型,去推送對(duì)應(yīng)語言的更新提醒;

3. 可選更新

可選更新每天只提示一次,用戶可以點(diǎn)擊“關(guān)閉”按鈕關(guān)掉提醒彈框;

4. 強(qiáng)制更新

用戶打開后就提示,隱藏“關(guān)閉”按鈕,用戶不更新就無法進(jìn)入APP主界面;

5. 指定用戶更新

這里有一個(gè)問題要考慮進(jìn)去:如果指定的用戶沒有登錄怎么辦?用戶沒有登錄程序就沒法知道是要推到哪個(gè)設(shè)備上去,一種做法是用戶沒有登錄就不提醒了,另一種做法是在一開始設(shè)計(jì)APP的時(shí)候,就把硬件設(shè)備號(hào)和用戶注冊(cè)的賬號(hào)捆綁一下。這樣就算用戶沒有登錄也能推送到指定賬號(hào)捆綁的硬件設(shè)備上。

把賬號(hào)和硬件設(shè)備捆綁還有一個(gè)長遠(yuǎn)的好處是用戶賬號(hào)安全,如果賬號(hào)切換到別的設(shè)備登錄時(shí),硬件設(shè)備號(hào)對(duì)不上,程序可以判定賬號(hào)為盜號(hào),這個(gè)時(shí)候需要注冊(cè)的手機(jī)號(hào)或郵箱去驗(yàn)證身份。當(dāng)然這里會(huì)誤傷有多臺(tái)設(shè)備的人,比如測(cè)試的妹紙(真實(shí)的用戶只有少部分人有多臺(tái)設(shè)備的)。

6. 哪里下載更新的包

iOS的更新包需要跳轉(zhuǎn)到app store去下載。這里產(chǎn)品經(jīng)理要注意一個(gè)問題:APP審核通過并在app store釋放后,服務(wù)器會(huì)有一個(gè)小時(shí)左右的延遲,所以此時(shí)如果去發(fā)布應(yīng)用內(nèi)更新提醒的話,用戶從我們APP跳轉(zhuǎn)過去的時(shí)候狀態(tài)是不對(duì)的,也會(huì)出現(xiàn)更新失敗的情況,所以iOS的應(yīng)用內(nèi)更新要晚至少一個(gè)小時(shí)才發(fā)布。

安卓的應(yīng)用內(nèi)更新不新包不走市場(chǎng)的服務(wù)器,是走我們自己的服務(wù)器,所以包要先傳到自己的服務(wù)器上面,從自己的服務(wù)器下載,安卓在發(fā)布更新前只需要保證好新包傳到服務(wù)器即可。另一點(diǎn)需要注意的是安卓的下載頁面是可以自己定義的,可以寫成一個(gè)新頁面、可以寫成一個(gè)彈窗、也可以只在狀態(tài)欄顯示下載進(jìn)度,根據(jù)自己的需要來吧。

三、管理后臺(tái)

管理后臺(tái)分兩個(gè)部分,第一個(gè)部分是已經(jīng)添加過了的版本記錄,如第一張截圖顯示;第二個(gè)部分是發(fā)布版本的頁面,每個(gè)字段必填,版本號(hào)需要按照研發(fā)給的新包版本,有個(gè)交互要注意的是,選擇全部用戶時(shí),更新選項(xiàng)可選更新和強(qiáng)制更新都可以選,選擇指定用戶時(shí)就只能選擇強(qiáng)制更新,道長經(jīng)歷的項(xiàng)目是這么做的,小伙伴們可以結(jié)合自己的需求去規(guī)劃。

指定用戶組這個(gè)問題,產(chǎn)品經(jīng)理在自己的APP剛開始規(guī)劃時(shí)最好考慮進(jìn)去,根據(jù)自己的業(yè)務(wù)把用戶分組,比如設(shè)計(jì)到買賣類的就需要有一個(gè)復(fù)購率、客單區(qū)間、地區(qū)等的分組;社交類的就可以看活躍情況、發(fā)布動(dòng)態(tài)、寫評(píng)論等行為的頻次去分組,給這些用戶打不同的標(biāo)簽,特別有利于新功能的灰度測(cè)試。

發(fā)布圖文動(dòng)態(tài)

一、功能結(jié)構(gòu)

發(fā)布圖文的功能結(jié)構(gòu)相是比較標(biāo)準(zhǔn)的,只要有這個(gè)功能的APP,大家都大同小異,不同的可能是誰的特效更多一些。

二、客戶端原型-路徑一-從手機(jī)相冊(cè)選擇照片

路勁一的原型是用戶直接從相冊(cè)選擇照片,如果用戶在截圖第四張里面點(diǎn)擊照片,可以跳轉(zhuǎn)到后面的路徑二里面去編輯照片。

社區(qū)類的APP大多數(shù)做發(fā)布這個(gè)功能的時(shí)候做的挺粗糙的,很少會(huì)想到去利用這個(gè)頁面的空白地方,微博發(fā)布的時(shí)候會(huì)在頂部顯示廣告。那我們自己在做的時(shí)候心理一定要有這個(gè)思考,為APP或者發(fā)布動(dòng)態(tài)這個(gè)功能帶來增長,不管是老用戶的活躍還是新用戶的留存,這里都比較關(guān)鍵的。

道長在設(shè)計(jì)的時(shí)候頂部設(shè)計(jì)了一個(gè)廣告,這是鼓勵(lì)用戶多發(fā)布動(dòng)態(tài)的一個(gè)示范,通常情況下,運(yùn)營人員的KPI會(huì)有發(fā)帖量的要求,通常大家都是怎么做的呢?一種是APP內(nèi)私信用戶發(fā)布動(dòng)態(tài)可以的積分;一種是通過勛章或頭銜鼓勵(lì)用戶發(fā)動(dòng)態(tài);最土的一種是組件一個(gè)用戶群,然后里面發(fā)禮物鼓勵(lì)用戶,這種方法受眾面很窄,其實(shí)不值得長期運(yùn)營。

那我們就可以在“發(fā)布”動(dòng)態(tài)的這個(gè)頁面鼓勵(lì)用戶參與發(fā)布,某種程度上來說,對(duì)用戶“發(fā)布”這個(gè)動(dòng)作有臨門一腳的促進(jìn)作用,道長在原型的下方描述里面有提到要考慮好用H5做,H5不用發(fā)布APP版本,隨時(shí)能夠配合運(yùn)營活動(dòng)的修改,這里產(chǎn)品經(jīng)理要重點(diǎn)關(guān)注。

三、客戶端原型-路徑二-拍照&照片編輯

拍照一張頁面就搞定了,如截圖里面的第一張,用戶拍照完如果不需要使用后面的美化功能的話,直接點(diǎn)擊第二張圖導(dǎo)航條右上角的“下一步”把圖片插入動(dòng)態(tài)發(fā)布的頁面。用戶如果使用美化功能,則會(huì)需要用到后面的頁面,用戶可以在任意一個(gè)頁面點(diǎn)擊“下一步”完成照片編輯并使用照片。關(guān)于濾鏡這些功能和邏輯這里不再多說,自己可以先列一個(gè)需求框架,你們的產(chǎn)品需要什么樣的功能去滿足用戶發(fā)布照片的需求,然后在跟進(jìn)框架去理出來即可。

敏感詞管理

敏感詞的管理方案建議采用第三方的,比如阿里云或者網(wǎng)易云盾這些專門解決敏感詞和敏感圖片的服務(wù),初創(chuàng)團(tuán)隊(duì)不建議自己去做這么大的工程,自己做的投入產(chǎn)出比真的很低。我們自己開發(fā),最多能做的好文字的敏感詞部分。圖片就很難做到了,涉及到圖片識(shí)別和算法的東西,比如一張裸露或者是領(lǐng)導(dǎo)人照片被用戶拿來做頭像了,我們自己做的敏感詞解決不了,這些對(duì)產(chǎn)品都會(huì)有傷害,也會(huì)帶來法律風(fēng)險(xiǎn)。后期產(chǎn)品做的比較大后再考慮自己做,但一般的實(shí)際情況是,都是用第三方加自己開發(fā)的配合在一起使用的。

道長經(jīng)歷過的小項(xiàng)目使用如下的兩個(gè)處理方式:

方式一:客戶端處理提示用戶修改

用戶寫評(píng)論提交內(nèi)容的時(shí)候,把內(nèi)容里面的敏感詞檢測(cè)并標(biāo)記出來,彈出操作面板讓用戶編輯或刪除,如果用戶不修改則不能提交評(píng)論內(nèi)容,把該功能寫成一個(gè)單獨(dú)的模塊,APP的用戶昵稱、簽名、動(dòng)態(tài)等等都可以用,流程和原型如下:

用戶在提交的時(shí)候把內(nèi)容先和敏感詞庫匹配,檢測(cè)到就高亮標(biāo)記出來,讓用戶去編輯或刪除后重新提交,如此重復(fù)的檢測(cè)、修改、提交,這個(gè)方法用戶有抱怨過,造成的問題是使用起來感覺有點(diǎn)不近人情,另外檢測(cè)效果完全取決于自身的語料庫有多豐富和技術(shù)實(shí)現(xiàn)方式。

敏感詞庫匹配一種是直接從服務(wù)端查找,帶來的問題是服務(wù)端開銷大、檢測(cè)速度慢,每次都要拿用戶提交內(nèi)容去和整個(gè)語料庫對(duì)比,可以想象我們服務(wù)器的成本和用戶使用的速度是極其低的。

另一種方式是每次用戶打開APP,判斷用戶是wifi環(huán)境時(shí),都把服務(wù)端的語料庫下載到APP本地的數(shù)據(jù)庫,用戶提交的時(shí)候只需要和本地的語料庫對(duì)比就行了,我們發(fā)現(xiàn)效果也不是很理想。

方式二:隱藏敏感詞內(nèi)容

用戶提交內(nèi)容的時(shí)候服務(wù)端做校驗(yàn),如果有敏感詞則把敏感詞替換成星號(hào),用戶發(fā)布時(shí)不提醒,提交成功顯示的時(shí)候把敏感詞部分替換成星號(hào)。該方案對(duì)用戶來說操作門檻最低,但體驗(yàn)不好的地方是用戶不知道自己犯錯(cuò)了并且會(huì)造成內(nèi)容不完整。流程和原型如下:

敏感詞后臺(tái)原型:

敏感詞后臺(tái)基礎(chǔ)版本是這樣子的,可以按照自己的需要增加一個(gè)導(dǎo)入表格的功能,我們因?yàn)榍捌跍?zhǔn)備了大量的表格,直接開發(fā)的同學(xué)在數(shù)據(jù)庫里面導(dǎo)進(jìn)去了,就不需要再網(wǎng)頁上在做這么個(gè)功能,后期需要添加一個(gè)就添加,也不會(huì)出現(xiàn)一次需要手動(dòng)添加幾百個(gè)敏感詞的場(chǎng)景。

好了,第二期原型分享到此結(jié)束,下一期是積分商城,比較龐大。

相關(guān)閱讀:

第一期:某社區(qū)APP完整原型案例(附源文件下載)

產(chǎn)品經(jīng)理課程:APP產(chǎn)品經(jīng)理入門實(shí)戰(zhàn)課程(交互、原型、方法論)

……………………………………………… 我是美麗的分界線 ………………………………………………

如果你想獲取文中原型圖源文件,請(qǐng)關(guān)注起點(diǎn)學(xué)院公眾號(hào)(ID:qidianxueyuan666)回復(fù)關(guān)鍵詞“666”獲取下載地址。

如果你想跟我交流原型設(shè)計(jì)技巧,歡迎加QQ群:159912926

#專欄作家#

芒果道長,人人都是產(chǎn)品經(jīng)理專欄作家,起點(diǎn)學(xué)院特聘導(dǎo)師。騰訊課堂【30天教你做一個(gè)APP】作者。

本文獨(dú)家首發(fā)于人人都是產(chǎn)品經(jīng)理,未經(jīng)本站許可,不得轉(zhuǎn)載,謝謝合作

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. download

    來自北京 回復(fù)
  2. 666

    來自重慶 回復(fù)
  3. 666

    來自浙江 回復(fù)
  4. 666

    來自北京 回復(fù)
  5. 敏感詞如果采用第一種方式,在WIFI環(huán)境下把語料庫下載到了本地,如果以后語料庫更新了怎么辦呢?重新下載一次么?

    來自浙江 回復(fù)
  6. 在哪里可以下載源文件呢 ??

    來自江蘇 回復(fù)
  7. 666 很不錯(cuò)

    來自北京 回復(fù)
  8. 666摁

    來自北京 回復(fù)
  9. 幫助很大,還有一個(gè)問題請(qǐng)教,敏感詞檢測(cè)如果用第三方,在原型上體現(xiàn)出來是道長在文章中展示的那樣嘛。

    回復(fù)
    1. 這個(gè)你要看第三方是否返回了你要的字段和數(shù)據(jù),如果沒有的話不行。再者,需要開發(fā)再次封裝。

      來自四川 回復(fù)
  10. 非常有幫助,收藏了慢慢消化。請(qǐng)問道長源文件哪里下載?公眾號(hào)回復(fù)了沒有反應(yīng)。

    來自上海 回復(fù)
  11. 道長,很是羨慕你這樣神乎其神的原型功力,作為一個(gè)剛?cè)腴T的產(chǎn)品小白,有兩個(gè)問題想請(qǐng)教一下:

    1. 學(xué)習(xí)產(chǎn)品的過程中,有些教課上面強(qiáng)調(diào)需求的分析及業(yè)務(wù)邏輯的重要性,而不應(yīng)該在原型上花費(fèi)過多的時(shí)間,這個(gè)結(jié)論有問題會(huì)有矛盾不。

    2. 如何在畫原型上能夠達(dá)到類比道長這樣般的功力呢,如何做好快速的勾勒產(chǎn)品功能的布局方式。我是做PC產(chǎn)品方面的設(shè)計(jì),每次在畫原型時(shí)就糾結(jié)這個(gè)繪畫區(qū)域以哪個(gè)屏幕分辨率為基準(zhǔn)是好,太大嘛怕不知道如何布局,小的嘛又怕做出來后在大屏不好看。特別最近還要設(shè)計(jì)PC與移動(dòng)自響應(yīng)式的設(shè)計(jì),更是郁悶。

    謝謝。

    來自上海 回復(fù)
  12. 先贊一個(gè),寫的很詳細(xì)了,比我們的強(qiáng)多了,有這樣的原型可以媲美PRD了

    來自江蘇 回復(fù)
  13. 敏感詞和版本更新的后臺(tái)原型什么時(shí)候能夠更新?

    來自江蘇 回復(fù)
  14. 下載地址下的是舊版本的原型,沒有含敏感詞和版本更新后臺(tái)的原型;還有,你設(shè)置新版強(qiáng)制更新時(shí),不需要上傳安裝包或者設(shè)置APP更新地址嗎?

    來自北京 回復(fù)