立場新聞 Stand News

好睇又好用?介面美觀和可用性的反思(下)

2017/8/13 — 20:54

今次談到的Craigslist,無論是結構和視覺設計都和超級貨倉有很多相似之處
資料圖片:Axisadman @ Wikimedia Commons (License: CC BY-SA 3.0)

今次談到的Craigslist,無論是結構和視覺設計都和超級貨倉有很多相似之處
資料圖片:Axisadman @ Wikimedia Commons (License: CC BY-SA 3.0)

【文:David Tong 唐廸偉】

上星期我們用櫃員機做引旨,介紹了可用性(usability)和它五個常用指標。筆者希望從中帶出一個重點,就是新穎好看的介面並不一定代表比較好用,反而往往會忽略可用性的實質考慮。不過,像網站這些給大眾使用的數碼産品,視覺效果無可否認主導了整個使用經驗。假如有一個網站反其道而行,着重功能和可用性,而甚少處理介面的美觀,情況又會如何?我們今次就看一個真實例子。

實而不華的Craigslist

廣告

Craigslist是一個分類廣告網站,1996年在三藩市創立。現今已經在七十個國家,超過七百個城市建立分站,而香港也有自己的分站。雖然它已經有二十年的歷史,不過一直沒有被淘汰。根據Amazon Alexa的最新統計,2017年它還踞於全世界熱門網站第89位(現時互聯網已經有超過12億個網站)。作為一個前輩級網站,它多年儲下的用戶群和龐大資訊當然是競爭優勢。另一方面,它實而不華而且多年不變的外觀亦吸引不少注意和評價。

廣告

作為一個分類廣告網站,它的主要功能是讓使用者瀏覽和上載資料。這意味着它要處理龐大而且不斷更新的內容。讀者可以想像它是一個對外開放的超級貨倉,每天接收成千上萬的貨物;要將它們有組織地安置,而又要讓外來訪客容易地找到,絕對不是一件易事。

面對這個挑戰,Craigslist採用最樸實最直接的方法,就是將首頁設計成一塊指示牌。一進入網站首頁,就會發現主要項目已經分類成住屋,求職,二手貨等。首頁左邊亦有一個月曆和搜尋引擎,讓使用者有其他搜尋方法。由此可見,清晰的內容分類和便捷的瀏覽過程一直是Craigslist的優先考慮。這個設計也提高了網站的易學程度,令使用者十分容易上手。

同一時間,Craigslist對樸素外觀十分執着。它剔去所有多餘圖像和視覺效果,網頁以純文字和藍白灰三種顔色為主調,就連公司商標也只採用簡單的文字設計。讀者看到上面的截圖,或會以為這個網站停留在90年代—沒錯,到2017年它還是沿用這個簡樸而充滿懷舊味道的介面。

當然,這份執着也不是沒有道理。因為就像貨倉,Craigslist沒有修飾的外觀或多或少反映了可用性的實際考慮,例如簡化視覺效果可以讓使用者更集中的瀏覽資料,同時也降低網站負荷。雖然美觀欠奉,但亦有人認為Craigslist多年不變的設計已經變成它的標誌,在一眾追求新潮設計的網站中保留着獨特風格和態度。

不過簡樸保守的介面設計亦無可避免為Craigslist帶來問題。例如主要按鈕(就如my account我的帳戶)太不顯眼。另外,對初次使用的人來說,一個網站的外觀設計很大程度影響他們的第一印象和信任;而Craigslist在這一點確實有不少改進空間。畢竟大眾在互聯網的使用習慣和期望一直隨時代改變,如果Craigslist堅持沿用同一設計而不作任何修改,難免有一天在競爭激烈的互聯網中被對手超越。

Craigslist當然是一個奇特例子,其他網站很難直接複製它多年建立的模式,但透過它我們可以看到,只求可用性其實和追求介面好睇一樣,都為産品留下問題。總結來說,可用性和介面美觀的關係其實就像某個飲品的經典廣告歌詞—「如果太多牛奶味,朱古力味就冇掟企, 等到朱古力味返番嚟,牛奶味又唔爭氣」—只集中資源到其中一項都不是理想做法,唯有將兩者平衡配合才能相輔相成,發揮好睇又好用的效果。

回到設計的初衷

把兩者平衡,說就容易,實際上是如何達到呢?很可惜,和某牌子的朱古力奶不同,可用性和美觀的平衡點並沒有劃一標準,亦沒有一本天書走天涯的道理。因為每一項科技産品有獨特的背景,因素和挑戰,所以都需要個別的策略和解決方案。這意味着拿捏平衡的方法就是回到設計的初衷—即是對産品目的,使用者期望和市場趨勢三方面的準確瞭解。在建立過程中,設計團隊亦要不斷提醒自己,所做的決定都要呼應這三方面的需要。

另一方面,使用者經驗設計師的工作一直強調從使用者的角度和需要出發,所以無論是美化介面或提高可用性,都不能單以設計師的個人判斷為唯一標準。因此他們尤其需要目標使用者的意見,而可用性測試(Usability testing)就是收集反饋的一個方法。可用性測試能夠協助設計師了解産品的易用程度和發現一些潛在問題。就像櫃員機例子,雖然筆者不清楚系統有沒有經過可用性測試;不過若果有的話,錯誤提款的情況其實也不難被發現。那麼可用性測試本身的內容有什麼?當中又有什麼有趣之處?我們下次再談。

發表意見