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

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

4.2.3.2篩選類型用戶場景：用戶想篩選不同類型的課程時。處理流程：——類型說明：1.課程類型分為綜合排序、最熱課程、最新課程、限時免費、免費課程，5大類型（暫定）。2.綜合排序，為現有的課程展示形式，排序不做任何變動。3.最熱課程，以用戶所篩選的時間開始，一個月內課程學習人數最多的100個課程，從多到少進行排序。4.最新課程，為最新上線的課程，以用戶所篩選的時間開始，7天內上線的課程以用戶篩選的當天日期開始往后排序，在7天范圍內的課程數量不限。5.限時免費，篩選出該類型的課程，以限時免費時間從少到多進行排序，數量不限。6.免費課程，篩選出對應專欄下所有的免費課程，以學習人數從多到少進行排序，數量不限。——細節說明：1.用戶點擊到篩選類型時，則自動展開下拉內容，當選擇點擊了某個篩選類型時，則同時收起篩選類型下拉列表，展示對應的篩選內容。2.用戶打開篩選類型下拉列表時，對已選擇或者默認的類型，進行標記顏色與未選擇的類型區別開，如上圖所示的紅色；當收起下拉列表時，則顯示為默認顏色，但并不改變用戶所作出的選擇行為，展開則顯示為標記的顏色。3.如圖所示，「綜合排序」右側的向上箭頭為展開了下拉列表，當收起下拉列表時，箭頭方向則朝下，箭頭顏色始終不變化（暫定）。4.2.3.3最多人學用戶場景：想知道有最多人學的課程有哪些。處理流程：1.當用戶進行點擊后，篩選出對應專欄的最多人學習的課程，從多到少進行排序。2.該選擇不進行已選擇顏色的標記。4.2.3.4篩選標簽用戶場景：用戶想更精細的進行目標內容篩選。處理流程：——頁面說明：1.類別和標簽僅作為示例，具體類別和標簽以實際提供為準。2.當展開下拉列表時，「篩選」字體顏色標記為紅色，當收起下拉列表時，「篩選」則恢復為默認顏色，但并不更改用戶已經確認的選擇。3.如圖所示，「篩選（3）」中的數字（3），為所選擇的標簽數量，隨著選擇的標簽個數進行變化，顏色與「篩選」字樣相同，展開時則為紅色，收起時顏色恢復默認，但并不更改用戶已經確認的選擇。4.「篩選」右側的向上箭頭，為展開了「篩選標簽」下拉列表，當收起列表時則變為向下，顏色始終不變化（暫定）。5.重置：點擊后清除「篩選」下所有選擇的類別標簽，恢復默認狀態。6.確認：當用戶選擇完類別標簽后，只有點擊確認后才可生效。——操作說明：1.當選擇了某個類別標簽后，選擇的類別標簽字體顏色標記為紅色，不管收起／展開列表、是否確認，用戶選擇的標簽則始終標記為紅色。2.如圖所示，三個類別下的標簽，每個類別每次僅能選擇其中一個標簽，三個類別最多選擇3個標簽，點擊確認后，收起篩選下拉列表，展示對應的篩選內容。3.一個類別內的標簽，最多選擇一個，當已經選擇了一個，用戶還想選擇另外一個標簽，則取消舊標簽的顏色標記，對用戶新選擇的標簽進行標記，所有類別下的標簽同理。4.每個類別的標簽可以單獨進行選擇，也可和剩下的類別進行組合，篩選出對應的內容，但每個類別下僅能選擇一個標簽。當選擇的類別標簽沒有符合的內容時，見補充說