如何為青少年打造良好的 Web 體驗(yàn)，這里有 111 條實(shí)用建議

時(shí)間：2023-09-07 19:48:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-09-07 19:48:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

如何為青少年打造良好的 Web 體驗(yàn)，這里有 111 條實(shí)用建議：（提示：本篇翻譯至 NNGroup 的 Teenagers (Ages 13-17) on the Web 報(bào)告，完整版請(qǐng)移步 https://www.nngroup.com/reports/teenagers-on-the-web/ 付費(fèi)下載，以下為部分精選內(nèi)容摘要的翻譯）

如今，科技已經(jīng)深深融入到了青少年生活的方方面面，如果專為他們做一個(gè)網(wǎng)站，那網(wǎng)站的有用性和易用性會(huì)比以往更加重要。




現(xiàn)在是一個(gè)被漫天的信息所充斥的世界，每個(gè)人都在各種電子設(shè)備上不停的重復(fù)點(diǎn)、點(diǎn)、點(diǎn)的動(dòng)作，因此網(wǎng)站設(shè)計(jì)師必須非常清楚青少年想要什么，以及如何將他們留存下來(lái)成為自己的真正用戶。




為了了解伴隨科技和互聯(lián)網(wǎng)成長(zhǎng)起來(lái)的這一代青少年的想法，我們對(duì)真實(shí)的青少年用戶做了深入的實(shí)質(zhì)性調(diào)研，以確定如何改善網(wǎng)站來(lái)適應(yīng)如今青少年的行為能力和偏好。

調(diào)研結(jié)果顛覆了許多對(duì)青少年的固有印象：

• 上網(wǎng)就是為了消遣娛樂(lè)
• 科技達(dá)人
• 電子設(shè)備控
• 無(wú)時(shí)無(wú)刻的社交

青少年并不是沉溺網(wǎng)絡(luò)的技術(shù)達(dá)人，他們也不喜歡滿屏 "bulingbuling" 亮閃閃的網(wǎng)站。通常我們認(rèn)為他們喜歡新銳大膽、與眾不同的東西，也會(huì)認(rèn)為他們對(duì)新科技無(wú)所畏懼，對(duì)新鮮的網(wǎng)絡(luò)內(nèi)容充滿渴望。不可否認(rèn)這些觀點(diǎn)的正確性，但還是相對(duì)片面，如果被這些觀點(diǎn)左右，最后的設(shè)計(jì)必然會(huì)很糟糕。




這一代的青少年接觸互聯(lián)網(wǎng)的方式是多元的——更多的場(chǎng)景以及更多樣化的設(shè)備。本次因?yàn)槲覀兊难芯糠较蛑饕蔷劢乖?web 端的用戶體驗(yàn)，以臺(tái)式機(jī)和筆記本電腦為主，所以盡管青少年把太多的時(shí)間花在了社交平臺(tái)上，我們也并沒(méi)太關(guān)注社交網(wǎng)絡(luò)，畢竟我們并不想再做一個(gè) Facebook，最終還是想為主流網(wǎng)站得出一些好的設(shè)計(jì)原則。

調(diào)研

通過(guò)多種調(diào)研方式，我們得到了 111 條網(wǎng)站的可用性原則來(lái)吸引、留存青少年用戶。一共有 84 名年齡在 13-17 歲之間的青少年參與了我們 2 輪的調(diào)研。第一次是在 8 年前，共 38 名用戶，另外 46 名用戶參與了我們本次最新的調(diào)研。調(diào)研用到的 3 種方法：

• 可用性測(cè)試。每次我們只對(duì)一名志愿者進(jìn)行測(cè)試，交給志愿者一些操作任務(wù)，觀察并詢問(wèn)他們?cè)跍y(cè)試過(guò)程中的想法和感受。為了讓測(cè)試場(chǎng)景盡量真實(shí)，我們除了根據(jù)每位青少年志愿者的興趣愛(ài)好定制了不同的任務(wù)，還模擬了真實(shí)場(chǎng)景下的情況。
• （場(chǎng)景）觀察法。我們將場(chǎng)景集中在家和學(xué)校兩個(gè)地方。在志愿者瀏覽網(wǎng)站的過(guò)程中，事先并沒(méi)明確的任務(wù)給他們，我們只是觀察并記錄他們平時(shí)瀏覽網(wǎng)站的狀態(tài)。
• 訪談和焦點(diǎn)小組。為了進(jìn)一步了解他們的使用體驗(yàn)和想法，我們向志愿者收集了他們?cè)跒g覽網(wǎng)站時(shí)候的一些詳細(xì)的使用故事和案例，還有一些他們覺(jué)得有趣、有用的網(wǎng)站。同時(shí)我們也征求了這些青少年關(guān)于如何將網(wǎng)站做的更具有吸引力的建議和想法。在整個(gè)調(diào)研的過(guò)程中，這種形式是持續(xù)進(jìn)行的。

我們的調(diào)研集中在美國(guó)和澳大利亞，覆蓋從郊區(qū)的富人區(qū)到城市的中下階層，調(diào)研測(cè)試一共包括了 152 個(gè)涵蓋各領(lǐng)域的網(wǎng)站：

• 學(xué)校資源 (California State University, BBC Schools, SparkNotes)
• 旅行 / 藝術(shù)啟蒙 (ExploreChicago.com, Kidspace Children's Museum, Lonely Planet)
• 健康 (Australian Drug Foundation, KidsHealth, National Institute on Drug Abuse)
• 知識(shí) / 參考 (Nature, Food Network, Scientific American)
• 新聞 (CNN, Weather.com, BBC Teens, http://ChannelOne.com)
• 娛樂(lè) / 游戲 (MTV, Playlist.com, Cool Math Games, Disney)
• 電商 (American Eagle Outfitters, Apple, Volcom)
• 企業(yè)網(wǎng)站 (Pepsi-Cola, The Principal Financial Group, Procter & Gamble, Samsung, Morton Salt)
• 政府網(wǎng)站 (Australian Government main portal, California’s Department of Motor Vehicles, the U.S. White House, NASA)
• 公益網(wǎng)站 (Alzheimer’s Association, The Insite, World Food Programme, National Wildlife Federation)

以上這些網(wǎng)站既包含了專門以青少年為目標(biāo)用戶的網(wǎng)站，也包含了一些受眾更加廣泛的主流網(wǎng)站。

行為目的研究

青少年有各種各樣的目的去接觸網(wǎng)絡(luò)內(nèi)容，消遣娛樂(lè)只是其中之一。一般他們會(huì)有特定的目的，即使這個(gè)目的只能維持僅僅幾分鐘。




盡管他們的行為目的與成年人不同，主要的行為模式和預(yù)期卻是一樣的：不管是成年人還是青少年都希望網(wǎng)站有良好的易用性和可用性, 能夠順利幫他們完成目標(biāo)任務(wù)。

跟成年人一樣，青少年瀏覽網(wǎng)站也是以目標(biāo)為導(dǎo)向的，很少會(huì)漫無(wú)目的地上網(wǎng)；因此網(wǎng)站的體驗(yàn)對(duì)青少年來(lái)說(shuō)也同樣重要。




青少年上網(wǎng)的目的主要有：

• 學(xué)校作業(yè)
• 興趣愛(ài)好（學(xué)習(xí)新技能、發(fā)現(xiàn)有趣的活動(dòng)）
• 娛樂(lè)（音樂(lè)、游戲）
• 新聞（體育、時(shí)事、娛樂(lè)）
• 學(xué)習(xí)研究新課題
• 社交
• 購(gòu)物

有意思的是盡管有的孩子不會(huì)在網(wǎng)上發(fā)生實(shí)際購(gòu)買行為，他們也會(huì)淘自己喜歡的東西并把清單交給自己的家長(zhǎng)。

優(yōu)缺點(diǎn)

優(yōu)點(diǎn)：

如今的青少年能夠更好的駕馭網(wǎng)站并找到他們想要的內(nèi)容。相對(duì)于八年前的調(diào)研，最新的結(jié)果顯示青少年上網(wǎng)尋找內(nèi)容的成功率提高了 16%，以平均每年 2% 的速度增長(zhǎng)，略高于同時(shí)期成年人每年 1.7% 的增速。




注：成功率反映了用戶并未完全完成目標(biāo)任務(wù)，也代表著在網(wǎng)站在設(shè)計(jì)上的缺陷和其業(yè)務(wù)上的失敗。




值得探討的是，成功率增長(zhǎng)的背后究竟是青少年變得更聰明了還是網(wǎng)站比原來(lái)體驗(yàn)更好呢？或許兩方面都有。我們?cè)谛碌恼{(diào)研過(guò)程中觀察到許多青少年不太好的上網(wǎng)習(xí)慣和八年前的如出一轍。所以，一方面我們簡(jiǎn)單的把成功率的提高歸結(jié)為網(wǎng)站設(shè)計(jì)的比原來(lái)更好用；另一方面，現(xiàn)在的青少年能夠更加方便的接觸到互聯(lián)網(wǎng)并花費(fèi)更多的時(shí)間在上面，這進(jìn)一步培養(yǎng)、提高了他們上網(wǎng)的能力。

缺點(diǎn)：

青少年并不像有些人想的那樣無(wú)所不能。盡管他們很自信，但他們一樣犯很多錯(cuò)誤而且常常半途而廢。這些不安分的青少年更加粗心大意，思考問(wèn)題也不夠深入——都是導(dǎo)致成功率低的原因。數(shù)據(jù)也印證了這一點(diǎn)：成年人網(wǎng)上操作的成功率有 83%，而青少年只有 71%。




三個(gè)主要原因：

• 較低的閱讀能力
• 不夠成熟的研究、學(xué)習(xí)方法
• 缺乏耐心

以上三點(diǎn)對(duì)提高網(wǎng)站在青少年人群中的使用體驗(yàn)至關(guān)重要。




在各種類型的網(wǎng)站中，青少年在電子商務(wù)網(wǎng)站上表現(xiàn)的最成功，這些網(wǎng)站通常遵循設(shè)計(jì)標(biāo)準(zhǔn)，并且很少需要閱讀。在面對(duì)一些包含有大量文字內(nèi)容或者導(dǎo)航系統(tǒng)較差的大型網(wǎng)站時(shí)，他們往往會(huì)手足無(wú)措，這些網(wǎng)站主要是政府類網(wǎng)站、公益網(wǎng)站、校園網(wǎng)站，可謂是 “差評(píng)” 的代表。




盡管網(wǎng)站的體驗(yàn)普遍提高，我們觀察到現(xiàn)在的青少年仍然面臨著和八年前的孩子一樣的問(wèn)題，同時(shí)隨著新功能特性和設(shè)計(jì)方法的增多，新的問(wèn)題也增加了。因此，傳統(tǒng)的和新的指導(dǎo)原則都必須隨著技術(shù)和人的不斷發(fā)展而進(jìn)步；相比于第一版的 61 條，我們的新報(bào)告總共包含 111 條指導(dǎo)原則。

大部分的設(shè)計(jì)原則同樣適用于大眾用戶，但對(duì)于青少年來(lái)說(shuō)更加重要，因?yàn)榭捎眯缘膯?wèn)題會(huì)給他們帶來(lái)更大的障礙。

排版

對(duì)于沒(méi)什么耐心的青少年來(lái)說(shuō)，優(yōu)秀的排版至關(guān)重要。沒(méi)什么比滿屏雜亂的文字更能讓他們覺(jué)得無(wú)聊、抓狂，甚至?xí)a(chǎn)生挫敗感。

青少年不太喜歡在網(wǎng)站上進(jìn)行大量的閱讀，畢竟在學(xué)校已經(jīng)夠了。還有，對(duì)于年紀(jì)更小的孩子來(lái)說(shuō)他們的閱讀能力也并不理想。那些排版清晰，便于瀏覽，主次分明的網(wǎng)站更受青少年的歡迎。

所以良好的版式能夠很好的促進(jìn)網(wǎng)站和青少年用戶之間的溝通。精心設(shè)計(jì)的網(wǎng)格系統(tǒng)以及足夠的留白是很好的選擇。網(wǎng)格系統(tǒng)的排版可以讓他們更清楚內(nèi)容的位置，當(dāng)他們被外界信息干擾之后也更容易找回之前的內(nèi)容。




青少年的閱讀能力和鑒別能力普遍低于成年人，網(wǎng)站的文案對(duì)他們的學(xué)習(xí)效率和專注度就顯得尤為重要，一般來(lái)說(shuō)文案要簡(jiǎn)單易懂，避免過(guò)長(zhǎng)的句子和大幅段落。如果網(wǎng)站的目標(biāo)用戶是大眾，文案的書寫水平最好能讓 6 級(jí)閱讀能力（或更低）的人看懂，這個(gè)級(jí)別可以讓年輕用戶和老年用戶都能快速理解網(wǎng)站內(nèi)容。

在調(diào)研中一個(gè)有趣的發(fā)現(xiàn)是青少年和成年人一樣不喜歡偏小的文字。我們經(jīng)常提醒一些網(wǎng)站，小號(hào)的文字會(huì)給網(wǎng)站帶來(lái)負(fù)面的印象，尤其是年紀(jì)大的用戶（隨著年齡的變大視力越來(lái)越差）。通常我們認(rèn)為現(xiàn)在小字號(hào)文本大行其道是因?yàn)榇蟛糠志W(wǎng)站設(shè)計(jì)師是擁有良好視力的年輕人，這也是我們?yōu)槭裁磿?huì)驚訝于青少年會(huì)反感小字號(hào)文本的原因。盡管他們視力非常好，面對(duì)那些小小的文字，也并不會(huì)專注于網(wǎng)站內(nèi)容而只是匆匆略過(guò)。

內(nèi)容

青少年經(jīng)常抱怨那些無(wú)趣的網(wǎng)站，如果你想讓他們?cè)诰W(wǎng)站上多停留一會(huì)兒，陳舊刻板且毫無(wú)新鮮感的內(nèi)容絕對(duì)是網(wǎng)站的死亡宣言。當(dāng)然也不是所有的內(nèi)容都要生動(dòng)有趣。青少年喜歡美的事物，對(duì)組織混亂以及充斥無(wú)關(guān)信息的網(wǎng)站深惡痛絕。




為年輕群體設(shè)計(jì)網(wǎng)站的時(shí)候要當(dāng)心是否過(guò)度使用了交互形式，網(wǎng)站中的多媒體也是把雙刃劍，可能錦上添花也可能畫蛇添足。一個(gè)好的體驗(yàn)的網(wǎng)站往往是能夠教他們一些新的東西，或者讓他們專注的做一些事情。




那什么是好的呢？以下這些形式就不會(huì)只讓他們坐在電腦前發(fā)呆了：

• 在線問(wèn)答 / 測(cè)試
• 提問(wèn)和反饋
• 線上投票
• 游戲
• 分享圖片 / 故事
• 留言板（彈幕）
• 互動(dòng)論壇
• 創(chuàng)意 / 原創(chuàng)內(nèi)容

這些互動(dòng)形式讓青少年得以在互聯(lián)網(wǎng)上表達(dá)自己的觀點(diǎn)和態(tài)度。




網(wǎng)站的類型也會(huì)影響他們對(duì)網(wǎng)站的預(yù)期。比如，他們希望電子商務(wù)網(wǎng)站和品牌網(wǎng)站看起來(lái)更專業(yè)，信息類網(wǎng)站看起來(lái)更簡(jiǎn)潔有序。對(duì)于信息型網(wǎng)站，將內(nèi)容以清晰的方式呈現(xiàn)比用一些看起來(lái)前衛(wèi)復(fù)雜的形式更具有吸引力。去除那些毫無(wú)意義的附加功能特征，他們可以有效專注在瀏覽信息和學(xué)習(xí)內(nèi)容上。

快速響應(yīng)

加載太慢絕對(duì)會(huì)使網(wǎng)站流失大量用戶。不管怎樣，確保網(wǎng)站可以快速加載內(nèi)容。響應(yīng)速度慢的網(wǎng)站會(huì)另任何一個(gè)用戶感到沮喪，對(duì)于那些沒(méi)什么耐心的青少年來(lái)甚至?xí)硭麄儛阑稹?br>
在給網(wǎng)站添加那些超級(jí)酷炫的功能之前請(qǐng)一定三思，如果功能拖慢網(wǎng)站響應(yīng)速度或者還有 BUG，最好還是別加了，孩子們沒(méi)有耐心看的。值得注意的是，孩子們經(jīng)常使用一些陳舊或者二手的設(shè)備，網(wǎng)絡(luò)的連接速度也不一定穩(wěn)定，所以那些看起來(lái)炫酷的功能未必達(dá)到好的效果。當(dāng)他們?cè)谑褂镁W(wǎng)站的時(shí)候，響應(yīng)速度慢和中看不中用的功能只會(huì)讓他們迅速離開(kāi)。

平等對(duì)話

避免任何居高臨下或者幼稚的文案、內(nèi)容，恰當(dāng)?shù)奈陌改軌蚴咕W(wǎng)站更接近用戶。青少年喜歡內(nèi)容的創(chuàng)作者對(duì)他們平等相待，所以真實(shí)的故事、圖片和用例他們更容易接受。




在我們的調(diào)研中有一些網(wǎng)站想在一個(gè)版塊中同時(shí)提供兒童和青少年的內(nèi)容，并往往以”Kids“作為標(biāo)題，犯了大錯(cuò)，”Kids“這個(gè)詞簡(jiǎn)直與青少年不共戴天。他們對(duì)目前自己的身份狀態(tài)有很強(qiáng)的認(rèn)同感，過(guò)于幼稚的內(nèi)容并不是他們想要的——這同時(shí)佐證了為什么要避免使用那些過(guò)度的特效和花哨的色彩設(shè)計(jì)。所以，我們建議將兒童和青少年的版塊各自命名區(qū)分開(kāi)。

社交自由

鼓勵(lì)分享而不強(qiáng)制。青少年已經(jīng)習(xí)慣甚至某種程度上依賴線上的彼此交流，但他們也不是想讓社交時(shí)刻都圍繞在身邊，對(duì)于要分享什么以及如何分享，他們要掌握在自己手里。那些強(qiáng)制青少年用戶注冊(cè)并且自動(dòng)將用戶信息暴露在線上的網(wǎng)站嚴(yán)重違背了信任的原則。家長(zhǎng)和老師告誡他們要保護(hù)自己的隱私，其中之一就是遠(yuǎn)離那些亂七八糟的網(wǎng)站。

小屏幕設(shè)計(jì)

許多學(xué)生其實(shí)是坐在尷尬的或者不舒服的地方用一些便攜的小屏設(shè)備上網(wǎng)的，比如筆記本電腦、平板和手機(jī)。多樣的設(shè)備同時(shí)也要求網(wǎng)站設(shè)計(jì)者確保不同設(shè)備上都要具備良好的可用性。盡管現(xiàn)在職場(chǎng)用戶的屏幕越來(lái)越大，但青少年很少會(huì)接觸到那么大屏的設(shè)備。




使用筆記本電腦的時(shí)候，他們用的最多的是觸控板，遇到需要精確操作的時(shí)候就會(huì)遇到困難，比如下拉菜單，拖拽，以及觸發(fā)小的按鈕。類似翻轉(zhuǎn)效果或者小按鈕這樣的設(shè)計(jì)會(huì)造成很多問(wèn)題，小字以及擁擠的排版會(huì)造成閱讀困難，結(jié)合這些以及使用場(chǎng)景，不難發(fā)現(xiàn)他們使用過(guò)程中極易出現(xiàn)疲勞和失誤。




媒體經(jīng)常把他們描述成使用計(jì)算機(jī)的天才，而事實(shí)上，過(guò)度的自信以及不成熟的認(rèn)知能力意味著他們遇到困難會(huì)很快放棄并且把責(zé)任推到網(wǎng)站的設(shè)計(jì)上。他們絕對(duì)會(huì)怪那個(gè)網(wǎng)站的設(shè)計(jì)者而不是自己。

不同年齡段差異對(duì)比

下面這張圖表概括了從兒童時(shí)期、青少年、大學(xué)生到成年人在使用網(wǎng)站過(guò)程中的異同。

顯然，不同年齡段之間存在著許多的差異，以上也只是其中一部分。好的用戶體驗(yàn)來(lái)自于對(duì)青少年用戶需求、行為的深入洞察和理解，無(wú)論是交互設(shè)計(jì)還是網(wǎng)站的內(nèi)容、主題，都至關(guān)重要。




（全文完）翻譯者： @Amao

往期翻譯作品：

國(guó)外高贊 Redesign 案例 | 如何改進(jìn) Booking.com 的用戶體驗(yàn)

紀(jì)念碑谷設(shè)計(jì)總監(jiān) Ollie Campbell 分享新作 Florence 背后的設(shè)計(jì)故事




譯者后記：

國(guó)內(nèi)也有不少針對(duì)青少年用戶的調(diào)研，比如《騰訊 00 后研究報(bào)告》（點(diǎn)擊下方小程序卡片即可瀏覽全部?jī)?nèi)容），從 00 后的成長(zhǎng)環(huán)境到價(jià)值觀再到消費(fèi)態(tài)度做了一些總結(jié)，本文有些觀點(diǎn)與其一致。騰訊的這則報(bào)告涵蓋的層面更廣泛，具有高層面的指導(dǎo)意義。

不管是國(guó)內(nèi)還是國(guó)外，關(guān)注青少年用戶的體驗(yàn)顯然越來(lái)越重要，他們的行為需求和審美趣味無(wú)疑會(huì)影響著未來(lái)產(chǎn)品的形態(tài)特征，同時(shí)好的產(chǎn)品也一定會(huì)給他們的成長(zhǎng)留下積極的烙印。