通過(guò)設(shè)計(jì)讓學(xué)習(xí)變輕松
——Google的Primer團(tuán)隊(duì)是如何做用戶(hù)體驗(yàn)設(shè)計(jì)的
原文鏈接:Making Learning Easy by Design
學(xué)習(xí)一向是個(gè)苦差事,如何在設(shè)計(jì)上下功夫,讓學(xué)習(xí)變得愉快呢?
說(shuō)起來(lái)容易做起來(lái)難。直觀(guān)上講匀钧,人們通常不會(huì)全力以赴地學(xué)習(xí)新知識(shí)序仙。調(diào)查顯示梅鹦,僅3%的美國(guó)成年人在他們的日常生活中會(huì)花費(fèi)時(shí)間去學(xué)習(xí)(1)裆甩。
那么可想而知:盡管大量信息對(duì)我們來(lái)說(shuō)觸手可及,而所有的新技術(shù)都似乎在一夜之間涌出齐唆,97%的人絲毫不會(huì)為了提升自己而花時(shí)間尋求這些新知識(shí)嗤栓。
這就是我們團(tuán)隊(duì)在Google打造Primer時(shí)面臨的挑戰(zhàn),Primer是一款幫助人們?cè)?分鐘之內(nèi)學(xué)習(xí)數(shù)字營(yíng)銷(xiāo)知識(shí)的app箍邮。
用戶(hù)體驗(yàn)是解決這個(gè)問(wèn)題的關(guān)鍵茉帅。學(xué)習(xí)有幾個(gè)門(mén)檻要面對(duì):你需要弄清楚你要學(xué)習(xí)什么,在哪兒學(xué)媒殉,以及你想怎么學(xué)担敌,然后你需要時(shí)間、金錢(qián)和精力去跟進(jìn)廷蓉。
這意味著我們的用戶(hù)體驗(yàn)設(shè)計(jì)(UX)需要滿(mǎn)足兩點(diǎn):app需要直觀(guān)和引人入勝全封,此外還需要克服一切影響用戶(hù)學(xué)習(xí)的障礙。
為了迎接這個(gè)挑戰(zhàn)桃犬,我們考慮了三種用戶(hù)使用我們app的場(chǎng)景:儀表盤(pán)刹悴、獨(dú)立課程以及每節(jié)課的活動(dòng)。
1攒暇、儀表盤(pán)
儀表盤(pán)的作用至關(guān)重要土匀,因?yàn)檫@是人們首次打開(kāi)app看到的界面。我們花了幾個(gè)月的時(shí)間迭代和設(shè)計(jì)了不同儀表盤(pán)的原型形用,嘗試了各種方案:課程包就轧;讓用戶(hù)從3個(gè)隨機(jī)課程中進(jìn)行挑選;對(duì)課程主題相關(guān)事件進(jìn)行地理位置定位田度;或者為我們合作的專(zhuān)家和品牌制作專(zhuān)屬小部件(widgets)妒御。一切皆有可能、方案層出不窮镇饺。
很明顯我們需要一個(gè)指導(dǎo)方針乎莉,因此我們向用戶(hù)求助。通過(guò)調(diào)查發(fā)現(xiàn)奸笤,人們打開(kāi)app后惋啃,會(huì)加入到以下三個(gè)陣營(yíng)之一:
被動(dòng)型:他們會(huì)四處尋找和瀏覽。
好奇型:他們希望學(xué)習(xí)一些東西监右,但不知道學(xué)什么边灭。
主動(dòng)型:他們目標(biāo)明確,對(duì)想學(xué)的內(nèi)容有不止一種想法健盒。
對(duì)于被動(dòng)型宠互,我們打造了特色專(zhuān)區(qū),其中展示了5個(gè)人們能立刻開(kāi)始學(xué)習(xí)的推薦課程椭坚。
與此同時(shí),我們讓好奇型用戶(hù)能方便地通過(guò)主題或分類(lèi)查找課程搏色,其中包括——廣告善茎、內(nèi)容、度量和策略频轿。
此外垂涯,對(duì)于主動(dòng)型用戶(hù),我們提供了一個(gè)管理工具:隊(duì)列航邢。他們能在這里生成專(zhuān)屬課程列表耕赘,還能方便地隨意添加和刪除課程。
2膳殷、課程
app接下來(lái)要考慮的就是課程本身操骡。Primer的課程目的是極大程度地消磨時(shí)間,用戶(hù)可以在火車(chē)上或孩子看動(dòng)畫(huà)時(shí)進(jìn)行學(xué)習(xí)赚窃。
但是册招,學(xué)習(xí)需要集中力。我們不能讓用戶(hù)不假思索地閱讀課程勒极。
我們把我們的解決方案命名為“節(jié)奏化學(xué)習(xí)”是掰,每個(gè)課程單元——每次滑動(dòng)、每個(gè)卡堆辱匿,以及每張插圖——都在用戶(hù)閱讀內(nèi)容時(shí)被設(shè)計(jì)為節(jié)奏型向?qū)А?/p>
這種滑動(dòng)手勢(shì)讓用戶(hù)在閱讀每張卡片時(shí)都有一種完成的感覺(jué)键痛。擠滿(mǎn)了信息的文本文件使人退卻,但分解成卡片的課程則讓人有操控感匾七。這些卡片3-7張為一組堆疊在一起絮短,一旦最后一張卡片被滑走,另外一組就會(huì)重新滑入乐尊。每完成一組戚丸,就會(huì)有個(gè)小成就,意味著用戶(hù)不需要一直等到課程結(jié)束才能感到學(xué)有所獲扔嵌。
完成時(shí)刻限府,就會(huì)展示插圖。每張插圖就是個(gè)小驚喜痢缎,讓用戶(hù)在微笑中將學(xué)習(xí)成果融入生活胁勺。盡管將展示插圖加入課程創(chuàng)建的過(guò)程中會(huì)增加額外的工作流,但這也給課程加入了一種幽默和編輯(editorial-ness)的奇妙融合独旷。
3署穗、活動(dòng)
用戶(hù)體驗(yàn)設(shè)計(jì)的第3個(gè)寥裂,也是最后一個(gè)元素就是活動(dòng)。我們?cè)诓煌瑫r(shí)段設(shè)計(jì)了三種互動(dòng)方案:每節(jié)課早期的“快速開(kāi)始(Quick Starts)”案疲;課程中期的“課間互動(dòng)(Mid-Lesson)”封恰;以及在結(jié)束時(shí)的“現(xiàn)在就做(Do This Nows)”。
快速開(kāi)始(Quick Starts)的目的是讓用戶(hù)迅速對(duì)課程上手褐啡。例如诺舔,在搜索廣告課程中,用戶(hù)被要求從一堆衣服中找到條紋襪子备畦。這種“找不同”游戲(Waldo-style activity)說(shuō)明了(廣告)內(nèi)容在搜索結(jié)果頂部出現(xiàn)的價(jià)值——搜索結(jié)果能夠明顯區(qū)別于其他搜索結(jié)果低飒,而不像是隱藏在一堆衣服中的襪子。這種互動(dòng)不是考試測(cè)驗(yàn)懂盐,卻能讓用戶(hù)立刻對(duì)課程主題產(chǎn)生思考褥赊。
就像你想的那樣,“課間互動(dòng)(Mid-Lesson)”出現(xiàn)在課程學(xué)習(xí)中間出現(xiàn)莉恼,中斷閱讀拌喉,并讓用戶(hù)以一種新的形式參與主題互動(dòng)。在其中一節(jié)課中类垫,我們的互動(dòng)形式是要求用戶(hù)把程序化媒體購(gòu)買(mǎi)(programmatic media buying)的拼圖從字面上拼在一起司光。在另外一課,我們把常見(jiàn)意義上的“做或不做”行為重新設(shè)計(jì)為一種復(fù)雜的主體悉患。例如残家,在解釋“移動(dòng)端用戶(hù)參與度”上雀瓢,我們?cè)儐?wèn)用戶(hù)放棄發(fā)送移動(dòng)推送通知是不是個(gè)好主意卖氨?結(jié)果是顯而易見(jiàn)的,而這正是我們想要的道媚。這些互動(dòng)活動(dòng)給用戶(hù)帶來(lái)自信陪捷,并讓用戶(hù)以一種輕松直觀(guān)的方式獲取信息回窘,然后在腦中形成知識(shí)體系。
最后市袖,現(xiàn)在就做(Do This Nows)功能為用戶(hù)提供了一種真實(shí)的案例啡直,能夠讓用戶(hù)立即應(yīng)用到自己的項(xiàng)目中。你應(yīng)該從哪里跟蹤你網(wǎng)站的數(shù)據(jù)指標(biāo)苍碟?你準(zhǔn)備好程序化購(gòu)買(mǎi)了么酒觅?這么做會(huì)讓課程感覺(jué)更有針對(duì)性和目的性。我們相信把課程用于實(shí)踐是最好的學(xué)習(xí)方法微峰,即使只是剛起步狀態(tài)舷丹。
像其他app一樣,Primer在生存空間和關(guān)注度上面臨著激烈競(jìng)爭(zhēng)蜓肆。所以說(shuō)颜凯,給用戶(hù)提供集知識(shí)性谋币、趣味性和高效率于一體的體驗(yàn)設(shè)計(jì)至關(guān)重要。
我們的用戶(hù)體驗(yàn)設(shè)計(jì)症概,目的是讓學(xué)習(xí)更有趣——這也是很多人所希望的蕾额,他們不想生活中充滿(mǎn)壓力。我們希望用戶(hù)喜歡這樣的形式和它有限范圍內(nèi)的靈活性彼城。學(xué)習(xí)在以往可能被看做一種義務(wù)凡简,而現(xiàn)在,這就是一種每天早上你在等咖啡——無(wú)論在上網(wǎng)或在家——或任何5分鐘自由時(shí)間時(shí)都可以很容易做的事精肃。
腳注:
(1)25歲以上美國(guó)成人的數(shù)據(jù),來(lái)源于勞工統(tǒng)計(jì)局“2015美國(guó)人時(shí)間利用調(diào)查”帜乞。
作者:Sandra Nam