跳至主要內容

觀點 · Essay

#設計、趨勢、文化

從搜尋框裡的十一個字到縮圖角落的三分五十六秒:學校不會教但很重要的事的設計語言

從搜尋框裡敲下的十一個字,到結果頁上被標色的關鍵詞碎片與三分五十六秒的片長,拆解「學校不會教但很重要的事」B站搜尋熱潮背後的檢索文法、標題標點、片長階梯與影子課表的介面設計。

設計觀察 ·
從搜尋框裡的十一個字到縮圖角落的三分五十六秒:學校不會教但很重要的事的設計語言

開學季的深夜,有人在B站的搜尋框裡敲下一句完整的話:學校不會教但很重要的事。十一個字,有主詞也有轉折,句尾還壓著一點情緒。它像一句沒說完的抱怨,也像一張遞向螢幕的需求單。

按下搜尋,介面交出的第一頁結果相當具體。排在最前面的影片標題是《新生:學校不會教,但很重要的事!》,創作者是「進擊的金廠長」,發布於前一天,片長三分五十六秒,播放四十九點一萬,旁邊跟著彈幕數兩百三十。標題結尾那個驚嘆號,把原本低調的陳述句推成了招生海報的口吻。

統計圖卡呈現B站影片《新生:學校不會教,但很重要的事!》發布一天內累積四十九點一萬次播放的熱度規模
發布一天即累積的播放量

搜尋框裡的完整句子

這十一個字值得先停在輸入框裡看一會兒。早期的搜尋行為依賴關鍵詞,使用者把問題蒸餾成幾個名詞就送出去。現在越來越多人直接在搜尋框裡寫整句,中間那個「但」字尤其關鍵,它讓這串字從檢索條件變成一個論斷:先承認學校的存在,再指出它的留白。

介面處理這種句子的方式,是把它拆碎。結果頁上,凡標題裡出現「學校」「不會」「教」「重要」「事」的位置,都換上另一種顏色。《學校不教的我來教!考研的專業名詞》亮起前半截,《沒有教不會的學生,只有不會教的老師?》亮起中間兩個字,連《別老打聽我的事了,你把你的苦日子過好比什麼都重要》這種與校園無關的內容,也靠句尾的「事」與「重要」擠進了這一頁。

一個完整的問題,就這樣被排版成滿頁的色塊碎片。眼睛先被顏色抓住,字是第二步才讀的,碎片能不能拼回完整的問題,得靠使用者自己。這是檢索設計裡的寬鬆匹配,講究召回率,寧可多給,不能漏給。設計上它高效,視覺上也誠實:介面聽得懂字,聽不懂句子。

頁面一角還留著一行灰字,分區篩選維護升級中,敬請期待。這張目錄原來也有正在施工的外牆,隨時在被翻修。

縮圖角落的三分五十六秒

往縮圖右下角看,時間戳排成縱隊:三分五十六秒、二十秒、一分零三秒、一分二十一秒、十四分十四秒、四分十四秒。壓倒性多數落在五分鐘以內。對照學校一節課四十五分鐘的格線,這份清單上的課,長度普遍只有正規課堂的十分之一。

篩選欄把這件事寫得更明白。片長選項分四級,十分鐘以下、十到三十分鐘、三十到六十分鐘、六十分鐘以上,這是一道時長階梯,也是一張另類時刻表。排序欄位則提供綜合排序、最多播放、最新發布、最多彈幕、最多收藏,像一套民間版的選課評鑑。正規課表由教務處排定,這張課表由演算法即時生成,而且每一秒都在重算。

清單圖卡列出B站搜尋結果的片長篩選選項,從十分鐘以下到六十分鐘以上的四級時長階梯
對照一節課四十五分鐘的格線

三分五十六秒因此有了另一層意思。它長到足以講完一個完整的提醒,短到塞得進課與課之間的空檔。這類影片的片長對準的正是正規時間表的縫隙,通勤與睡前的零頭,都是四十五分鐘格線管不到的時間。

標題的標點預算

結果頁上的標題,本身就是一門排版課。《新生:學校不會教,但很重要的事!》在二十個字上下的一行裡動用了三種標點:冒號負責宣告身分,逗號在句中製造停頓與轉折,驚嘆號的任務最直接,催促點按。

另一支近四十九萬播放的影片,出自創作者「汪小牛WXN」,標題兩側各掛兩枚閃電符號,中間每個字之間都空一格,一行字讀起來有了喊話的節奏。這套一字一空格的排版文法,我們在開學末日宿舍完結篇的片名裡拆解過,它是標題在資訊流裡把自己撐寬、頂到縮圖邊緣的手段。

方頭括號則承擔分類功能。《我復刻了二十年前上大學時的月臺,去見十八歲的自己》在標題尾端掛上【開學季】,標出檔期;人民日報的舊片掛上【權威發布】,標出消息層級。還有一類標題把數字放在句首,《三步,防止在學校被人搞心態》,三步是承諾,也是課綱,整套方法論被壓縮進兩個字的量詞。標題在這裡行使的其實是教科書目錄的職能,目錄被壓進了一行。

同一頁面上的兩種聲音

往結果頁深處滑,時間層開始混雜。前一天的影片旁邊,躺著二零二零年九月的舊片,也有人民日報二零二一年七月發布的《減輕作業負擔、校外培訓負擔,中央決定這樣幹》,一百五十四點五萬播放。官方的政策宣講與創作者的私人提醒在同一張清單上並排,共享同一套縮圖尺寸與標色規則。

引言圖卡呈現人民日報2021年7月發布的政策影片標題,內容關於減輕作業負擔與校外培訓負擔

這種並排本身就是一種設計狀態。正規教育的介面也在調整排版,我們先前在一年級不布置書面作業的介面設計裡看過,格線退場,綠勾日曆上場,練習的介面從紙本遷往螢幕。搜尋結果頁記錄的是另一個方向:制度性的介面留了白,使用者轉身向民間目錄提問,創作者再用分鐘級的影片把留白一塊塊補上。

補上的內容構成一張影子課表。保命冷知識是安全教育,防搞心態是心理衛生,考研專業名詞是升學辭典,住校攻略是生活輔導。影子課表裡最熱門的科目之一是後者,一支標題寫著《高中一定不要住校,特別是女生》的影片,來自創作者「萬灣學姊」,累積一百三十點六萬播放與四千七百多條彈幕。創作者為自己安排的角色直接寫在標題裡,《學校不教的我來教》,句式借用了教師的口吻,差別在載體從黑板換成縮圖,從課本換成時間戳。

課表之外的課表

回到最初那個畫面:深夜,搜尋框,十一個字。這個場景裡真正被設計出來的,是提問與回答之間的整套轉換。問題被拆成色塊,知識被切成分鐘,權威被換算成播放數,課綱被壓進標題的標點裡。

搜尋結果頁回答問題的方式,向來是給出一張目錄。目錄裡有顏色、片長與排序欄位,答案要使用者自己組裝。這一頁也誠實反映了需求的位置:會被拿出來問的事,多半是正規介面上找不到欄位的事。三分五十六秒取代不了四十五分鐘,它也無意取代。它把自己安排在課表管不到的縫隙裡,而那裡的需求,看來相當穩定。