「荔枝微課」產(chǎn)品需求文檔

荔枝微課產(chǎn)品需求文檔一、需求來(lái)源需求來(lái)源于我在體驗(yàn)產(chǎn)品過(guò)程中發(fā)現(xiàn)的問(wèn)題，通過(guò)使用競(jìng)品并且進(jìn)行對(duì)比后，覺(jué)得可以借鑒競(jìng)品的功能方案，來(lái)解決體驗(yàn)產(chǎn)品過(guò)程中發(fā)現(xiàn)的問(wèn)題，具體原因如下：播放功能：1、功能入口現(xiàn)所處的位置，用戶在操作過(guò)程中，操作的流暢程度會(huì)受到如，是否左／右單手操作、手機(jī)大小、手指長(zhǎng)度、抓握方式等諸多因素影響，當(dāng)用戶在其中某個(gè)因素的影響下不能流暢的進(jìn)行操作時(shí)，會(huì)降低用戶在使用過(guò)程中的體驗(yàn)；2、功能入口的辨識(shí)度較低，與市場(chǎng)上的競(jìng)品對(duì)比，入口圖標(biāo)上的辨識(shí)度明顯要低很多，該入口的圖標(biāo)，并不符合大眾的認(rèn)知，用戶在第一次使用產(chǎn)品的過(guò)程中，如果沒(méi)有對(duì)應(yīng)的引導(dǎo)，將會(huì)花更多的時(shí)間進(jìn)行辨認(rèn)／確認(rèn)，會(huì)提升用戶第一次的使用成本、遷移成本。專(zhuān)欄匯總頁(yè)：現(xiàn)在進(jìn)入專(zhuān)欄／查看所有專(zhuān)欄的方式，過(guò)于單一和費(fèi)時(shí)，用戶只能被迫按照現(xiàn)有的方式進(jìn)行一個(gè)個(gè)專(zhuān)欄滑動(dòng)查看，增加了用戶找到對(duì)應(yīng)內(nèi)容的時(shí)間成本。篩選功能：產(chǎn)品現(xiàn)在的課程展示中，積累了兩年的課程內(nèi)容，除了少數(shù)的幾個(gè)分類(lèi)入口外，剩下的課程在展示上就是以信息流的方式，讓用戶一個(gè)個(gè)查找查看，這么龐大的一個(gè)數(shù)量，在展示效率以及用戶的查找查看效率上，都是非常的低，一定程度上也影響了新用戶的課程購(gòu)買(mǎi)率。二、功能結(jié)構(gòu)圖三、運(yùn)營(yíng)目標(biāo)四、功能特性4.1特性列表4.2特性所包含的功能4.2.1播放功能——流程圖4.2.1.1

位置調(diào)整&交互圖標(biāo)優(yōu)化用戶場(chǎng)景：用戶單手操作、手的大小跟屏幕大小不匹配、抓握不匹配時(shí)。處理流程：——「發(fā)現(xiàn)」播放功能入口：1.位置未變動(dòng)前如上圖紅框所示。2.播放功能入口位置調(diào)整后如上圖藍(lán)框1所示，播放功能入口原本的位置，由「搜索功能」入口從原本的位置右移代替。3.播放功能入口最終位置調(diào)整如上圖藍(lán)框2所示，位于「精選」和「我的微課」的入口的正中間，這兩個(gè)入口的位置也需要在原本的位置上分別向兩邊各自平移6mm（暫定）。4.播放功能入口調(diào)整后的圖標(biāo)由原本的條形圖標(biāo)，調(diào)整為圓形圖標(biāo)，如上圖藍(lán)框2所示，圓形圖標(biāo)直徑為38mm（暫定）?！妇x」、「我的微課」、「?jìng)€(gè)人中心」播放功能入口：1.「精選」和「我的微課」播放功能入口，在功能位置調(diào)整的同時(shí)，取消掉原有的播放功能入口，上圖藍(lán)框2所示的入口，為一層級(jí)頁(yè)面的唯一入口。2.「?jìng)€(gè)人中心」的播放功能入口取消后，原有的位置由「設(shè)置功能」入口從原本的位置右移代替，如下圖變動(dòng)前后所示：4.2.1.2播放功能的深層入口用戶場(chǎng)景：當(dāng)用戶進(jìn)入了第二三或N層級(jí)的有課程信息的頁(yè)面，想進(jìn)入播放功能時(shí)。處理流程：——入口懸浮窗距離：1.如上圖紅框所示，播放功能入口懸浮窗在頁(yè)面中的距離，從懸浮窗的中心出發(fā)，距離頁(yè)面底部和右邊邊框分別為32mm的等長(zhǎng)距離（暫定）?！シ殴δ苋肟诔霈F(xiàn)的頁(yè)面：1.在「發(fā)現(xiàn)」、「精選」頁(yè)面中，當(dāng)用戶點(diǎn)擊了頁(yè)面中的課程、課程廣告、分類(lèi)標(biāo)簽、以及搜索功能界面包括搜索出來(lái)的課程頁(yè)面，只要不處于第一層級(jí)的，但是包含了課程信息的頁(yè)面，并且沒(méi)有進(jìn)入到播放功能界面，包括查看課程詳情信息的界面，都顯示播放功能入口的懸浮窗。2.當(dāng)用戶在上述的條件中，在任意的某層級(jí)頁(yè)面進(jìn)入了播放功能，懸浮窗就隱藏，當(dāng)用戶從播放功能退出到原本進(jìn)入的頁(yè)面時(shí)，在重新顯示。3.在「我的微課」頁(yè)面中，只有當(dāng)用戶點(diǎn)擊了課程，并且是直接進(jìn)入到播放功能的，否則未進(jìn)入到播放功能的頁(yè)面課程信息，都顯示懸浮窗，當(dāng)用戶點(diǎn)擊進(jìn)入了，懸浮窗隱藏?！シ殴δ苋肟诓怀霈F(xiàn)的頁(yè)面：1.個(gè)人中心頁(yè)面內(nèi)，除了「訂單記錄」，該頁(yè)面剩下的所有功能的頁(yè)面，都不顯示入口懸浮窗。2.查看講師信息簡(jiǎn)介、微課簡(jiǎn)介。4.2.2專(zhuān)欄匯總頁(yè)——流程圖4.2.2.1頁(yè)面入口用戶場(chǎng)景：用戶想快速查看選擇、想知道有多少專(zhuān)欄時(shí)。處理流程：1.專(zhuān)欄匯總?cè)肟谠黾忧昂笪恢?，如上圖紅藍(lán)框所示。2.入口增加后的位置如上圖藍(lán)框中的占位符所示，位于專(zhuān)欄分類(lèi)欄的右邊，高度與分類(lèi)欄一致，長(zhǎng)度為32mm（暫定），始終置頂于「發(fā)現(xiàn)」頁(yè)中的該位置，位置不隨專(zhuān)欄的左右滑動(dòng)，以及「發(fā)現(xiàn)」頁(yè)面的的上下滑動(dòng)而進(jìn)行變化，除非用戶離開(kāi)了「發(fā)現(xiàn)」頁(yè)，或者進(jìn)入了「發(fā)現(xiàn)」頁(yè)第二層級(jí)的頁(yè)面中。4.2.2.1頁(yè)面內(nèi)容用戶場(chǎng)景：當(dāng)用戶點(diǎn)擊專(zhuān)欄匯總?cè)肟?，進(jìn)入到頁(yè)面，選擇專(zhuān)欄。處理流程：——進(jìn)入／退出頁(yè)面：1.如上圖所示，當(dāng)用戶點(diǎn)擊專(zhuān)欄匯總的入口時(shí)，展開(kāi)入口頁(yè)面，并且顯示現(xiàn)有的26個(gè)專(zhuān)欄入口。2.專(zhuān)欄匯總頁(yè)面沒(méi)有覆蓋的頁(yè)面，則填充為灰色背景，色號(hào)為797979／透明度50%（暫定）。3.當(dāng)入戶點(diǎn)擊灰色背景區(qū)域、或者入口按鈕，則關(guān)閉專(zhuān)欄匯總頁(yè)面?！獙?zhuān)欄跳轉(zhuǎn)1.當(dāng)用戶點(diǎn)擊對(duì)應(yīng)的專(zhuān)欄時(shí)，比如點(diǎn)擊「推薦」專(zhuān)欄，則跳轉(zhuǎn)到「推薦」專(zhuān)欄的頁(yè)面，點(diǎn)擊頁(yè)面中其余的專(zhuān)欄入口同理。2.跳轉(zhuǎn)的同時(shí)收起專(zhuān)欄匯總頁(yè)面，當(dāng)跳轉(zhuǎn)到對(duì)應(yīng)的專(zhuān)欄頁(yè)面后，匯總?cè)肟谖恢貌⒉粫?huì)發(fā)生變化。4.2.3篩選功能——流程圖具體說(shuō)明見(jiàn)：「4.2.3.1篩選功能」、「4.2.3.2篩選類(lèi)型」、「4.2.3.3最多人學(xué)」、「4.2.3.4篩選標(biāo)簽」4.2.3.1篩選功能用戶場(chǎng)景：用戶在查看推薦課程流，想快速篩選內(nèi)容的時(shí)候處理流程：——篩選功能位置：1.上圖藍(lán)框中所示，是增加篩選功能模塊后，在界面中的具體表現(xiàn)形式。2.篩選功能模塊的位置如上圖所示，是在原本的課程展示欄向下移動(dòng)23mm（暫定）后，在移動(dòng)后的空白位置增加篩選功能模塊。3.篩選功能，應(yīng)用于現(xiàn)有的26個(gè)專(zhuān)欄的對(duì)應(yīng)的課程信息流中?！归_(kāi)&收起篩選功能：1.當(dāng)用戶點(diǎn)擊篩選功能的「篩選類(lèi)型」「篩選標(biāo)簽」模塊時(shí)，展開(kāi)的同時(shí)并將頁(yè)面上滑，篩選功能模塊置于專(zhuān)欄的下方，如上圖所示。2.點(diǎn)擊「最多人學(xué)」學(xué)時(shí)，則直接篩選出對(duì)應(yīng)的內(nèi)容，點(diǎn)擊完成的同時(shí)并將頁(yè)面上滑，篩選功能模塊置于專(zhuān)欄的下方，如上圖所示。3.用戶未點(diǎn)擊篩選模塊時(shí)，不進(jìn)行任何的動(dòng)作，不自動(dòng)改變頁(yè)面的位置，用戶還是以原本的滑動(dòng)方式進(jìn)行瀏覽查看。4.當(dāng)用戶點(diǎn)擊了「篩選類(lèi)型」又點(diǎn)擊「篩選標(biāo)簽」時(shí)，則關(guān)閉「篩選類(lèi)型」，展開(kāi)「篩選標(biāo)簽」，反過(guò)來(lái)同理。5.如果「篩選標(biāo)簽」用戶已經(jīng)選擇了標(biāo)簽，沒(méi)點(diǎn)擊確認(rèn)，卻又打開(kāi)了「篩選類(lèi)型」，則保存用戶所選擇的標(biāo)簽，但是不生效，直到用戶點(diǎn)擊確認(rèn)才生效。——篩選標(biāo)簽保存說(shuō)明：1.用戶關(guān)閉了APP，并且不再后臺(tái)運(yùn)行時(shí)，清除所有的篩選信息，恢復(fù)默認(rèn)。2.如果APP在后臺(tái)運(yùn)行，則保存用戶的篩選信息，直到用戶清理掉后臺(tái)進(jìn)程在進(jìn)行清除，恢復(fù)默認(rèn)?！催M(jìn)行篩選查看：1.當(dāng)用戶不進(jìn)行篩選查看時(shí)，收起篩選模塊后，可進(jìn)行向上或者向下滑動(dòng)查看原本的默認(rèn)頁(yè)面內(nèi)容。2.未對(duì)篩選功能進(jìn)行操作時(shí)，當(dāng)用戶向上滑動(dòng)，查看頁(yè)面的下方剩余內(nèi)容，當(dāng)篩選功能不在可視范圍內(nèi)時(shí)，則將篩選功能置頂，直到用戶操作回到可視的頁(yè)面范圍，篩選功能則恢復(fù)到原來(lái)的位置。補(bǔ)充說(shuō)明：一、當(dāng)操作篩選功能時(shí)，用戶滑動(dòng)專(zhuān)欄且切換了專(zhuān)欄：1.切換專(zhuān)欄的同時(shí)，如果展開(kāi)了篩選功能下拉列表／或者進(jìn)行了篩選，則在切換的同時(shí)收起列表，并保存用戶的當(dāng)前選擇。2.當(dāng)用戶切換回了已經(jīng)進(jìn)行過(guò)篩選操作的專(zhuān)欄時(shí)，切換回來(lái)的頁(yè)面為該專(zhuān)欄默認(rèn)的頁(yè)面，但是并不更改已經(jīng)保存的篩選操作。二、當(dāng)操作篩選功能時(shí)，用戶打開(kāi)了專(zhuān)欄匯總頁(yè)：1.如果用戶打開(kāi)了篩選功能下來(lái)列表，則在馬上收起下拉列表，并且對(duì)已經(jīng)進(jìn)行的操作進(jìn)行保存，然后展開(kāi)匯總頁(yè)2.如果進(jìn)行了專(zhuān)欄的切換，則參考「補(bǔ)充說(shuō)明第一條」。3.如果沒(méi)有切換專(zhuān)欄，并且收起了匯總頁(yè)，則還是保持原本的頁(yè)面，不進(jìn)行任何動(dòng)作三、當(dāng)操作篩選功能時(shí)，用戶進(jìn)行了頁(yè)面的切換（精選、播放、微課、個(gè)人中心）：1.參考「補(bǔ)充說(shuō)明第一條」

4.2.3.2篩選類(lèi)型用戶場(chǎng)景：用戶想篩選不同類(lèi)型的課程時(shí)。處理流程：——類(lèi)型說(shuō)明：1.課程類(lèi)型分為綜合排序、最熱課程、最新課程、限時(shí)免費(fèi)、免費(fèi)課程，5大類(lèi)型（暫定）。2.綜合排序，為現(xiàn)有的課程展示形式，排序不做任何變動(dòng)。3.最熱課程，以用戶所篩選的時(shí)間開(kāi)始，一個(gè)月內(nèi)課程學(xué)習(xí)人數(shù)最多的100個(gè)課程，從多到少進(jìn)行排序。4.最新課程，為最新上線的課程，以用戶所篩選的時(shí)間開(kāi)始，7天內(nèi)上線的課程以用戶篩選的當(dāng)天日期開(kāi)始往后排序，在7天范圍內(nèi)的課程數(shù)量不限。5.限時(shí)免費(fèi)，篩選出該類(lèi)型的課程，以限時(shí)免費(fèi)時(shí)間從少到多進(jìn)行排序，數(shù)量不限。6.免費(fèi)課程，篩選出對(duì)應(yīng)專(zhuān)欄下所有的免費(fèi)課程，以學(xué)習(xí)人數(shù)從多到少進(jìn)行排序，數(shù)量不限?！?xì)節(jié)說(shuō)明：1.用戶點(diǎn)擊到篩選類(lèi)型時(shí)，則自動(dòng)展開(kāi)下拉內(nèi)容，當(dāng)選擇點(diǎn)擊了某個(gè)篩選類(lèi)型時(shí)，則同時(shí)收起篩選類(lèi)型下拉列表，展示對(duì)應(yīng)的篩選內(nèi)容。2.用戶打開(kāi)篩選類(lèi)型下拉列表時(shí)，對(duì)已選擇或者默認(rèn)的類(lèi)型，進(jìn)行標(biāo)記顏色與未選擇的類(lèi)型區(qū)別開(kāi)，如上圖所示的紅色；當(dāng)收起下拉列表時(shí)，則顯示為默認(rèn)顏色，但并不改變用戶所作出的選擇行為，展開(kāi)則顯示為標(biāo)記的顏色。3.如圖所示，「綜合排序」右側(cè)的向上箭頭為展開(kāi)了下拉列表，當(dāng)收起下拉列表時(shí)，箭頭方向則朝下，箭頭顏色始終不變化（暫定）。4.2.3.3最多人學(xué)用戶場(chǎng)景：想知道有最多人學(xué)的課程有哪些。處理流程：1.當(dāng)用戶進(jìn)行點(diǎn)擊后，篩選出對(duì)應(yīng)專(zhuān)欄的最多人學(xué)習(xí)的課程，從多到少進(jìn)行排序。2.該選擇不進(jìn)行已選擇顏色的標(biāo)記。4.2.3.4篩選標(biāo)簽用戶場(chǎng)景：用戶想更精細(xì)的進(jìn)行目標(biāo)內(nèi)容篩選。處理流程：——頁(yè)面說(shuō)明：1.類(lèi)別和標(biāo)簽僅作為示例，具體類(lèi)別和標(biāo)簽以實(shí)際提供為準(zhǔn)。2.當(dāng)展開(kāi)下拉列表時(shí)，「篩選」字體顏色標(biāo)記為紅色，當(dāng)收起下拉列表時(shí)，「篩選」則恢復(fù)為默認(rèn)顏色，但并不更改用戶已經(jīng)確認(rèn)的選擇。3.如圖所示，「篩選（3）」中的數(shù)字（3），為所選擇的標(biāo)簽數(shù)量，隨著選擇的標(biāo)簽個(gè)數(shù)進(jìn)行變化，顏色與「篩選」字樣相同，展開(kāi)時(shí)則為紅色，收起時(shí)顏色恢復(fù)默認(rèn)，但并不更改用戶已經(jīng)確認(rèn)的選擇。4.「篩選」右側(cè)的向上箭頭，為展開(kāi)了「篩選標(biāo)簽」下拉列表，當(dāng)收起列表時(shí)則變?yōu)橄蛳拢伾冀K不變化（暫定）。5.重置：點(diǎn)擊后清除「篩選」下所有選擇的類(lèi)別標(biāo)簽，恢復(fù)默認(rèn)狀態(tài)。6.確認(rèn)：當(dāng)用戶選擇完類(lèi)別標(biāo)簽后，只有點(diǎn)擊確認(rèn)后才可生效?！僮髡f(shuō)明：1.當(dāng)選擇了某個(gè)類(lèi)別標(biāo)簽后，選擇的類(lèi)別標(biāo)簽字體顏色標(biāo)記為紅色，不管收起／展開(kāi)列表、是否確認(rèn)，用戶選擇的標(biāo)簽則始終標(biāo)記為紅色。2.如圖所示，三個(gè)類(lèi)別下的標(biāo)簽，每個(gè)類(lèi)別每次僅能選擇其中一個(gè)標(biāo)簽，三個(gè)類(lèi)別最多選擇3個(gè)標(biāo)簽，點(diǎn)擊確認(rèn)后，收起篩選下拉列表，展示對(duì)應(yīng)的篩選內(nèi)容。3.一個(gè)類(lèi)別內(nèi)的標(biāo)簽，最多選擇一個(gè)，當(dāng)已經(jīng)選擇了一個(gè)，用戶還想選擇另外一個(gè)標(biāo)簽，則取消舊標(biāo)簽的顏色標(biāo)記，對(duì)用戶新選擇的標(biāo)簽進(jìn)行標(biāo)記，所有類(lèi)別下的標(biāo)簽同理。4.每個(gè)類(lèi)別的標(biāo)簽可以單獨(dú)進(jìn)行選擇，也可和剩下的類(lèi)別進(jìn)行組合，篩選出對(duì)應(yīng)的內(nèi)容，但每個(gè)類(lèi)別下僅能選擇一個(gè)標(biāo)簽。當(dāng)選擇的類(lèi)別標(biāo)簽沒(méi)有符合的內(nèi)容時(shí)，見(jiàn)補(bǔ)充說(shuō)