藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

@十萬個(gè)為什麼 ：如何通過設(shè)計(jì)讓學(xué)習(xí)不那么令人厭煩？來看谷歌團(tuán)隊(duì)的杰作！為了克服所有阻礙人們學(xué)習(xí)的因素，谷歌團(tuán)隊(duì)在界面、動(dòng)效和交互3方面狠下功夫，構(gòu)建了一個(gè)有趣豐富、快速主動(dòng)的用戶體驗(yàn)，幫人們擺脫拖延癥認(rèn)真學(xué)習(xí)，作為一款擲地有聲的產(chǎn)品，它的設(shè)計(jì)思路絕對(duì)值得學(xué)習(xí)。

這可沒有聽起來那么簡(jiǎn)單。坦白說，人們往往不會(huì)偏離道路去學(xué)習(xí)一些新東西。研究顯示，在美國(guó)只有3%的成年人會(huì)在一天中花時(shí)間學(xué)習(xí)。

細(xì)想一會(huì)兒：盡管我們指尖輕按就能觸達(dá)所有信息，所有的新技術(shù)似乎都在一夜間爆發(fā)，但97%的人卻不會(huì)花任何時(shí)間積極地探索新知識(shí)來提升自己。

我們正面臨著這樣的挑戰(zhàn)，我們?cè)?span id="mgiwccq" class="wp_keywordlink_affiliate">Google的團(tuán)隊(duì)正著手打造Primer，一款新的移動(dòng)應(yīng)用，幫助人們?cè)?分鐘內(nèi)學(xué)習(xí)數(shù)字營(yíng)銷概念。

用戶體驗(yàn)是這項(xiàng)任務(wù)的核心。在學(xué)習(xí)面前有諸多障礙：你需要了解學(xué)什么、在哪學(xué)、為何想要學(xué)習(xí)，然后還需要投入時(shí)間、金錢和精力，堅(jiān)持到底。

這意味著我們的用戶體驗(yàn)要承擔(dān)雙重任務(wù)：這個(gè)應(yīng)用需要吸引人且直觀，同時(shí)它得克服所有阻礙人們學(xué)習(xí)的因素。

要應(yīng)對(duì)這項(xiàng)挑戰(zhàn)，我們思考了應(yīng)用中主要的3處地方，人們可能會(huì)在其中花時(shí)間：操作面板、單項(xiàng)課程、還有每項(xiàng)課程中的操作。

一、操作面板

操作面板的重要性毋庸置疑，因?yàn)槟鞘侨藗兇蜷_應(yīng)用首先看到的東西。我們花了數(shù)月的時(shí)間，反復(fù)迭代繪制不同操作面板的原型。我們有許多想法：課程包，讓用戶從3個(gè)隨機(jī)課程中選擇，事件相關(guān)的課程話題，或是為與我們有合作的專家和品牌創(chuàng)造特殊組件?？赡苄钥偸菬o窮無盡。

早期的操作面板原型。

顯然，我們需要一套準(zhǔn)則來作為指引，所以我們把自己置于用戶的視角。我們推論，來到應(yīng)用中的人們可以歸為3類：

• 被動(dòng)型：他們會(huì)隨便看看。
• 好奇型：他們會(huì)來學(xué)點(diǎn)東西，但學(xué)什么并不確定。
• 積極型：他們有不止一件想學(xué)的東西。

最終的操作面板視圖：重點(diǎn)推薦、分類、和隊(duì)列。

對(duì)于被動(dòng)型，我們創(chuàng)造了重點(diǎn)推薦模塊，展示了5項(xiàng)可以立刻學(xué)習(xí)的推薦課程。

同時(shí)，我們通過話題或分類：廣告、文案、數(shù)據(jù)統(tǒng)計(jì)、和策略等，來使好奇型用戶更容易找到課程。

而對(duì)于積極型用戶，我們創(chuàng)造了一件管理工具：隊(duì)列。在這里，他們可以把自己的“播放列表”集中起來，能夠隨心所欲添加和刪除課程。

二、課程

應(yīng)用的下一個(gè)元素就是課程本身。Primer的課程都非常適于消磨時(shí)間；用戶在火車上就能完成，或者在他們的孩子看動(dòng)畫片的時(shí)候。

但學(xué)習(xí)還是需要吸引力的。我們不能讓用戶不知不覺間略過所有內(nèi)容。

我們把解決方案稱為“有節(jié)奏的學(xué)習(xí)”。每一項(xiàng)課程元素——每次滑動(dòng)、每組卡片堆、還有每張插畫——都設(shè)計(jì)得為了有節(jié)奏地引導(dǎo)用戶瀏覽內(nèi)容。

每張卡片、每組卡片堆的滑動(dòng)手勢(shì)，讓用戶有種完成的儀式感。一份包含所有信息的文檔令人望而卻步，但分解成卡片的課程則讓人感覺容易處理。這些卡片被分成3到7組，滑出最后一張卡片后，另一堆卡片就會(huì)進(jìn)入。完成一堆卡片就成為了一項(xiàng)小成就，這意味著用戶不必等到課程的結(jié)尾，才能感到自己學(xué)到了東西。

這也是插畫進(jìn)場(chǎng)的時(shí)機(jī)。每幅插畫都是輕松一刻，讓人會(huì)心一笑，使課程內(nèi)容鮮活起來。在我們的課程創(chuàng)建過程中加入插畫，增加了額外的工作流程，但也絕妙地融入了幽默，減輕了課程的官方口吻。

三、操作

用戶體驗(yàn)設(shè)計(jì)的第三項(xiàng)、也是最后一項(xiàng)元素就是操作。我們最終落地在3種不同操作上，它們?cè)诓煌瑫r(shí)機(jī)出現(xiàn)：快速開始在每項(xiàng)課程開始觸發(fā)；課程中操作在過程中觸發(fā)；立即行動(dòng)則在末尾。

快速開始的要點(diǎn)在于第一時(shí)間用課程的概念吸引人們。例如，在研究廣告課程時(shí)，用戶被要求在一大堆衣服中尋找條紋襪子。這種找你妹類型的操作，闡釋了搜索結(jié)果頂端位置的價(jià)值：不同于混雜于其他衣物中的襪子，搜索廣告在搜索結(jié)果中顯得特別突出。這個(gè)交互并非一項(xiàng)測(cè)試，但卻能讓人們立刻思考這個(gè)問題。

在這則快速開始操作中，我們使用了找你妹類型的操作闡釋了搜索廣告的優(yōu)勢(shì)。

如你所料，課程中操作出現(xiàn)在課程過程當(dāng)中，它們會(huì)打斷閱讀，讓用戶以新方式與話題進(jìn)行互動(dòng)。在某個(gè)課程中，我們有一項(xiàng)操作很有特色，它要求用戶按照字面意思來拼圖，將節(jié)目媒體的投放組合起來。在另一項(xiàng)課程中，我們引入了一套常識(shí)的是或非操作，來重新構(gòu)造復(fù)雜問題。例如，解釋移動(dòng)端的用戶吸引時(shí)，我們問用戶肆意發(fā)送通知好不好。答案很顯然，而那正是我們要表達(dá)的。這些交互讓用戶建立起信心，讓他們以一種簡(jiǎn)單直觀的方式處理信息，然后構(gòu)筑相應(yīng)的知識(shí)。

這項(xiàng)課程中測(cè)試，通過一種直觀易感知的方式解釋了一個(gè)復(fù)雜問題。

最終，立刻行動(dòng)功能為用戶提供了一些合適的資料，能夠立刻運(yùn)用在他們的業(yè)務(wù)中。應(yīng)該從何入手追蹤網(wǎng)站各項(xiàng)數(shù)據(jù)？準(zhǔn)備好進(jìn)行節(jié)目廣告投放了嗎？這使得課程更加人物化，而且以行動(dòng)為導(dǎo)向。我們相信，把知識(shí)帶入實(shí)踐是最佳的學(xué)習(xí)方式，即使嬰兒學(xué)步也是如此。

立刻行動(dòng)選項(xiàng)讓用戶填空，體現(xiàn)了人格化的一面。

就像其他所有移動(dòng)應(yīng)用一樣，為了爭(zhēng)奪用戶的空間與注意力，Primer也面臨著激烈的競(jìng)爭(zhēng)。正是如此，設(shè)計(jì)有趣、快速、信息豐富的用戶體驗(yàn)才如此重要。

我們的用戶體驗(yàn)設(shè)計(jì)，意在讓學(xué)習(xí)變得愉快——使它成為人們想要做的事情，而非一天中的匆匆片刻。我們希望用戶喜歡這種形式，還有它所包含的靈活性。曾經(jīng)看似是責(zé)任的東西，如今成了晨間（排隊(duì)或在家）等咖啡時(shí)的一件易事，當(dāng)然也包括其他所有5分鐘左右的閑暇時(shí)段。

腳注：1) 25歲以上的美國(guó)成年人的數(shù)據(jù)，來自2015勞動(dòng)局統(tǒng)計(jì)的全美時(shí)間消費(fèi)調(diào)查。