共用方式為


不吐不快

芒刺在背

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 與他聯繫。*