文章結(jié)構(gòu):需求來源——功能結(jié)構(gòu)圖——運(yùn)營(yíng)目標(biāo)——功能特性——數(shù)據(jù)統(tǒng)計(jì)需求——運(yùn)營(yíng)支持需求
一样眠、需求來源
需求來源于我在體驗(yàn)產(chǎn)品過程中發(fā)現(xiàn)的問題,通過使用競(jìng)品并且進(jìn)行對(duì)比后集乔,覺得可以借鑒競(jìng)品的功能方案,來解決體驗(yàn)產(chǎn)品過程中發(fā)現(xiàn)的問題,具體原因如下:
播放功能:
1郭变、功能入口現(xiàn)所處的位置颜价,用戶在操作過程中,操作的流暢程度會(huì)受到如诉濒,是否左/右單手操作周伦、手機(jī)大小、手指長(zhǎng)度未荒、抓握方式等諸多因素影響专挪,當(dāng)用戶在其中某個(gè)因素的影響下不能流暢的進(jìn)行操作時(shí),會(huì)降低用戶在使用過程中的體驗(yàn)片排;
2寨腔、功能入口的辨識(shí)度較低,與市場(chǎng)上的競(jìng)品對(duì)比率寡,入口圖標(biāo)上的辨識(shí)度明顯要低很多迫卢,該入口的圖標(biāo),并不符合大眾的認(rèn)知勇劣,用戶在第一次使用產(chǎn)品的過程中靖避,如果沒有對(duì)應(yīng)的引導(dǎo),將會(huì)花更多的時(shí)間進(jìn)行辨認(rèn)/確認(rèn)比默,會(huì)提升用戶第一次的使用成本幻捏、遷移成本。
專欄匯總頁:
現(xiàn)在進(jìn)入專欄/查看所有專欄的方式命咐,過于單一和費(fèi)時(shí)篡九,用戶只能被迫按照現(xiàn)有的方式進(jìn)行一個(gè)個(gè)專欄滑動(dòng)查看,增加了用戶找到對(duì)應(yīng)內(nèi)容的時(shí)間成本醋奠。
篩選功能:
產(chǎn)品現(xiàn)在的課程展示中榛臼,積累了兩年的課程內(nèi)容,除了少數(shù)的幾個(gè)分類入口外窜司,剩下的課程在展示上就是以信息流的方式沛善,讓用戶一個(gè)個(gè)查找查看,這么龐大的一個(gè)數(shù)量塞祈,在展示效率以及用戶的查找查看效率上金刁,都是非常的低,一定程度上也影響了新用戶的課程購(gòu)買率议薪。
二尤蛮、功能結(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(暫定)。
——「精選」吝秕、「我的微課」泊脐、「?jìng)€(gè)人中心」播放功能入口:
1.「精選」和「我的微課」播放功能入口,在功能位置調(diào)整的同時(shí)烁峭,取消掉原有的播放功能入口容客,上圖藍(lán)框2所示的入口,為一層級(jí)頁面的唯一入口约郁。
2.「?jìng)€(gè)人中心」的播放功能入口取消后缩挑,原有的位置由「設(shè)置功能」入口從原本的位置右移代替,如下圖變動(dòng)前后所示:
4.2.1.2 播放功能的深層入口
用戶場(chǎng)景:當(dāng)用戶進(jìn)入了第二三或N層級(jí)的有課程信息的頁面鬓梅,想進(jìn)入播放功能時(shí)供置。
處理流程:
——入口懸浮窗距離:
1.如上圖紅框所示,播放功能入口懸浮窗在頁面中的距離绽快,從懸浮窗的中心出發(fā)芥丧,距離頁面底部和右邊邊框分別為32mm的等長(zhǎng)距離(暫定)。
——播放功能入口出現(xiàn)的頁面:
1.在「發(fā)現(xiàn)」坊罢、「精選」頁面中续担,當(dāng)用戶點(diǎn)擊了頁面中的課程、課程廣告活孩、分類標(biāo)簽物遇、以及搜索功能界面包括搜索出來的課程頁面,只要不處于第一層級(jí)的诱鞠,但是包含了課程信息的頁面挎挖,并且沒有進(jìn)入到播放功能界面,包括查看課程詳情信息的界面航夺,都顯示播放功能入口的懸浮窗蕉朵。
2.當(dāng)用戶在上述的條件中,在任意的某層級(jí)頁面進(jìn)入了播放功能阳掐,懸浮窗就隱藏始衅,當(dāng)用戶從播放功能退出到原本進(jìn)入的頁面時(shí)冷蚂,在重新顯示。
3.在「我的微課」頁面中汛闸,只有當(dāng)用戶點(diǎn)擊了課程蝙茶,并且是直接進(jìn)入到播放功能的,否則未進(jìn)入到播放功能的頁面課程信息诸老,都顯示懸浮窗隆夯,當(dāng)用戶點(diǎn)擊進(jìn)入了,懸浮窗隱藏别伏。
——播放功能入口不出現(xiàn)的頁面:
1.個(gè)人中心頁面內(nèi)蹄衷,除了「訂單記錄」,該頁面剩下的所有功能的頁面厘肮,都不顯示入口懸浮窗愧口。
2.查看講師信息簡(jiǎn)介、微課簡(jiǎn)介类茂。
4.2.2 專欄匯總頁
——流程圖
4.2.2.1 頁面入口
用戶場(chǎng)景:用戶想快速查看選擇耍属、想知道有多少專欄時(shí)。
處理流程:
1.專欄匯總?cè)肟谠黾忧昂笪恢霉欤缟蠄D紅藍(lán)框所示厚骗。
2.入口增加后的位置如上圖藍(lán)框中的占位符所示,位于專欄分類欄的右邊碴巾,高度與分類欄一致溯捆,長(zhǎng)度為32mm(暫定),始終置頂于「發(fā)現(xiàn)」頁中的該位置厦瓢,位置不隨專欄的左右滑動(dòng)提揍,以及「發(fā)現(xiàn)」頁面的的上下滑動(dòng)而進(jìn)行變化,除非用戶離開了「發(fā)現(xiàn)」頁煮仇,或者進(jìn)入了「發(fā)現(xiàn)」頁第二層級(jí)的頁面中劳跃。
4.2.2.1 頁面內(nèi)容
用戶場(chǎng)景:當(dāng)用戶點(diǎn)擊專欄匯總?cè)肟冢M(jìn)入到頁面浙垫,選擇專欄刨仑。
處理流程:
——進(jìn)入/退出頁面:
1.如上圖所示,當(dāng)用戶點(diǎn)擊專欄匯總的入口時(shí)夹姥,展開入口頁面杉武,并且顯示現(xiàn)有的26個(gè)專欄入口。
2.專欄匯總頁面沒有覆蓋的頁面辙售,則填充為灰色背景轻抱,色號(hào)為797979/透明度50%(暫定)。
3.當(dāng)入戶點(diǎn)擊灰色背景區(qū)域旦部、或者入口按鈕祈搜,則關(guān)閉專欄匯總頁面较店。
——專欄跳轉(zhuǎn)
1.當(dāng)用戶點(diǎn)擊對(duì)應(yīng)的專欄時(shí),比如點(diǎn)擊「推薦」專欄容燕,則跳轉(zhuǎn)到「推薦」專欄的頁面梁呈,點(diǎn)擊頁面中其余的專欄入口同理。
2.跳轉(zhuǎn)的同時(shí)收起專欄匯總頁面蘸秘,當(dāng)跳轉(zhuǎn)到對(duì)應(yīng)的專欄頁面后官卡,匯總?cè)肟谖恢貌⒉粫?huì)發(fā)生變化。
4.2.3 篩選功能
——流程圖
具體說明見:「4.2.3.1篩選功能」醋虏、「4.2.3.2篩選類型」味抖、「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è)專欄的對(duì)應(yīng)的課程信息流中旬薯。
——展開&收起篩選功能:
1.當(dāng)用戶點(diǎn)擊篩選功能的「篩選類型」「篩選標(biāo)簽」模塊時(shí)晰骑,展開的同時(shí)并將頁面上滑,篩選功能模塊置于專欄的下方绊序,如上圖所示硕舆。
2.點(diǎn)擊「最多人學(xué)」學(xué)時(shí),則直接篩選出對(duì)應(yīng)的內(nèi)容骤公,點(diǎn)擊完成的同時(shí)并將頁面上滑抚官,篩選功能模塊置于專欄的下方,如上圖所示阶捆。
3.用戶未點(diǎn)擊篩選模塊時(shí)凌节,不進(jìn)行任何的動(dòng)作,不自動(dòng)改變頁面的位置洒试,用戶還是以原本的滑動(dòng)方式進(jìn)行瀏覽查看倍奢。
4.當(dāng)用戶點(diǎn)擊了「篩選類型」又點(diǎn)擊「篩選標(biāo)簽」時(shí),則關(guān)閉「篩選類型」垒棋,展開「篩選標(biāo)簽」卒煞,反過來同理。
5.如果「篩選標(biāo)簽」用戶已經(jīng)選擇了標(biāo)簽捕犬,沒點(diǎn)擊確認(rèn)跷坝,卻又打開了「篩選類型」酵镜,則保存用戶所選擇的標(biāo)簽,但是不生效柴钻,直到用戶點(diǎn)擊確認(rèn)才生效淮韭。
——篩選標(biāo)簽保存說明:
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)元潘。
——未進(jìn)行篩選查看:
1.當(dāng)用戶不進(jìn)行篩選查看時(shí)畔乙,收起篩選模塊后,可進(jìn)行向上或者向下滑動(dòng)查看原本的默認(rèn)頁面內(nèi)容翩概。
2.未對(duì)篩選功能進(jìn)行操作時(shí)牲距,當(dāng)用戶向上滑動(dòng),查看頁面的下方剩余內(nèi)容钥庇,當(dāng)篩選功能不在可視范圍內(nèi)時(shí)牍鞠,則將篩選功能置頂,直到用戶操作回到可視的頁面范圍评姨,篩選功能則恢復(fù)到原來的位置难述。
補(bǔ)充說明:
一、當(dāng)操作篩選功能時(shí)吐句,用戶滑動(dòng)專欄且切換了專欄:
1.切換專欄的同時(shí)胁后,如果展開了篩選功能下拉列表/或者進(jìn)行了篩選,則在切換的同時(shí)收起列表嗦枢,并保存用戶的當(dāng)前選擇择同。
2.當(dāng)用戶切換回了已經(jīng)進(jìn)行過篩選操作的專欄時(shí),切換回來的頁面為該專欄默認(rèn)的頁面净宵,但是并不更改已經(jīng)保存的篩選操作敲才。
二、當(dāng)操作篩選功能時(shí)择葡,用戶打開了專欄匯總頁:
1.如果用戶打開了篩選功能下來列表紧武,則在馬上收起下拉列表,并且對(duì)已經(jīng)進(jìn)行的操作進(jìn)行保存敏储,然后展開匯總頁
2.如果進(jìn)行了專欄的切換阻星,則參考「補(bǔ)充說明第一條」。
3.如果沒有切換專欄,并且收起了匯總頁妥箕,則還是保持原本的頁面滥酥,不進(jìn)行任何動(dòng)作
三、當(dāng)操作篩選功能時(shí)畦幢,用戶進(jìn)行了頁面的切換(精選坎吻、播放、微課宇葱、個(gè)人中心):
1.參考「補(bǔ)充說明第一條」
4.2.3.2 篩選類型
用戶場(chǎng)景:用戶想篩選不同類型的課程時(shí)瘦真。
處理流程:
——類型說明:
1.課程類型分為綜合排序、最熱課程黍瞧、最新課程诸尽、限時(shí)免費(fèi)、免費(fèi)課程印颤,5大類型(暫定)您机。
2.綜合排序,為現(xiàn)有的課程展示形式年局,排序不做任何變動(dòng)往产。
3.最熱課程,以用戶所篩選的時(shí)間開始某宪,一個(gè)月內(nèi)課程學(xué)習(xí)人數(shù)最多的100個(gè)課程,從多到少進(jìn)行排序锐朴。
4.最新課程兴喂,為最新上線的課程,以用戶所篩選的時(shí)間開始焚志,7天內(nèi)上線的課程以用戶篩選的當(dāng)天日期開始往后排序衣迷,在7天范圍內(nèi)的課程數(shù)量不限。
5.限時(shí)免費(fèi)酱酬,篩選出該類型的課程壶谒,以限時(shí)免費(fèi)時(shí)間從少到多進(jìn)行排序,數(shù)量不限膳沽。
6.免費(fèi)課程汗菜,篩選出對(duì)應(yīng)專欄下所有的免費(fèi)課程,以學(xué)習(xí)人數(shù)從多到少進(jìn)行排序挑社,數(shù)量不限陨界。
——細(xì)節(jié)說明:
1.用戶點(diǎn)擊到篩選類型時(shí),則自動(dòng)展開下拉內(nèi)容痛阻,當(dāng)選擇點(diǎn)擊了某個(gè)篩選類型時(shí)菌瘪,則同時(shí)收起篩選類型下拉列表,展示對(duì)應(yīng)的篩選內(nèi)容阱当。
2.用戶打開篩選類型下拉列表時(shí)俏扩,對(duì)已選擇或者默認(rèn)的類型糜工,進(jìn)行標(biāo)記顏色與未選擇的類型區(qū)別開,如上圖所示的紅色录淡;當(dāng)收起下拉列表時(shí)捌木,則顯示為默認(rèn)顏色,但并不改變用戶所作出的選擇行為赁咙,展開則顯示為標(biāo)記的顏色钮莲。
3.如圖所示,「綜合排序」右側(cè)的向上箭頭為展開了下拉列表彼水,當(dāng)收起下拉列表時(shí)崔拥,箭頭方向則朝下,箭頭顏色始終不變化(暫定)凤覆。
4.2.3.3 最多人學(xué)
用戶場(chǎng)景:想知道有最多人學(xué)的課程有哪些链瓦。
處理流程:
1.當(dāng)用戶進(jìn)行點(diǎn)擊后,篩選出對(duì)應(yīng)專欄的最多人學(xué)習(xí)的課程盯桦,從多到少進(jìn)行排序慈俯。
2.該選擇不進(jìn)行已選擇顏色的標(biāo)記。
4.2.3.4 篩選標(biāo)簽
用戶場(chǎng)景:用戶想更精細(xì)的進(jìn)行目標(biāo)內(nèi)容篩選拥峦。
處理流程:
——頁面說明:
1.類別和標(biāo)簽僅作為示例贴膘,具體類別和標(biāo)簽以實(shí)際提供為準(zhǔn)。
2.當(dāng)展開下拉列表時(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)行變化要糊,顏色與「篩選」字樣相同终抽,展開時(shí)則為紅色,收起時(shí)顏色恢復(fù)默認(rèn),但并不更改用戶已經(jīng)確認(rèn)的選擇。
4.「篩選」右側(cè)的向上箭頭,為展開了「篩選標(biāo)簽」下拉列表畜吊,當(dāng)收起列表時(shí)則變?yōu)橄蛳拢伾冀K不變化(暫定)户矢。
5.重置:點(diǎn)擊后清除「篩選」下所有選擇的類別標(biāo)簽玲献,恢復(fù)默認(rèn)狀態(tài)。
6.確認(rèn):當(dāng)用戶選擇完類別標(biāo)簽后,只有點(diǎn)擊確認(rèn)后才可生效捌年。
——操作說明:
1.當(dāng)選擇了某個(gè)類別標(biāo)簽后瓢娜,選擇的類別標(biāo)簽字體顏色標(biāo)記為紅色,不管收起/展開列表礼预、是否確認(rèn)眠砾,用戶選擇的標(biāo)簽則始終標(biāo)記為紅色。
2.如圖所示托酸,三個(gè)類別下的標(biāo)簽褒颈,每個(gè)類別每次僅能選擇其中一個(gè)標(biāo)簽,三個(gè)類別最多選擇3個(gè)標(biāo)簽励堡,點(diǎn)擊確認(rèn)后谷丸,收起篩選下拉列表,展示對(duì)應(yīng)的篩選內(nèi)容应结。
3.一個(gè)類別內(nèi)的標(biāo)簽刨疼,最多選擇一個(gè),當(dāng)已經(jīng)選擇了一個(gè)鹅龄,用戶還想選擇另外一個(gè)標(biāo)簽揩慕,則取消舊標(biāo)簽的顏色標(biāo)記,對(duì)用戶新選擇的標(biāo)簽進(jìn)行標(biāo)記扮休,所有類別下的標(biāo)簽同理迎卤。
4.每個(gè)類別的標(biāo)簽可以單獨(dú)進(jìn)行選擇,也可和剩下的類別進(jìn)行組合玷坠,篩選出對(duì)應(yīng)的內(nèi)容蜗搔,但每個(gè)類別下僅能選擇一個(gè)標(biāo)簽。當(dāng)選擇的類別標(biāo)簽沒有符合的內(nèi)容時(shí)侨糟,見補(bǔ)充說明「無篩選結(jié)果」所示。
——組合篩選說明:
1.「篩選類型」與「最多人學(xué)」兩個(gè)篩選條件分別獨(dú)立瘩燥,但兩者可以分別與「篩選標(biāo)簽」進(jìn)行組合篩選秕重,但并不改變「篩選標(biāo)簽」的選擇規(guī)則。
2.進(jìn)行組合篩選時(shí)厉膀,篩選出來的內(nèi)容以「篩選類型」「最多人學(xué)」的排序方式為基礎(chǔ)進(jìn)行排序溶耘。
3.當(dāng)組合篩選沒有對(duì)應(yīng)的內(nèi)容見補(bǔ)充說明「無篩選結(jié)果」所示。
補(bǔ)充說明:
——無篩選結(jié)果
1.當(dāng)選擇的類別標(biāo)簽服鹅,或者組合篩選沒有符合的內(nèi)容時(shí)凳兵,則進(jìn)行文案提示,如上圖所示(暫定)企软。