不吐不快

芒刺在背

David Platt

不久前，本文所示的 Microsoft.com 主頁會對使用者造成身體傷害。 這種傷害是那些應該改進工作的專業人員深思熟慮的結果。 Plattski 誇張說法？ 讀了本文之後，您就不這麼想了。

與很多主頁一樣，中間顯示框架迴圈顯示幾個突出顯示幕幕。 螢幕旁的選項卡連結著當前未顯示的突出顯示幕幕。 這種設計的出發點是好的，但其實現在幾個層面有諸多問題。

首先，在包含連結的選項卡中，文本是豎向排列的，讀者不得不偏著頭閱讀文本。 其次，選項卡和顯示窗格在迴圈顯示不同螢幕時是毫無章法的：有時兩個選項卡都在左側，有時左右各一個，有時兩個都在右側。

這種設計不符合我所謂的 Plattski 脊骨保護法則，該法則意為，使用者脊骨感到不適會令使用者不愉快；因此，應儘量避免出現這種情況。 同行評審期刊“Journal of the Canadian Chiropractic Association”發表了一項研究報告（請參閱 tinyurl.com/2972ea5），對普通人群頸椎疼痛情況進行了研究，54% 的成人表示，他們在過去六個月內經歷過頸椎疼痛，幾乎 5% 的成人表示，頸椎疼痛到了無法忍受的地步。 Microsoft 應該從使用者（或頸椎保護）的角度來考慮，停止這種令人討厭的設計。

一個 Microsoft Web 設計人員對我說過：“它就像一本書。 看起來很酷。 What’s the problem?” Here’s the problem:書名以這種方式編排，原因在於，書本身最方便的放置方式就是這樣。 這是物理介質造成的折衷方式。 不應將虛擬世界裡不存在的物理約束強加于它。

除了頸椎疼痛，在對顯示主題進行迴圈顯示時，選項卡和顯示窗格還會四處亂跳。 顯示區域開始在左側，兩個選項卡在其右側。 7 秒鐘後，顯示區域跳至右側，選項卡左右各一個。 再過 7 秒後，顯示區域又跳至右側，兩個選項卡在其左側。 最後，顯示區域向左連跳兩次，返回起點位置。

圖像變化後，使用者必須重新找到顯示窗格。 如果要按一下連結，連結有時在左側，幾秒鐘之後又跳到了右側。 這種主體導航結構就像打地鼠遊戲一樣。

Microsoft Web 設計人員為什麼這樣設計？ 從常理推測，可能是因為：工具包中提供的預製元件就是這種工作模式，設計人員只是拿出來用而已。 就像一個 6 歲的孩子，在耶誕節得到建築拼裝玩具後說“媽媽，看看我能用它做什麼！ 難道這不酷嗎？”

讓成人感到身體不適一點也不酷。 說得輕一點，是無知；說得重一點，是工作失職。 這是 Microsoft 在上個世紀 90 年代初得到的不認真形象，現在，他們正極力擺脫這一形象。 這並不管用。

要迴圈顯示帶連結的突出顯示幕幕，可以通過更舒適和令人愉悅的方式來實現，就像 MSN 生活方式頁面那樣。 使用者不用偏著頭看。 連結的位置始終不變，顯示區域也是如此。 這種設計易於使用，當然，對於主網站設計人員來說，顯然不夠酷。

最近更新： 本文歸檔的這一周（9 月 20 日），Microsoft 推出了大為改進的設計。 突出顯示主題在單獨的面板中一次性全部顯示。 它們不再移動，無需任何連結來顯示隱藏的主題。 可能是設計人員看到了本文，意識到了他們的問題。 不過，他們已經讓很多使用者感到煩惱和困惑了，我第一次看到這個活蹦亂跳、讓使用者不得不偏頭觀看的設計是在 2009 年 4 月。 不過現在，我知道讀者們非常在意，如果設計人員再犯類似錯誤，隨時會給他們指出來。

我允許網站設計人員以“迫使我的使用者偏頭、使顯示區域和連結左右來回亂跳、讓使用者更愉悅和更有效率，因為 ...”開頭回復本專欄。

David S. Platt * 在哈佛大學拓展學院以及世界各地的公司講授 .NET 程式設計。他著有 11 本程式設計書籍，包括“Why Software Sucks”（Addison-Wesley Professional，2006）和“Introducing Microsoft .NET”（Microsoft Press，2002）。Microsoft 在 2002 年授予他“軟體傳奇人物”稱號。他想知道是不是應該綁住女兒的兩根手指，以便她學習八進制演算法。您可以通過 rollthunder.com 與他聯繫。*