那個曾經一統Sony產品的交互界面為什麼消失了?

愛範兒 於 25/06/2020 發表 收藏文章

記得大概在十幾年前,自己還是個學生的時候,在枯燥的學習生涯中總有一些「與學習不相干」的東西出現在教室。

但那個時候我最羨慕的從來不是同學的漫畫書或者課外小説,對(大多數)學生來説,吸引力最大的永遠不是學習而是遊戲。一款Sony出的掌上游戲機在當時非常流行,可能你也聽聞過或者購買過,就是當年教室裏最酷的玩具——PSP。

▲ Sony PSP. 圖片來自:Ilya Ostrovsky

PSP 很酷,這種酷不僅僅體現在它的工業設計上,也體現在人機交互界面上。當年 PSP 的界面對於還在用 Windows XP 和諾基亞 S60 手機的大眾來説,或許是在人機交互界面方面的第一次被震撼。

而即便是經常玩Sony主機的玩家,可能也有很多人不知道Sony這個界面叫 XMB。

一套精妙的多媒體交互界面

XMB 的全名叫 Xross Media Bar,最初用於 PSX 上,這是一款帶有多媒體功能的 PS2 遊戲機,XMB 就是它所搭載的人機交互界面。

▲ Sony PSX. 圖片來自:Lega Nerd

不過,中國玩家接觸 XMB 最早應該還是在 PSP 上,儘管當時中國沒有行貨售賣,也沒有較為準確的銷量與保有量統計,但不少初高中學生和年輕的上班族應該都見過或買過 PSP,這裏不談論玩破解的有多少,只談論流行度和影響力,PSP 可能是中國最流行的主機(掌機)。

比起當時最大的競爭對手任天堂的 NDS,PSP 無論是工業設計還是界面設計都像是領先了不止一個時代。

▲ PS3 上 的 XMB 界面. 圖片來自:Ivory Group

從 PSX 到 PSP 再到 PS3 以及 BRAVIA 電視和 VAIO 的媒體中心,XMB 自誕生後就一直在Sony的產品上延續,不僅對於一直入坑Sony的老用户很友好,也能看出這種設計經典之處在於新玩家也很容易理解其中的邏輯。

▲ PSV 上的 LiveArea 界面. 圖片來自:PlayStation LifeStyle

儘管 XMB 是如此的經典,然而今天我已經無法在Sony的產品上看到它的身影。從 2011 年Sony推出掌機 PlayStation Vita 以來,XMB 在Sony的產品中開始逐漸失寵。PSV 採用了名為 LiveArea ,一個基於觸控的操控界面,這個交互界面的特點是採用了類似氣泡的設計,為手指觸控操作做了很大的優化。

▲ PS4 的界面. 圖片來自:Nick Schaden

Sony在 2013 年推出的正統主機續作 PlayStation 4 中也正式拋棄了 XMB 界面,轉了使用了一套全新的界面,雖然在邏輯上還是符合主機系統的操作,但整體已經和 XMB 相距甚遠。

▲ Sony電視上的 XMB 界面. 圖片來自:CNet

BRAVIA 電視則延續的相對久一點一直延續到了 2014 年,之後Sony電視開始全面轉向 Android TV 智能系統,從此 XMB 界面在Sony產品上幾乎銷聲匿跡。

為什麼到今天還有很多人在懷念這套界面

如果你要問 XMB 界面經典在哪,那我會從兩個方面來回答你:

  • 超越時代的設計水平
  • 大幅簡化了按鍵操作

▲ 記住這是 2004 年的產品. 圖片來自:KnowTechie

人們記住 XMB 無非就是這兩個方面。XMB 的好看是公認的,在 2004 年發售的 PSP 上許多年輕人已經體會過,但是要記得那還是 2004 年,一個連 iOS(iPhone OS)和 Android 都沒有誕生的年代。

如果要説 XMB 為什麼好看,那麼也可以簡單從整體設計、動態效果和多元配色這幾個方面來簡單闡述(以 PSP 和 PS3 為典型)。

▲ 十字型菜單. 圖片來自:Reddit

整體設計上,XMB 採用了十字型的操作設計,橫軸是一級菜單,縱軸是二級菜單。但是在細節設計上花了很多心思,比如圖標採用了抽象而簡約的風格,選中時帶有一定的放大和光暈效果。

另外就是一級菜單的圖標較大一點,而二級菜單雖然和一級菜單同時呈現在一個界面裏但稍小,形成了錯落有致,一眼就能看出優先級的界面設計。

從整體上説,XMB 的設計十分簡潔,儘管看上去只是純色設計,但其實帶有大量的漸變效果,既不會對菜單喧賓奪主,又不會顯得沉悶枯燥。即便是十幾年前的設計卻處處透露出高級,該奔放的時候奔放,該剋制的時候剋制。

▲ 背景的絲帶效果. 圖片來自:Reddit

動態效果是 XMB 的一大亮點,在 XMB 的背景中,大量採用了類似「波浪」和「色帶」的曲線設計。

這種曲線設計不僅是靜態的美觀,在更換主題顏色或者進行操作時都會有動態的變化,比起死氣沉沉的一張壁紙,這種靈動柔美的曲線一下子就抓住了不少人的心。


如果你記得 Android 當年的動態壁紙,比如 Android 2.0 的落葉和 Android 2.1 上的線性光線,手指觸控屏幕的時候會有讓人印象深刻的動態效果反饋,有人可以就這樣玩壁紙玩上一個小時,而 XMB 的動態效果也是如此讓人無法捨棄。

如果説前面的設計讓 XMB 像一個高級的黑白默片,那多彩的主題配色則讓這個世界一下子有了五彩斑斕的靈魂。

▲ 根據時間變化顏色和明暗. 圖片來自:Arqade – Stack Exchange

XMB 有意思的地方在於,默認背景顏色取決於一年中的當前月份,並且其亮度取決於一天中的時間。顏色的主要變化發生在每個月的 15 日和 24 日之前的三天,顏色會在這些日期之間逐漸變化。

也就是説,如果你不去主動更改主題顏色,在默認的情況下,一年當中的每個月份都會有不同的配色變化,甚至一天當中也會有明暗的變化,這種細緻入微的細節真的讓當時還在上學的我體會到了設計的魅力。

▲ 操控便利. 圖片來自:playstation.com

而從第二點操控性來説,XMB 也不愧是按鍵時代,或者説是十字鍵時代的偉大發明。

XMB 誕生的硬件載體決定了它的某些基本特性就是為此而生的,PSX 作為 PS2 的多媒體版,也促生了 XMB 的兩大特性,適合十字鍵操作的十字型菜單,與適應多媒體瀏覽的一級菜單應用。

為什麼 PSP 上 XMB 應用最經典,因為 PSP 當年就是一個按鍵操作的掌上游戲機兼多媒體娛樂中心,而 PS3 同時兼職藍光播放器,也賦予了其重要的多媒體娛樂屬性。

主機和掌機上十字鍵的操作與 XMB 十字型的菜單完全不用對用户教育就能形成足夠的引導,從追求效率的方面説,它可以形成很強大的肌肉記憶,熟悉之後用户閉着眼睛都能完成自己想要的操作。

▲ 操控便利. 圖片來自:OSReviews

而一級菜單而二級菜單同時呈現的設計更是大幅提高了菜單的直觀呈現方式,同時避免了進出二級菜單跳轉界面而浪費時間。

這種設計同時也會慢慢的強化你的聯想記憶,很輕鬆就能記住哪些二級菜單設置在哪個一級菜單下,進一步提升盲操的效率。

兼具超越時代的美觀和操作性,XMB 在今天還被Sony老用户懷念並不是沒有道理。


為什麼今天和以後我們都看不到這套界面了

懷念歸懷念,殘酷的現實是,Sony在產品操作界面這個層面上早已經四分五裂。

Sony的手機用着類似原生 Android 的功能與幾年不變的Sony皮膚。PS4 的界面獨一份,到了 PS5 很可能又要大變化。而電視則是 Android TV,在 Google 的大家庭玩的很開心。

為什麼 XMB 這個曾經一統電視、遊戲機、電腦媒體中心等不同產品的界面就這麼消失了?

▲ 為觸控而生的界面. 圖片來自:Vita Player

如果用一句老話來説可能就是「成也蕭何敗也蕭何」,XMB 天生為十字鍵而生的設計,註定了在以觸控為基礎的時代被淘汰。而且多媒體中心的設計雖然出色,但隨着產品功能的再次逐漸細分,又凸顯了沒有重點的缺點。

按鍵系統不適應觸控操作這點很好理解,為什麼 PSV 換上了 LiveArea 界面,本質上就是因為想要突出系統的可觸控操作。而矩陣式,或者各種類似的排列方式,配合大圖標,是手指最容易實現的觸控界面,XMB 顯然無法做到。

▲ PS4 UI. 圖片來自:Arekkz Gaming

如果説掌機為什麼更換還可以理解為了觸控操作,那為什麼 PS4 作為主機也放棄了 XMB?

以前,家用遊戲機的確是可以兼任客廳的多媒體娛樂工作的,但是隨着電視智能系統的發展,電視已經逐漸形成了自己的生態,而遊戲機也逐漸回到了更原始更純粹的作用——打遊戲。

遊戲重要性迴歸和多媒體屬性的削弱,意味着以前 XMB 那種將多媒體功能比如視頻、音樂等都放在一級菜單的形式已經不太合適,這點則與 PSP 時代完全相反。


另外還有一點用户使用習慣上的變化。在以前的 PSP 時代,遊玩遊戲的形式是通過 UMD 光盤,一次只能讀取一個遊戲(不討論破解系統通過記憶棒的形式玩),對於用户來説是進入系統前就選好了玩哪個遊戲。

而如今隨着大容量硬盤的普及,許多玩家早已習慣通過下載的方式玩主機遊戲,也就造成了開機之後會面臨從一個龐大,有着數十個甚至上百個的「遊戲庫」中去挑選遊戲,對於 XMB 這種橫平豎直的菜單型界面來説,就顯得非常不友好了。


這一點對於電視也是同樣,智能電視下的生態也是由不同的 App 統治,而非以往的本地視頻播放器和音樂播放器,裝的應用越多,XMB 界面就越難找到。

所以你可以看到智能手機帶來的影響究竟有多大,觸控和應用兩大操作邏輯不僅輻射到了電視,甚至還進一步殺死了曾經遊戲機上最經典的操作界面。

但也不必可惜,因為 XMB 已經完成了它的歷史使命。XMB 界面逐漸消失有其歷史的必然性,但其存在過的痕跡與意義卻不會被抹去,它會與玩家的記憶一同組成了Sony偉大光環的一部分。


資料來源:愛範兒(ifanr)

留言


請按此登錄後留言。未成為會員? 立即註冊
    快捷鍵:←
    快捷鍵:→