2024/03/28

2021新春版!後Flash時代:一通HTML5版本UX吐槽大會!!

本文已發佈逾3 年,除非文中有標注更新,否則內含的資訊有可能不合時宜,敬請注意!

當肥叔叔讀到一通投資者(i-access)發過來的那個Email,說HTML5版本「即將推出」的劈頭第一句就寫「一通現正將舊版一通網更新為HTML5版本,為了讓客戶容易上手,新版一通網會盡量保留舊版本的操作模式」,再看到下面的幾個截圖,就心知不妙。

聖誕假過後的12月28日,Adobe的Flash彈出了「終止支援宣言」。同一天,一通也好像無聲無息地推出了這個遲了最少10年去取代Flash版本。

Adobe Flash的官方死期是2021年1月12號。不知道一通那邊的平行宇宙,Macromedia的Flash有沒有死期?哈哈哈

一通投資者桌面的這個偽視窗的所謂設計,從第一天開始筆者就覺得是反人類的神級操作,要不是幾個先已經提過的理由、要不是個別操作真的一定必定絕對只能限制在桌面版上面使用(和寫這篇吐槽文),筆者真的寧願去用那個去給Windows CE用的所謂手機版,也絕對不會用這個桌面版本的。

如果還未「有幸」用過一通反人類UI的朋友,希望這篇文章能為你開下眼界。

神操作之一,偽Windows

這個偽Windows的設計,不但是要吐槽的核心,但更可怕的是,一通的Email更洋溢一種對這個反人類神操作有一股莫名的、不知從何來的自信!

點擊那個充滿1999年科網熱潮氣息、充滿Cyber感的網站主頁上,點擊「客戶登入HTML5」的按鍵,即可進入一個頁面。

2021年的初春,看到深藍的Cyber風、偽金屬的反光、看不清的大圖作網站背景,有著2001年的風格的一通投資者網站。配合Windows 98SE和Internet Explorer 6服用,風味更佳!

我說是說入一個頁面,不是「登入」,因為只有一通的公司Logo和在2021年還要裝「金屬質感」類似硬幣的東西,官方叫法是「功能鍵」,肥叔叔就叫它做「做乜銀」──因為用戶「做乜」都要點擊這個(粵音ngan2,與【忍】字同調)

點擊「客戶登入HTML5」的頁面,原來這叫「簡單易用」。但筆者第一眼看到的想法是:「有冇說明書?要落分行定係打電話」

不但沒有任何「登入」並開始下載一大堆檔案。對,一大堆,筆者家用香港寬頻1000M和理論速度1500Mbps的路由器,用了8.77秒,不比我去下載一個整個Linux、幾百MB的ISO快多少。

如果筆者10年前正職負責的互聯網應該要8.77秒才把一個甚麼都沒有的網上應用下載完,2021年的今天應該已經繼續領了10年綜緩,不要說本網站的寄存,吃飯加$2的凍飲錢也付不出來。

那對住這個沒空空如也的畫面,說是「客戶登入HTML5」畫面,連個登入框都沒有,哪我要做甚麼呢?對了,就是要找「做乜銀」了!因為要點擊「做乜銀」,登入框才會跑出來。

如果筆者不是一通長年用戶,應該會一頭霧水吧?還是我得在疫情期間跑去一通客戶中心親自要哥哥們教我怎樣使用?可惜對客服哥哥們來說,我是肥叔叔,不是靚妹妹。

還沒有開就用,登入就夠反人類了,果然如電郵所說「與別不同的用家體驗」。

要偽裝是Windows的界面,當然少不了右上角有「加減叉」三鍵的「視窗工具列」。這個視窗工具列也不是你的Windows、你的MacOS、你的ChromeOS、你Linux上面的Gnome或KDE的視窗工具列。No no no!你太天真了,說明了「與別不同的用家體驗」,你竟然期待會跟地球上99%的Windows式界面相同?是這樣的話,就不叫「與別不同的用家體驗」啦!

「視窗工具列」的「加」是把視窗放大,「減」是把視窗縮小,「叉」才是真的關閉!

 

你以為視窗上面的「視窗工具列」是你認識的「視窗工具列」?別太天真x2了,再次見識一下「與別不同的用家體驗」吧!

「關閉」視窗的概念也夠奇葩!就拿,一開始在「客戶登入HTML5」畫面就不會顯示的登入框,在點擊「做乜銀」召喚出來以後,竟然也有個「關閉」!而且也真的是「關閉」,因為點擊後就從宇宙中消失,就算再去點擊「做乜銀」都不會再跑出來!

怎辦?F5或者Cmd+R!把這頁重新加載!──神操作!

神操作之二,「做乜銀」功能鍵

「做乜銀」這東西,本身就是一個常識不適用的領域了。

一通桌面版「做乜」都要用到的「做乜銀」功能鍵。兩層的「功能菜單」每次「展開」都有半秒風車旋轉型的動畫轉出一層、一秒旋出兩層,你能想像秒秒幾廿萬上落的資本市場,沒有了這兩秒動畫,人們會有多大的損失?

電郵寫「此新穎功能菜單所佔空間極小」,首先Windows 95「發明」了「開始」鍵,一通那個Flash版也用了不知多久(從我們這邊還有Macromedia的時代開始?),「新穎」功能中的「新穎」定義是甚麼?另外,22個平均210 kB的PNG和2個51 kB的PNG圖檔,所謂的「空間」,應該不是檔案所佔下載頻寬的空間吧?

筆者見過可能是互聯網史上file size最大的「菜單」。謹祝用SIM卡上網的朋友用一通桌面版能賺大錢,要不連花在這個「乜銀菜單」上的data錢也不夠…

為何是半透明的PNG?為何不是SVG?Flash的時代不是很歡喜Vector向量的嗎?Adobe,呀,不是Macromedia放棄了Flash,可人家沒有放棄Vector向量格式唄?還是在平行宇宙彼岸的「宏媒體Macromedia」只能用PNG呢?

這個「做乜銀」,中間有一通Logo的可以當作是Windows的那個「開始」鍵同類的東西,官方叫法是點擊這個「功能鍵」去「展開功能菜單」,肥叔叔叫它做「乜銀菜單」。

一通桌面版,「乜銀菜單」打包22張全超高清無碼無壓縮透底免費下載!

展開功能菜單的動作是好有型的,點擊後就會花個半秒左右旋轉放大轉出來,縮回去又是半秒,所以來回就是一秒,要是day trade的朋友,一天可能就有幾分鐘時間去消耗在這個充滿意義絕對能夠為用戶帶來賺錢和鑒賞價值,「與別不同的用家體驗」。

可是,放攤大要半秒、縮回去要半秒,但從展開那個「乜銀菜單」到自動地把將「乜銀菜單」縮回去的時間就絕不長,只有十秒。可能是冬天太冷的關係?「乜銀菜單」這麼快就自己縮回去「做乜銀」?

「乜銀菜單」有兩層,要是像第一層的選單只有四個選項,那十秒也叫勉強足夠。

 

可是,作為凡人的筆者,雖然閱讀文字和理解力已經不算慢(至少是供普通人類閱讀的格式),但對這個本身已經是神操作、反人類設計的「乜銀菜單」,在第二層最多可以有7個選項的二層「乜銀菜單」,就頓時變得有閱讀障礙。而且一通作為對閱讀障礙用戶的懲罰,不但不能在10秒內這個二層「乜銀菜單」讀完和點選的用戶,要體驗兩層「乜銀菜單」都要在10秒內全部縮回去,要再選就要重新從開始一層一層去點選。也就是浪費更多時間去等「乜銀菜單」轉來轉去了。

「嶄新的功能菜單」,名不虛傳!

以這邊宇宙的人類思維,去猜平行宇宙彼端的反人類神操作

吃互聯網這行飯也吃了好多年,筆者在沒有具體背景和文檔下,逆向思考去「猜」原設計者的想法也多少有實戰經驗。

做過近○○年IT/互聯網,用過了幾年一通,至今每次見到一通桌面版的這個偽Windows的設計也仍然未能用常理解釋。

這樣的UI設計,發現因為大部份「古代」的股票交易軟件(甚至是的「現代」盈透的那個要安裝在TradeWorkStation,TWS),都有類似的設計──概念大約就是,大致是想要想偽裝成Windows,每個功能都是一個視窗,「要是用戶有需要的話」,他們就可以把n個功能視窗好像Windows的界面一樣都開在瀏覽器上面了。分別是,人家的軟件不是在瀏覽器罷。

一通電郵中就寫「用多層視窗顯示,客戶可同時開啟多項功能。視窗亦可隨意移動擺放在瀏覽器內任何一處」。

世界很美好呢,對吧?

前題是,真有人這樣用?我瞎猜你也不能夠給到我具體的答案吧,因為一通HTML5版網站就貌似沒有任何可以作網站分析收集數據web analytics的tracking code(追蹤代碼,大陸好像叫「埋點」)的。如果真的不幸言中,那別說甚麼用戶體驗了,大概連用戶怎樣用你的網站都也沒有科學方法去收集分析,所謂的設計很大機會就是誰高級誰大聲誰有想法誰說了就算。

那假設好吧?假設在沒有客觀數據支持的情況下,還真的給「設計的決策者」猜中真的有大多數使用這種操作的用戶,那還得拖來拉去的視窗操作是要夠順才行──筆者的電腦是台用5代i5、8GB記憶體RAM的MacBook Air,雖不是甚麼i9、16核加上挖礦級顯示卡之類的,也不是那些一邊玩GTA5還可以把所有設定都最高再在Twitch直播的玩家級機種,但在瀏覽器drag個<div>也夠吧?

Sorry,這個case是不行,拖視窗時卡得死死的,粵語講的話,就是「窒到阿媽都唔認得」!

是瀏覽器不可以做到嗎?肯定不是,筆者近十年前的某份工就用過一套香港本土開發的,也是UIUX不知所謂、也是不知何故要偽裝Windows視窗操作的HR用請假系統,不過人家用了jQuery和jQuery UI之類的javascript library,而不是自己捲起衣抽從getElementById寫起。

其次是,要偽裝是Windows,也裝不了多少。本身的Flash版本的UI的神秘操作(其實是bug吧!?)也給「忠實移植」到這個HTML5版本,就是點擊了某些按鍵彈出有關的視窗後,那個按鍵竟然會自行消失。點了個鍵會消失這個「嶄新的界面概念」在Flash版本也有,果然是如第一個官宣「升級HTML5」電郵中寫的「一通客戶對新系統絕不會陌生」。

像〔賬戶〕下的〔投資組合〕視窗內除了「更新」的所有按鍵,就可以一個一個去消失;同樣是在〔賬戶〕下的〔結餘〕的一排功能按鍵也是一樣。

原來要去把那個消失了的按鍵再召喚出來,竟然是要按「更新」!真的要看說明書才知道(如果說明書不會10秒內消失)。

結語

肥叔叔用了一通都好幾年了,老實還,這樣一邊吐槽一邊用, 原因還不是那幾個。雖然資產不多,但作為這選忠實的用戶、加上是互聯網業界的一員,看到這家當年「走在最前」、掛出「香港首家特價證券商」、還在標榜「網絡就是生活」的一通,也「就得咁多」,失望嗎?不,你對他們有希望、有期望才有失望吧。

應該說,這一系列的反人類、神操作,也如實反映了這個還在幻想把「金融科技」掛在口邊的「亞洲金融中心」的業界的現實吧。

P.S. 難為他們在某處塞了一句用來施展魔法的咒語「wearethefirstandbest」………看來我好像用回手機版比較,咳嗯,安全