v愛學網(wǎng)用戶體驗報告PPT模板.ppt

1、1,我的課堂 用戶體驗報告User Experience Center,優(yōu)秀網(wǎng)頁設(shè)計,2,目標： 瀏覽器： 輸出： 角色： 背景：,我的課堂 IE9 常規(guī)邏輯順序 UE，清除cookie 先后體驗無/有 課程兩種情況,http:/zyqc.cc垃圾車,消防車,油罐車,清障車,平板運輸車,3,我的課堂中部分功能實用性不強，缺乏人文關(guān)懷。在最有歸屬感、最能讓用戶感受到我們產(chǎn)品強大的“我的課堂”內(nèi)，陳列著如“輸入座右銘”、“同課異構(gòu)”等雞肋的功能和導航。而真正體現(xiàn)對用戶學習和賬戶人文關(guān)懷的引導功能則沒有，且部分操作中有著“要在自己的家里反復出示身份證” 確認密碼等防盜驗證的尷尬。小偷都進屋了，這一步

2、也太。 側(cè)欄菜單過于冗長，操作沒有歸類。用戶在進入我的課堂后，左側(cè)的5大分類中，下設(shè)26小類的操作給用戶，提供的功能很豐富，但是有必要為用戶做減法。減輕操作負擔。主設(shè)課程、測試、賬戶、設(shè)置4類即可。然后右側(cè)再巨細設(shè)計tab分類操作，達到緩沖效果。 我的課堂主界面缺乏學習引導、功能之間聯(lián)系不密切。目前進入我的課堂后，在功能使用和學習引導上欠缺一定引導，譬如在文字上引導用戶讓他了解當前學習課程、學習計劃及狀態(tài)、賬戶情況等。不能只是生硬的給出功能，而相互之間沒有聯(lián)系。特別是讓用戶感覺不到對學習的促進和提升有幫助。,我的課堂主要問題簡述,4,噢基本上我的時間全部被學習/作業(yè)占滿了除了玩的時候。,是的，

3、我給他買了很多書，報了很多的輔導班。,Point：此處對話采集于5.1活動期間，均屬與學生和家長的真實談話內(nèi)容。,對于我那即將要參加高考的兒子來說：他的時間太寶貴了。,5,注釋說明 為顯現(xiàn)愛學網(wǎng)與時俱進和社會責任感，可酌情根據(jù)社會教育熱點和節(jié)日氣氛，調(diào)配LOGO區(qū)域的背景圖，烘托積極向上的氛圍。 通過設(shè)置下拉箭頭，增強“我的課堂”易用性和快捷功能。一鍵多用。（注：我的課堂依然是點擊區(qū)域） 設(shè)置了課堂內(nèi)的常用四個快捷菜單，此處不要添置四個以上，否則會在視覺上和操作上降低“我的課堂”權(quán)重。,6,注釋說明 建設(shè)好我的課堂之前，如果用戶連登錄區(qū)域都看不到了，那該是一個多么心急如燎的事情。 同上，這里的

4、登錄框也沒有了。滿足以下條件會出現(xiàn)上述問題： 使用高級瀏覽器（偶爾）。 網(wǎng)速過慢。上周也出現(xiàn)一次服務器宕機，網(wǎng)站無法登錄的情況。,1、2 兩處的登錄居然沒有了！,7,首頁,這里的高考倒計時功能怎么實現(xiàn)延續(xù)性。當高考完成后，新的倒計時還長，那么這里有否考慮如何展現(xiàn)呢？,希望將icon提示的功能早日實現(xiàn)。,8,主頁,登錄,某天我們走在路上有人強制向我們推銷東西，感興趣還好，不感興趣就覺得討厭了。 如果自己有急事，心無旁騖的話。不管是有木有興趣，肯定都會推開這個人。 建議取消該彈窗，因為已經(jīng)阻擾到用戶的行為了。應該潛移默化，放到合適的地方。,經(jīng)過測試，驗證郵箱和驗證手機過程中，都會有一定時間的延遲，

5、甚至無法收到驗證碼。,9,建議修改“讓您愛上的學習網(wǎng)”文案。 口號有些拗口，沒有擲地有聲。 這里著重體現(xiàn)完成驗證后對用戶有哪些好處。,主頁,登錄,163 郵箱,10,主頁,我的課堂,為了打造便捷清爽的我的課堂， 實施左欄拆遷計劃： 去除該處的立即體驗。一般能進入我的課堂的獵奇用戶，應該在首頁體驗過“免費試聽”了。節(jié)省占地，該拆遷的拆遷?？蓪⒚赓M體驗遷至“我的課程”內(nèi)。 賬戶狀態(tài)也去除，拆遷至右方。 去除“同課異構(gòu)、優(yōu)質(zhì)、備考指南“,該處雞肋功能移除，這里放賬戶信息和會員狀態(tài)信息，同時也提供會員修改密碼和修改頭像的快捷操作。實現(xiàn)課堂首頁頂部信息欄改造。 課堂寸土寸金，應打造用戶實用需要的功能。如

6、同教室內(nèi)必須得清掃干凈剔除垃圾干擾信息，并有學習氛圍，有人文關(guān)懷。這是開發(fā)出一個好課堂好中心的精髓。,11,主頁,我的課堂,歐陽鋒倒練 “降龍十八掌” 一樣成就了他的蓋世無敵，我們的部分用戶也會有駁于常規(guī)的習慣逆行瀏覽。鐘情在底部完成各項操作。目前愛學網(wǎng)沒有用下劃線來標識可點鏈接，所以已經(jīng)培養(yǎng)我們的用戶見到文字就習慣性的點一下了。 所以這里是否可以添上鏈接，并引導用戶更好的使用網(wǎng)站。而不是僅僅是一張圖片擺設(shè)。【個人推薦整站用下劃線標識可點文字鏈接】,12,主頁,我的課堂,這里的學案下載按鈕太過精致，可以比關(guān)閉按鈕更大、更醒目些。 對于學案采取用swf作為載體，對低網(wǎng)齡用戶來說，好比無字天書，而

7、且有部分學生都會在看視頻的時候，同時看學案，那么是否可以直接將學案內(nèi)鑲至播放器旁的功能區(qū)展開。下一頁有模擬設(shè)計稿 演示。,Point：此處課程學案、筆記本、書簽三模塊設(shè)計成與播放器是可拆卸的，可以自由縮放大小， 拉伸窗口。,模擬設(shè)計稿,14,主頁,我的課堂,說明 錯題本和收藏課程、學案下載內(nèi)置于我的課程內(nèi)。 消息管理可放置于設(shè)置中心內(nèi)。 試卷收藏，學習資料收藏等內(nèi)置于測評系統(tǒng)中。 具體欄位可部門間商榷后定奪取舍。,15,Hi俗套的超人總愛干些維護世界和平懲善除惡的體力活，完全沒有替孩子們著想過。 閣下您是否需要雇傭一位 像我這樣瀟灑的 Study superman 來幫助可愛的孩子們 加速學習

8、效率呢？,愛學網(wǎng)除了VI和口號外，似乎應該有個網(wǎng)絡形象代言人一起來維護我們的愛學家園。除了加強辨識度和增進親和力，在活動和推廣開展的時候，Study superman也能幫助同事們干些什么，至少跑堂賺個吆喝也是不錯的。, 爭分奪秒!,他山之石 可以攻玉,企鵝NB， 是因為他揀了 足夠多的石頭丟人。,Point：下面采集了幾個不錯的個人中心，有利有弊，個人謹從他們的靚點上做剖析。,17,幫考網(wǎng)：,用戶名：kingtent 密碼：peng1311 測試賬戶，請勿擅自修改,優(yōu)點：一進入個人中心，就有“我的學習顧問”，特別是加上“我的”所彰顯出來的一種專屬尊貴意境。 為用戶配備的學習顧問，主要是引導前

9、期低網(wǎng)齡用戶在使用和學習中產(chǎn)生的疑問。 典型的 助教+客服 合體。 這正是學生在課堂內(nèi)最想要的人。 這與我們規(guī)劃的班主任功能也有異曲同工之妙，希望盡早實現(xiàn)。,優(yōu)點：左欄只有純凈的導航菜單，沒有多余的廣告和雞肋信息。,18,幫考網(wǎng)：,用戶名：kingtent 密碼：peng1311 測試賬戶，請勿擅自修改,優(yōu)點：幫考網(wǎng)對支付方式做了詳細的說明，并用了人性化的文案展現(xiàn)。 從用戶角度出發(fā)考慮出了可能存在的5種付款途徑。,19,幫考網(wǎng)：,用戶名：kingtent 密碼：peng1311 測試賬戶，請勿擅自修改,優(yōu)點：人性化設(shè)計，考慮到用戶銀行匯款時，先得知曉開戶名和帳號，與其讓用戶費力抄錄（可能還有一

10、定幾率疏漏），不如直接通過系統(tǒng)發(fā)送到用戶的手機上。并且也可以在這里獲取用戶的手機號碼。一舉兩得。,20,考試大：,用戶名：kingtent 密碼：peng1311 測試賬戶，請勿擅自修改,注釋說明 進入我的課堂后，主界面顯示課程及學習計劃、愛學幣賬戶信息等。并提供密碼和資料修改?？娠@示上次登錄時間，如果用戶1一個月沒有登錄，可以委婉提醒：親愛的kingtent，不管您有多忙，愛學網(wǎng)一直在這里等您。若您有不滿意我們的地方，請給我們留言。 正在學習的課程，收藏的課程，學習計劃等可以按這種tab樣式展現(xiàn)。無論用戶有沒有買課程，都將免費聽課按鈕做的搶眼一些。便于與注冊進行好關(guān)聯(lián)，達成轉(zhuǎn)化。,移動一下位

11、置,21,嗨學網(wǎng)：,/cus/cuslimit!toUserCenter.action,用戶名：kingtent 密碼：peng1311 測試賬戶，請勿擅自修改,優(yōu)點：用戶的聚合與分享，分享彼此的心得和購買的課程。利用用戶的獵奇和圍觀心理。提升學習交流氛圍。 不足：嗨學網(wǎng)目前這里還沒有開發(fā)完全，只做了購買課程的提示，無多大交互意義。,優(yōu)點：人人網(wǎng)、QQ空間SNS式的清爽布局，讓用戶一目了然的操作。字段前配置icon做視覺優(yōu)化，便于操作定位。 缺點：設(shè)計上如果沒有特色創(chuàng)新，會有抄襲的嫌疑，并會讓部分善于標新立異個性鮮明的學生抵觸唾棄。,我們一直在給自己做思維導圖，

12、卻沒有給用戶做清晰的思維導圖。學生問： “我們需要做哪幾步才能最快的提升成績呢？”,22,嗨學網(wǎng)：,/cus/cuslimit!toUserCenter.action,用戶名：kingtent 密碼：peng1311 測試賬戶，請勿擅自修改,注釋說明 嗨學網(wǎng)通過對我的課堂視覺、內(nèi)容架構(gòu)上的優(yōu)化，實現(xiàn)了封閉式管理，脫離了主頁海量的信息，屬于鬧中取靜，讓用戶真正安心學習，兩耳不聞窗外事的設(shè)計。（當然，中心肯定會提供購課、咨詢的快捷欄位。）采用 我的課堂封閉式設(shè)計 的網(wǎng)校還有:,個人推薦使用封閉式中心的設(shè)計，利于后期維護學習環(huán)境和大社區(qū)交流的分享以及自助業(yè)務的拓展。望部門間討論權(quán)衡后逐步調(diào)整。,總結(jié)體驗問題前，不妨再來看一個生活實例,這一期的報告 基本體現(xiàn)了 2個問題。,排水鋼筋護欄:主要用途是排水，防止下雨天馬路積水，影響日常交通運輸。 它不同于沙井蓋密封式設(shè)計，為了增大排水量，護欄必須有足夠的間隙空間。 而在早期的設(shè)計中，設(shè)計者并沒有嚴謹考慮到鋼筋間隙大小和排列方向?qū)π腥撕徒煌üぞ咴斐傻摹翱ā薄捌薄跋荨钡扔绊憽?照片攝于黃埔大道西 跑