四. 產(chǎn)品體驗(yàn)

用戶主要操作流程圖：

1. 登錄注冊(cè)

（1）功用

可采用第三方（QQ和微信）直接登錄和游客模式登錄，無需注冊(cè)。登錄后可選擇綁定手機(jī)號(hào)和所處年級(jí)。

（2）上線時(shí)間

從2016年上線后沿用至今未改，說明并沒有因?yàn)橹挥羞@三種登錄方式造成較大流失。

（3）效果體驗(yàn)

• 采用第三方直接登錄十分便捷；
• 用戶可以省去頭像昵稱的錄入；
• 如果是qq登錄，可以直接加入師生交流qq群；
• 讓用戶初步定義自己畫像：目前所處年級(jí)，方便用戶看到需要的內(nèi)容。

（4）不足之處

• 對(duì)于在web上用手機(jī)號(hào)注冊(cè)用戶是挺糟糕體驗(yàn)；
• 對(duì)于不想關(guān)聯(lián)自己qq/微信的用戶是挺糟糕體驗(yàn)；
• 沒有用手機(jī)號(hào)注冊(cè)不利于短信運(yùn)營(yíng)和電銷等；
• 采用微信和游客登錄的也不方便加入q群；
• 游客模式的行為不會(huì)同步到后面登錄的qq或微信賬戶中，不合適。

（5）交互及UI體驗(yàn)

• 登錄界面提示“上次登錄”的第三方。由于用戶現(xiàn)在第三方登錄使用多了，很多時(shí)候也很難確定上次使用哪個(gè)第三方，所以這個(gè)提示非常有“人味”；

• qq或微信登錄完提醒綁定手機(jī)，自動(dòng)聚焦手機(jī)號(hào)輸入框并喚起數(shù)字鍵盤，且可跳過，體驗(yàn)較好；
• 手機(jī)號(hào)輸入框上限11個(gè)字符，同時(shí)滿11位才可獲取驗(yàn)證碼，驗(yàn)證碼輸入框上線6位，且輸滿6位才可點(diǎn)擊“綁定”，可一定程度上減少用戶輸錯(cuò)；
• 手機(jī)號(hào)輸入框可輸入符合、漢字等各類字符，都可以獲取驗(yàn)證碼，且同個(gè)號(hào)碼可不斷獲取驗(yàn)證碼，而不出現(xiàn)其他驗(yàn)證，存在安全風(fēng)險(xiǎn)（或者有其他的風(fēng)險(xiǎn)機(jī)制？）；
• 在無網(wǎng)絡(luò)環(huán)境下，點(diǎn)擊“獲取驗(yàn)證碼”，button竟然有響應(yīng)且無任何提示，但實(shí)際未收到短信。

• 視覺上，萌萌的書中企鵝logo，再加上QQ和微信各自登錄button的主色調(diào)，整體偏淡雅，熟悉而親切。

（6）優(yōu)化建議

• 增加手機(jī)驗(yàn)證登錄和手機(jī)賬號(hào)密碼登錄；
• 游客模式行為可同步到后續(xù)同設(shè)備的登錄賬號(hào)中去，以設(shè)備ID為識(shí)別；
• 對(duì)手機(jī)號(hào)的驗(yàn)證碼獲取增加風(fēng)險(xiǎn)防范機(jī)制；
• 提升手機(jī)號(hào)綁定界面的體驗(yàn)，比如無網(wǎng)絡(luò)環(huán)境的感知、報(bào)錯(cuò)提醒的UI、一鍵刪除輸入等。

2. 找課課表

（1）功用

主要展示給家長(zhǎng)/學(xué)生所處學(xué)習(xí)階段內(nèi)不同類型的課程，以供選擇。

（2）效果體驗(yàn)

• 找課功能目的明確，不僅有系統(tǒng)班、專題課，還可以超低價(jià)體驗(yàn)，滿足用戶不同階段的需求；
• 不僅有滿足學(xué)生的課程，還有針對(duì)“付費(fèi)者”家長(zhǎng)的講座，且有較豐富的運(yùn)營(yíng)文案；
• 找課課表展示內(nèi)容比較亂，有系統(tǒng)班、專題課，還有講座；單類系統(tǒng)班/專題課表展示也比較混亂，包含全部科目，不利于用戶選擇；
• 如果遇到不錯(cuò)的課，又猶豫不決就很難辦。

（3）交互體驗(yàn)

• tab切換時(shí)，只有滾動(dòng)條變化，文字不變，缺乏動(dòng)感；
• 各科目文字有按壓和點(diǎn)擊效果，年級(jí)和篩選的文字圖標(biāo)沒有；
• banner圖滾動(dòng)太快，三秒即一次，影響閱讀；
• 整體交互中規(guī)中矩，頁面跳轉(zhuǎn)不可左滑返回，課程詳情的上滑瀏覽缺乏協(xié)調(diào)感（比如文字圖片的逐漸淡化處理等），顯得生硬。

（4）視覺體驗(yàn)

• 找課課表太“復(fù)雜”，每個(gè)課表下有“幾條線”，我研究了好一會(huì)兒，才發(fā)現(xiàn)這個(gè)應(yīng)該想要表達(dá)的是：這個(gè)課表是一個(gè)“集合”，里面還有一系列課程，然而問了好多人，只是覺得不好看，并沒get到課表所要表達(dá)的意思。
• 課表應(yīng)該屬于卡片類型，但是又缺乏卡片的感覺，更像普通的分欄列表，缺乏質(zhì)感。
• 找課課表標(biāo)題居中對(duì)齊，價(jià)格和頭像又分別左對(duì)齊和右對(duì)齊，整體顯得參差不齊；我覺得有一方面是想要將“集合”跟單個(gè)課程課表作區(qū)分，因?yàn)檎n程課表標(biāo)題全部是左對(duì)齊。但是用戶并不需要這種方式來表達(dá)清晰的邏輯性，我的感覺就是亂。。琢磨了一會(huì)兒才明白層級(jí)關(guān)系，但絕不是因?yàn)檫@兩個(gè)課表UI上的差別而明白。
• 找課課表的“已售***”位于左側(cè)，而課程列表中，“已售***”位于右側(cè)，對(duì)用戶前后記憶的一致性有所影響。
• 重點(diǎn)突出的是價(jià)格，由于起步較晚且缺乏相關(guān)基礎(chǔ)，教研和師資力量相對(duì)不足，所以以價(jià)格作為一種競(jìng)爭(zhēng)優(yōu)勢(shì)。
• 所有課表（包括搜索結(jié)果和新課推薦等）時(shí)間顯示“晚上19:00”和“上午10:30”，本身就有語病，19:00已經(jīng)代表的是“晚上7點(diǎn)”，而且第一眼總會(huì)給人誤導(dǎo)這是今晚的課（親測(cè)多人）。

（5）優(yōu)化建議

• 增加課程收藏或加入購(gòu)物車功能，當(dāng)無法確定立即購(gòu)買的課程，可以先收藏/放入購(gòu)物車；
• 找課界面建議對(duì)系統(tǒng)班和專題課區(qū)域進(jìn)行區(qū)分，系統(tǒng)班/專題課課程列表建議增加篩選功能，課表可采用小卡片形式，更有質(zhì)感；
• 交互和視覺優(yōu)化，詳見上處 優(yōu)化體驗(yàn)部分。

3. 搜索

（1）功能

搜索課程和老師

（2）效果體驗(yàn)

• 搜索關(guān)鍵字可搜索到相應(yīng)課程和老師；
• 如果不是搜索老師，則搜索結(jié)果有排序和篩選功能；
• 搜索名字，具有最佳匹配選項(xiàng)推薦，且顯示老師標(biāo)簽；優(yōu)先推薦跟自己所在年級(jí)匹配結(jié)果。
• 沒有模糊搜索，同時(shí)搜索要求比較精準(zhǔn)，比如“馬秀”的搜索結(jié)果跟“馬秀英”的搜索結(jié)果是完全不同的
• 我目前所處階段是初二，現(xiàn)在是初二的暑假，但是搜索結(jié)果默認(rèn)排序上優(yōu)先給我推薦的確實(shí)“新初二”的課程，正常應(yīng)該是“新初三”；

• 具有搜索推薦和搜索歷史，便捷靈活；
• 已經(jīng)在年級(jí)和篩選處選擇了初三，但是點(diǎn)擊所推薦的“50元暑假班”，還是提示年級(jí)選擇，同軟件內(nèi)“信息不互通”。
• 選擇完“新高一”后，第二次點(diǎn)擊“50元暑假班”，還是繼續(xù)提示年級(jí)選擇，而不是直接進(jìn)入“新高一”內(nèi)容，不具“記錄”功能。應(yīng)該是出于以下三點(diǎn)考慮：一是原來選擇新高一的同學(xué)，第二次可能想選擇新初一，二是本機(jī)記錄存儲(chǔ)和服務(wù)器存儲(chǔ)資源考慮，三是沒想這么多。如果是第一點(diǎn)的話，我覺得很多流程不必執(zhí)著于追求邏輯的完全正確性。

（3）交互及視覺體驗(yàn)

• 搜索框具有一鍵清除功能
• 缺乏搜索自動(dòng)補(bǔ)全功能
• “全部”這個(gè)篩選字樣有點(diǎn)莫名奇妙，應(yīng)該改為“全部學(xué)科”
• 對(duì)未結(jié)課課程和往期課程做了明顯區(qū)分，這個(gè)比較好。

4. 課間

（1）用戶需求

• 用戶需要打發(fā)“課間”的碎片時(shí)間（主）；
• 用戶需要get一些額外的樂趣和“干貨”（次，畢竟學(xué)習(xí)本身反人性）

（2）企業(yè)需求

• 提升付費(fèi)轉(zhuǎn)化；
• 提升日活月活、使用時(shí)長(zhǎng)、留存率。

（3）場(chǎng)景舉例

用戶打開了APP，但是離上課還有點(diǎn)時(shí)間，就點(diǎn)到課間進(jìn)行瀏覽，看個(gè)干貨聽個(gè)微課，或者看看有沒啥好玩的活動(dòng)；

（4）功能

提供運(yùn)營(yíng)模塊，主要包括新課推薦、舉辦活動(dòng)、干貨展示、微課講座觀看。

（5）上線時(shí)間

v1.4（2016.12.05）新增課間版塊

（6）效果體驗(yàn)

• 課間的內(nèi)容還是比較豐富的，特別是還請(qǐng)來了何猷君、韓雪等事業(yè)和學(xué)習(xí)兼優(yōu)的小名人，符合現(xiàn)在年輕人的口味；
• 文章詳情的評(píng)論內(nèi)容作了區(qū)分，分為熱門評(píng)論和最新評(píng)論，用戶可以優(yōu)先閱讀精品評(píng)論，感覺還不錯(cuò)。但是，用戶評(píng)論居然跳到另一個(gè)界面輸入（是為了閱讀過程也能評(píng)論但不影響閱讀？），只能評(píng)論一次且不能刪除，無法回復(fù)其他人的評(píng)論，簡(jiǎn)言之“無法交流”。 作為運(yùn)營(yíng)模塊，在文章下跟用戶互動(dòng)是很好的運(yùn)營(yíng)機(jī)會(huì)；用戶跟用戶在文章下的交流也能提高課間使用率和用戶粘性，所以“無法交流”是個(gè)極其糟糕的體驗(yàn)。
• 新課速遞：看到“高分秘訣”，一陣激動(dòng)，點(diǎn)進(jìn)去就只給了我一個(gè)硬生生的課表？大有“褲子都脫了，卻給我看這個(gè)”之感…

• 企鵝活動(dòng)圈：活動(dòng)圈目前主要包括兩部分：常規(guī)活動(dòng)（企鵝談心社、每日一學(xué)）和非常規(guī)活動(dòng)，常規(guī)活動(dòng)主要是以留言形式參與，非常規(guī)活動(dòng)則由H5進(jìn)行展示，主要通過騰訊問卷參與。不得不說，獎(jiǎng)學(xué)金活動(dòng)的申請(qǐng)簡(jiǎn)直反人類，需要填寫幾十項(xiàng)內(nèi)容，不知道會(huì)有多少人愿意申請(qǐng)，即使申請(qǐng)完了，心里肯定也是不大爽的。

• 學(xué)習(xí)干貨、微課和精品講座則提供了比較豐富的學(xué)習(xí)指導(dǎo)。

• 課間內(nèi)容比較多，經(jīng)常忘了哪些已經(jīng)看過了。
• 最后，作為獨(dú)立的運(yùn)營(yíng)模塊來說，缺乏足夠的“誘導(dǎo)分享”能力。

（7）交互及UI體驗(yàn)

• 整個(gè)界面向上滑動(dòng)時(shí)，整體就像一個(gè)H5頁面一樣往上不斷滾動(dòng)，略顯生硬。
• 點(diǎn)擊課間的“圖片及標(biāo)題”，進(jìn)入詳情頁是一大片干巴巴的文字，且樣式變化較大，缺乏連貫性。
• 新課速遞：看似一篇篇文章，點(diǎn)擊進(jìn)去卻直接給了一張課表，畫風(fēng)大變就像龍卷風(fēng)。。
• 企鵝活動(dòng)圈：常規(guī)活動(dòng)中規(guī)中矩，既然非常規(guī)活動(dòng)是用整張活動(dòng)圖片形式，交互沒啥好說的，就是用戶向下翻看時(shí)，可以考慮把大button隱藏了，用戶停止翻看后再顯現(xiàn)；另外，騰訊數(shù)據(jù)頂部的填寫進(jìn)度提示還不錯(cuò)。

• 微課與講座：文章詳情的標(biāo)題和內(nèi)容排版略顯蒼白，重點(diǎn)內(nèi)容全靠變色；視頻則是空洞的黑，講座區(qū)域無法左右滑動(dòng)查看更多講座。

（8）優(yōu)化建議

文章詳情部分：

• 功能上，在文章詳情頁直接評(píng)論和發(fā)送，新增評(píng)論刪除和回復(fù)，可多次評(píng)論但可做限制。添加收藏功能，雖然有點(diǎn)贊了，但點(diǎn)贊和收藏是兩個(gè)概念。
• 交互和UI上，從“課間”點(diǎn)擊跳轉(zhuǎn)到“文章詳情”帶入圖片和標(biāo)題，具體交互可參考App Store的APP展示跳到APP詳情部分；整體文章排版更走心些，全文閱讀重點(diǎn)不要只靠變色，可參考一些知名的微信公眾號(hào)；視頻未播放狀態(tài)可放上預(yù)覽圖。

其他：

• 新課速遞部分：從“課間”點(diǎn)擊進(jìn)去，可以是一篇介紹+課表形式，就像軟文，會(huì)比簡(jiǎn)單粗暴的突然給一個(gè)課表更容易讓人接受，或者可以直接砍掉這部分。
• 課間作為這么好的“運(yùn)營(yíng)模塊”，可以適當(dāng)增加運(yùn)營(yíng)元素，讓產(chǎn)品功能帶有運(yùn)營(yíng)屬性，增加用戶的活躍率和分享率。
• 課間可以考慮增加師生交流模塊，比如發(fā)動(dòng)態(tài)等。
• 其余可詳見上方的體驗(yàn)結(jié)果。

5. 上課

（1）功能

通過課程和時(shí)間兩個(gè)維度進(jìn)行查看已購(gòu)課程相關(guān)信息和進(jìn)入上課。

（2）效果體驗(yàn)

① 時(shí)間維度

• 對(duì)有課程日期底部進(jìn)行了綠點(diǎn)標(biāo)記，清晰明確，能夠進(jìn)行翻看，找到需要的日期并進(jìn)入課程任務(wù)。
• 但是，不能按月份進(jìn)行上下月跳轉(zhuǎn)，且當(dāng)月也只能一周一周地滑看，太麻煩；
• 滑動(dòng)查看其他天日期時(shí)，沒有回到“今天”的路徑，不夠友善；
• 存在bug，有的有課程日期底下沒有小綠點(diǎn)。

② 課程維度

展示所有已購(gòu)課程，并可通過科目、類型、課程狀態(tài)進(jìn)行篩選課程，通過最近報(bào)名、最近學(xué)過和最近更新的課程進(jìn)行排序，基本滿足課程查看需求。但是，課程列表有點(diǎn)混亂，建議對(duì)“未完結(jié)課程”和“已結(jié)束課程”進(jìn)行模塊區(qū)分，未完結(jié)排在上方，而不是只使用篩選，可以兩者共用。

③ 課程任務(wù)

好的體驗(yàn)：

• 可加入課程qq群交流，很方便；
• 講義可進(jìn)行預(yù)覽和下載，方便學(xué)生提前預(yù)習(xí)；
• 提前半小時(shí)才可以進(jìn)入教室，一方面節(jié)省資源，另一方面也可以防止學(xué)員弄錯(cuò)時(shí)間提前進(jìn)入教室等待；
• 課上/回放時(shí)標(biāo)記的筆記會(huì)顯示在課程任務(wù)界面，學(xué)員可預(yù)覽標(biāo)記課件且可點(diǎn)擊直接跳轉(zhuǎn)至相應(yīng)回放時(shí)間點(diǎn)，提升復(fù)習(xí)效率；
• 回放的下載可進(jìn)行是否含老師畫面和清晰度的選擇，并標(biāo)明回放所占內(nèi)存大小，考慮非常周到；
• 上課時(shí)間進(jìn)入APP會(huì)以彈框形式提醒上課啦。

（3）不足之處及優(yōu)化

• • 課程時(shí)間僅顯示日期，建議一起顯示星期幾；
  • 定義不統(tǒng)一，在課程詳情界面，課程下面的目錄稱作課時(shí)，在課程任務(wù)界面，同個(gè)課程下面的“課時(shí)”稱作“章節(jié)”，建議進(jìn)行概念統(tǒng)一；
  • 學(xué)習(xí)15分鐘以上才可以評(píng)價(jià)，提升評(píng)價(jià)質(zhì)量的同時(shí)，也可以降低惡意刷評(píng)價(jià)的風(fēng)險(xiǎn)；但是這句話有歧義，我用回放學(xué)習(xí)了15分鐘還是無法評(píng)價(jià)，所以是否改為“上課15分鐘以上才可以評(píng)價(jià)”呢。
  • 沒有課前預(yù)習(xí)和課后作業(yè)，猜測(cè)是由于購(gòu)買的是專題課而非系統(tǒng)班，但是建議專題課也可以有小試題，畢竟更多的用戶是先體驗(yàn)專題課；
  • 當(dāng)回放選擇下載后，立刻產(chǎn)生的唯一變化只是“下載”icon里有小塊綠色滾動(dòng)，非常不明顯，且不像可點(diǎn)擊暫停樣式，這種響應(yīng)會(huì)讓用戶感覺失去操控權(quán)，沒有安全感，建議“意符”更加明顯直觀；
  • 章節(jié)和筆記兩個(gè)tab無法左滑右滑切換；
  • 沒看過的講義和回放會(huì)顯示“new”標(biāo)簽提醒，非常友善，但是回放處顯示已觀看進(jìn)度會(huì)更好；

6. 直播課堂

作用：提供給師生上課使用。

7. 回放

（1）作用

用戶可以無限次重復(fù)觀看上課過程，復(fù)習(xí)鞏固。

（2）效果體驗(yàn)

• 用戶可以“只看老師發(fā)言”，有效減少了無用信息的干擾，學(xué)習(xí)更聚焦；
• 用戶可以“標(biāo)記”重要部分，有效提升學(xué)習(xí)效率；
• 用戶可以“隱藏”老師視頻，可以減少干擾和降低流量使用；
• 用戶可以調(diào)整播放速度，能夠提升回放的觀看效率；
• 可通過左右拖動(dòng)進(jìn)度條和左滑右滑屏幕形式，控制播放進(jìn)度，且響應(yīng)快速，體驗(yàn)較好；
• 可以進(jìn)行回放清晰度、音量和亮度的選擇調(diào)整，讓回放有個(gè)更好的體驗(yàn)；
• 感覺這節(jié)課講得很不錯(cuò)，用戶可以關(guān)注老師，以后可以查看老師其他課程；可以下載該課，以后繼續(xù)觀看；還可以分享本節(jié)課，讓更多的小伙伴們知道。

（3）交互體驗(yàn)

• 回放可雙擊暫停/播放切換，體驗(yàn)較好；
• 上下滑動(dòng)屏幕可調(diào)整亮度，操作便捷；
• 左右滑動(dòng)屏幕調(diào)整進(jìn)度同時(shí)，在屏幕正中央顯示進(jìn)度提示，清晰明確；
• 點(diǎn)擊“有事件響應(yīng)部分”，比如點(diǎn)擊”切換筆記欄“”隱藏視頻“等操作，不會(huì)彈出頂欄和底欄，體驗(yàn)較好；

（4）不足之處及優(yōu)化

• 最小播放速度為一倍，可考慮增加0.8倍，因?yàn)閷?duì)于我目前設(shè)計(jì)的小語種直播課堂產(chǎn)品，學(xué)生有“慢速”聽老師發(fā)音的需求，且根據(jù)埋點(diǎn)數(shù)據(jù)顯示，使用率不低于其他多倍倍速，對(duì)于k12教育，特別是小學(xué)生用戶，或許也有低倍速需求；
• 上下滑動(dòng)屏幕只能調(diào)整亮度，建議上下滑動(dòng)左側(cè)屏幕調(diào)整亮度，上下滑動(dòng)右側(cè)屏幕可調(diào)整音量；
• 點(diǎn)擊進(jìn)度條上的綠色“標(biāo)記點(diǎn)”，不會(huì)跳轉(zhuǎn)到該標(biāo)記時(shí)間的回放，需要長(zhǎng)按該標(biāo)記點(diǎn)才可以跳轉(zhuǎn)，這個(gè)交互形式知道的用戶不多，體驗(yàn)不好；
• 筆記欄處的標(biāo)記圖片沒有序號(hào)，也不可刪除，體驗(yàn)不好。

8. 我的

• 好友邀請(qǐng)/推薦機(jī)制不足；
• 沒有積分系統(tǒng)；
• 不可以修改頭像和昵稱；
• 年級(jí)選擇變化了，但是找課的課表推薦未變化；
• 幫助與反饋模塊運(yùn)營(yíng)地很認(rèn)真，這個(gè)不錯(cuò)；
• 其他暫略。

五. 總結(jié)

企鵝輔導(dǎo)目前僅滿足基本的選課和上課需求，主要解決了時(shí)空問題，由于我個(gè)人沒有購(gòu)買系統(tǒng)班課，所以不知道“自適應(yīng)學(xué)習(xí)”程度怎么樣，總體上交互和視覺較“粗糙”，猜測(cè)一方面由于資源有限，另一方面處于商業(yè)驗(yàn)證階段，迭代周期較短，重在功能實(shí)現(xiàn)上。

如果我是企鵝輔導(dǎo)PM，現(xiàn)階段我會(huì)認(rèn)真思考兩個(gè)問題：在師資和內(nèi)容保證前提下，如何提高到課率以及如何提高作業(yè)完成率。

如果我是企鵝輔導(dǎo)PM，短中期版本我會(huì)考慮從以下幾個(gè)方面來進(jìn)行接下來的產(chǎn)品迭代：

• 考慮解決和優(yōu)化以上提出問題；
• 考慮新增用戶激勵(lì)體系，含獎(jiǎng)賞系統(tǒng)和積分系統(tǒng)等；
• 完善測(cè)評(píng)模式，打造自適應(yīng)學(xué)習(xí)；
• 考慮任務(wù)流形式，并提供用戶學(xué)習(xí)視圖/報(bào)告；
• 健全邀請(qǐng)/推薦/分享機(jī)制，促進(jìn)拉新；
• 考慮學(xué)習(xí)游戲化和社交化方面的應(yīng)用；
• 考慮開發(fā)小程序；
• 對(duì)以上問題排定優(yōu)先級(jí)。

附：重要版本記錄

v1.0.1（2016.07.28）企鵝輔導(dǎo)正式上線

v1.4（2016.12.05）新增課間版塊

v1.6（2017.01.19）電腦也能上課，支持多端學(xué)習(xí)

v1.7（2017.03.15）新增課后練習(xí)題

v2.0.0（2017.06.27）新增直播回放的打點(diǎn)記錄功能

v2.5.0（2017.10.17）作業(yè)批改和答題卡功能上線

v2.8.0（2017.12.19）新增考試功能

v2.10（2018.03.30）新增小學(xué)課程

作者：古道千，曾經(jīng)創(chuàng)業(yè)者，現(xiàn)于上海，意向深耕在線教育領(lǐng)域，喜歡看書、旅游、攝影。

本文由 @古道千 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來源于網(wǎng)絡(luò)