跳至主要內容

觀點 · Essay

從榜上那個 2.8 萬,到月臺末端那排藍:日股大跌話題的設計語言

一則十一個字的熱門詞條把日股大跌與鐵道事故排上同一面熱榜,本文從榜單卡片的欄位、跌幅的色票、熔斷的門,到月臺末端的藍色照明,讀一場市場波動被各種版面接住的設計語言。

設計觀察 ·
從榜上那個 2.8 萬,到月臺末端那排藍:日股大跌話題的設計語言

熱門話題榜的第 29 名,掛著一個十一個字的詞條。它上方是一名電競選手的奪冠期望,下方是一家南京麵館擠走十五年老店的開業故事,三張卡片用同一種字級、同一種藍、同一種可點擊的樣式。詞條旁標著即時討論 2.8 萬,頁面底部的推薦討論區並排三個入口:日本、股票紅、美國。一場發生在東京的市場大跌,就這樣被收進一面以互動量計價的版面。

詞條本身值得先讀一遍。前四個字「日股大跌」是行情,後六個字「跳車事件頻發」是後果,中間一個「致」字完成因果交割,十一個字裡不含任何數字、時間與機構名。日方的用語節制得多,鐵道業者的延誤公告只寫「人身事故」,新聞稿常見的說法是「線路內進入」。中文論壇的詞條選了動詞最直白的那個版本,這個選字本身就是一種編輯立場。

卡片沒有欄位註明輕重

拆開這面榜單的排版文法,每張卡片只有三個欄位:排名、詞條、熱度值。第一名掛著兩百多萬的熱度,第 29 名掛著這場涉及人命的事件,兩者的字級、留白與圓角完全一致。排序交給互動量,題材的輕重沒有輸入欄位。留言區是另一層貨架:有人轉貼日經指數的走勢圖,有人問「股票可以未成年退款嗎」,有人認真討論一部以外匯爆倉為題材的日本動畫該有什麼結局。哀傷的、玩笑的、看熱鬧的,按回覆時間排進同一條時間軸。

統計圖卡呈現日經指數單日下跌百分之六,這是留言區投資者討論爆倉與槓桿時引用的行情數字

同一頁裡也有把座標拉遠的貼文:納斯達克單日跌了 5%,人工智慧相關個股一片哀嚎,韓國股市開盤即觸發熔斷。一場以東京為名的下跌,討論範圍很快跨過太平洋。這也是熱榜這種產品的性格,地理位置從來排在互動量後面。把異質內容排上同一層貨架的機制,我們在讀圓臉直擊世界媒體峯會的混裝貨架時已經見過:分類欄位缺席,編輯臺的判斷被外包給互動數。差別在於,這回與花邊並排的是人命。世界衛生組織對自殺相關新聞有一套媒體準則,建議報導避免放大細節與聳動措辭;熱榜的卡片裡,沒有可以填寫這件事的欄位。

同一場崩跌,兩種色票

走勢圖是留言區裡最安靜的證物。橫軸是時間,縱軸是價格,一條線以將近 6% 的斜率下墜,畫面裡沒有人物與地名。金融資訊介面的性格向來如此,它把一整天的集體情緒壓進兩個維度,再用紅綠兩色標記方向。

色票是這套介面裡最有地方性的部分。東京與上海的看盤軟體裡,上漲用紅、下跌用綠;紐約的終端機恰好相反。同一個交易日,納斯達克跌 5% 的畫面在曼哈頓是滿屏紅,這則消息傳進中文論壇,讀者心裡補上的顏色卻是綠。數字全球通用,色票是各地的方言。金融版面如何把巨大數字排成表格,再決定哪些數字該被遮蔽,我們先前讀六城住戶存款的數字牆時看過同一門功課:欄位對齊、單位換算,每一步都是排版決策。

熔斷是另一種版面。它的邏輯可以一句話說完:指數越過事先畫好的百分比刻度,交易暫停幾分鐘。這是裝在資訊流上的一道門,用強制的時間差切斷恐慌的傳導。槓桿端的介面更冷:保證金比例跌過維持線,系統代為平倉,使用者收到的是一則已執行完畢的通知,沒有確認鍵可按。

引言圖卡呈現一則貼吧留言的主張:異常的上漲速度讓股市變成巨大的賭場

賭場的比喻出自留言區,拿來讀介面倒是精準。交易 App 的下單鈕大、步驟少,風險提示通常是灰字小號,兩種字級的比例就是摩擦的分配。崩跌的日子裡所有突然被看見的數字,平日都被排版得非常順滑。

看板上的四個字,與月臺末端的一排燈

事故發生之後,第一個接住它的設計是旅客資訊系統。日本車站的延誤看板對這類事件有一個固定用語:人身事故。四個字,不述經過,不指涉對象,功能是讓班次取消有一個可查詢的原因代碼。對通勤者而言,這個詞條的意義單純是時間:誤點多久、改走哪條線。話題描述裡的「交通癱瘓」,換成設計語言,就是看板與轉乘指引在短時間內的滿載。

這套系統裡最體貼的小物件是延誤證明書。事故造成誤點,車站在驗票閘門旁列印或讓乘客掃碼下載一張證明,寫明路線與延誤分鐘數,供上班族向公司交代。一場事故在這裡被轉譯成一張 A6 大小的紙,格式固定,語氣公事。

看板負責事後,另外幾套設計負責事前。日本許多車站月臺末端的天花板上裝了一排藍色 LED 燈,沒有聲音,沒有文字,只把該區段的照明色溫整個換掉。這個做法由西武鐵道在 2009 年率先導入全線車站,其後多家業者跟進,營運方在統計中回報件數下降,至於藍光為何有效,至今仍是推測多於定論。它的設計姿態低到幾乎不像設計:一道光,一次色溫的改變,放在最少人停留、又最需要被照顧的位置。

月臺門是更重的工程。日本以政策目標推動裝設,進度受制於舊線月臺的寬度與結構承重,造價逐站累計。近年的新變化是攝影機加上影像辨識,有人在月臺邊緣長時間停留時發出警示。這些措施在文件裡統稱安全對策,字面上看不見事故,它們排進的是車站的年度預算表。

清單圖卡列出日本車站月臺常見的四項安全設計:藍色LED照明、月臺門、攝影機影像辨識與黃色導盲磚

兩種熔斷,同一個原理

把兩邊的設計並排放著看,結構幾乎相同。熔斷在價格與下單之間放進暫停,月臺門在月臺與軌道之間放進一道實體屏障,藍燈在衝動與行動之間放進一點時間差。原理是一個:放慢速度、加上摩擦,讓情緒多出一個空檔。與之反向的設計也一目瞭然,熱榜的自動刷新、下單的一鍵完成,都往減少摩擦的方向走,因為摩擦在商業指標裡被記作流失。

一場大跌就這樣在各種版面之間流轉:走勢圖、熱榜、留言區、延誤看板、月臺的燈。設計決定不了那條線的走向,能決定的是每個環節的阻尼。第 29 名的卡片沒有輕重之分,這是產品的一種選擇;月臺末端換上一排藍燈,這是工程的一種選擇。同一週裡,兩種選擇排成一面對照的貨架,一邊把摩擦拿掉,一邊把摩擦補回來。設計的位置就在這道夾縫裡:在數字與動作之間,把門的厚度做出來。