學(xué)習(xí)一向是個(gè)苦差事,如何在設(shè)計(jì)上下功夫,讓學(xué)習(xí)變得愉快呢?
說起來容易做起來難。直觀上講,人們通常不會(huì)全力以赴地學(xué)習(xí)新知識(shí)。調(diào)查顯示,僅 3% 的美國成年人在他們的日常生活中會(huì)花費(fèi)時(shí)間去學(xué)習(xí)。
那么可想而知:盡管大量信息對(duì)我們來說觸手可及,而所有的新技術(shù)都似乎在一夜之間涌出,97% 的人絲毫不會(huì)為了提升自己而花時(shí)間尋求這些新知識(shí)。
這就是我們團(tuán)隊(duì)在Google打造 Primer,時(shí)面臨的挑戰(zhàn),Primer 是一款幫助人們?cè)?分鐘之內(nèi)學(xué)習(xí)數(shù)字營銷知識(shí)的 App。
用戶體驗(yàn)是解決這個(gè)問題的關(guān)鍵。學(xué)習(xí)有幾個(gè)門檻要面對(duì):你需要弄清楚你要學(xué)習(xí)什么,在哪兒學(xué),以及你想怎么學(xué),然后你需要時(shí)間、金錢和精力去跟進(jìn)。
這意味著我們的用戶體驗(yàn)設(shè)計(jì)(UX)需要滿足兩點(diǎn):App 需要直觀和引人入勝,此外還需要克服一切影響用戶學(xué)習(xí)的障礙。
為了迎接這個(gè)挑戰(zhàn),我們考慮了三種用戶使用我們App的場(chǎng)景:儀表盤、獨(dú)立課程以及每節(jié)課的活動(dòng)。
1、儀表盤
儀表盤的作用至關(guān)重要,因?yàn)檫@是人們首次打開 App 看到的界面。我們花了幾個(gè)月的時(shí)間迭代和設(shè)計(jì)了不同儀表盤的原型,嘗試了各種方案:推出課程包;讓用戶從3個(gè)隨機(jī)課程中進(jìn)行挑選;對(duì)課程主題相關(guān)事件進(jìn)行地理位置定位;或者為我們合作的專家和品牌制作專屬小部件(widgets)。一切皆有可能、方案層出不窮。
(早期的儀表盤原型)
很明顯我們需要一個(gè)指導(dǎo)方針,因此我們從用戶角度出發(fā)。通過調(diào)查發(fā)現(xiàn),使用這個(gè)應(yīng)用的用戶可以被分為三類:
被動(dòng)型:他們會(huì)四處尋找和瀏覽。
好奇型:他們希望學(xué)習(xí)一些東西,但不知道學(xué)什么。
主動(dòng)型:他們目標(biāo)明確,對(duì)想學(xué)的內(nèi)容有不止一種想法。
(最終的儀表盤樣式:精選、分類和隊(duì)列。)
對(duì)于被動(dòng)型, 我們打造了特色專區(qū),其中展示了5個(gè)人們能立刻開始學(xué)習(xí)的推薦課程。
與此同時(shí),我們讓 好奇型 用戶能方便地通過主題或分類查找課程,其中包括——廣告、內(nèi)容、度量和策略。
此外,對(duì)于主動(dòng)型用戶,我們提供了一個(gè)管理工具:隊(duì)列。他們能在這里生成專屬課程列表,還能方便地隨意添加和刪除課程。
2、課程
App 接下來要考慮的就是課程本身。Primer 的課程目的是極大程度地消磨時(shí)間,用戶可以在火車上或孩子看動(dòng)畫時(shí)進(jìn)行學(xué)習(xí)。
但是,學(xué)習(xí)需要集中力。我們不能讓用戶心不在焉地閱讀課程。
我們把我們的解決方案命名為「節(jié)奏化學(xué)習(xí)」,每個(gè)課程元素--每次滑動(dòng)、每個(gè)卡堆,以及每張插圖--都在用戶閱讀內(nèi)容時(shí)被設(shè)計(jì)為節(jié)奏型向?qū)А?
這種滑動(dòng)手勢(shì)讓用戶在閱讀每張卡片時(shí)都有一種完成的感覺。擠滿了信息的文本文件使人退卻,但分解成卡片的課程則讓人有操控感。這些卡片 3-7 張為一組堆疊在一起,一旦最后一張卡片被滑走,另外一組就會(huì)重新滑入。每完成一組,就會(huì)有個(gè)小成就,意味著用戶不需要一直等到課程結(jié)束才能感到學(xué)有所獲。
完成時(shí)刻,就會(huì)展示插圖。每張插圖就是個(gè)小驚喜,讓用戶在微笑中將學(xué)習(xí)成果融入生活。盡管將展示插圖加入課程創(chuàng)建的過程中會(huì)增加額外的工作流,但這也給課程加入了一種幽默和編輯(editorial-ness)的奇妙融合。
3、活動(dòng)
用戶體驗(yàn)設(shè)計(jì)的第3個(gè),也是最后一個(gè)元素就是活動(dòng)。我們?cè)诓煌瑫r(shí)段設(shè)計(jì)了三種互動(dòng)方案:每節(jié)課早期的「快速開始(Quick Starts)」;課程中期的「課間互動(dòng)(Mid-Lesson)」;以及在結(jié)束時(shí)的「現(xiàn)在就做(Do This Nows)」。
快速開始(Quick Starts)的目的是讓用戶迅速對(duì)課程上手。例如,在搜索廣告課程中,用戶被要求從一堆衣服中找到條紋襪子。這種「找不同游戲(Waldo-style activity)」說明了(廣告)內(nèi)容在搜索結(jié)果頂部出現(xiàn)的價(jià)值——搜索結(jié)果能夠明顯區(qū)別于其他搜索結(jié)果,而不像是隱藏在一堆衣服中的襪子。這種互動(dòng)不是考試測(cè)驗(yàn),而是能讓用戶立刻對(duì)課程主題產(chǎn)生思考。
(在這個(gè)「快速開始」中,我們使用了一種「找不同」的游戲方式證明了搜索廣告的優(yōu)點(diǎn)。)
就像你想的那樣,「課間互動(dòng)(Mid-Lesson)」出現(xiàn)在課程學(xué)習(xí)中間出現(xiàn),中斷閱讀,并讓用戶以一種新的形式參與主題互動(dòng)。
在其中一節(jié)課中,我們的互動(dòng)形式是要求用戶把程序化媒體購買(programmatic media buying)的拼圖從字面上拼在一起。在另外一課,我們把常見意義上的“做或不做”行為重新設(shè)計(jì)為一種復(fù)雜的主題。例如,在解釋「移動(dòng)端用戶參與度」上,我們?cè)儐栍脩舴艞壈l(fā)送移動(dòng)推送通知是不是個(gè)好主意?結(jié)果是顯而易見的,而這正是我們想要的。這些互動(dòng)活動(dòng)給用戶帶來自信,并讓用戶以一種輕松直觀的方式獲取信息,然后在腦中形成知識(shí)體系。
這個(gè)「課間互動(dòng)拼圖」以一種輕松直觀的方式解釋了一個(gè)復(fù)雜的概念。
最后,現(xiàn)在就做(Do This Nows)功能為用戶提供了一種真實(shí)的案例,能夠讓用戶立即應(yīng)用到自己的項(xiàng)目中。你應(yīng)該從哪里跟蹤你網(wǎng)站的數(shù)據(jù)指標(biāo)?你準(zhǔn)備好程序化購買了么?這么做會(huì)讓課程感覺更有針對(duì)性和目的性。我們相信把課程用于實(shí)踐是最好的學(xué)習(xí)方法,即使只是剛起步狀態(tài)。
「現(xiàn)在就做」讓用戶在填空的過程中提供了一種個(gè)性化的體驗(yàn)。
像其他 app 一樣,Primer在生存空間和關(guān)注度上面臨著激烈競爭。所以說,給用戶提供集知識(shí)性、趣味性和高效率于一體的體驗(yàn)設(shè)計(jì)至關(guān)重要。
我們的用戶體驗(yàn)設(shè)計(jì),目的是讓學(xué)習(xí)更有趣——這也是很多人所希望的,他們不想讓學(xué)習(xí)成為一件充滿壓力的事情。我們希望用戶喜歡這樣的形式和它的靈活性。學(xué)習(xí)在以往可能被看做一種義務(wù),而現(xiàn)在,這就是一種每天早上你在等咖啡,無論在上網(wǎng)或在家,或任何5分鐘自由時(shí)間時(shí)都可以很容易做的事。
腳注:
25歲以上美國成人的數(shù)據(jù),來源于勞工統(tǒng)計(jì)局“2015美國人時(shí)間利用調(diào)查”。