我需要幫助解釋我的老闆爲什麼她的客戶的網站上她的設計很差。她對網絡毫無所知，作爲一名網絡開發人員與一名平面設計師（甚至不是網頁設計師）的女性一起工作可能會很困難。在她設計的當前網站上，根據她的說法，圖片欄「需要」大約爲1200px，但對內容沒有必要。速寫來說明這是怎麼回事：解釋需要避免水平滾動
正如你看到的，旗幟流溢過去內容的960像素和寬1200像素。當所有內容在960像素寬的視口內可見時，這將創建一個水平滾動。我需要將其設置爲img>而不是CSS背景，因爲它是一個從圖像到圖像漸變的jQuery幻燈片。
我認爲這是一個很大的問題，因爲很多人在瀏覽器中會看到所有相關內容時會在其瀏覽器中添加水平滾動條。她認爲沒有人會注意到，它會沒事的。我認爲這對最終用戶來說是非常糟糕的做法和混亂。
我該如何向她解釋問題？
問她是否想打開小冊子，只看到其中一個褶皺是不必要的，因爲它只是有一些標題圖像溢出到它（但沒有內容）。
XXXXXXX|XXXXXXX
XIMAGEX|XIMAGEX
XXXXXXX|XXXXXXX
|
Some | (but
content| this
here | is
| blank)
+1 - 不錯的想法... – DVK 2010-03-23 17:26:06
@DVK謝謝！ :) – 2010-03-25 14:19:12
兩點我會做：
最大的問題不一定是他們需要滾動才能看到內容，它甚至不是內容。橫幅只是在子菜單的右側有一張臉，所以完全沒有必要滾動瀏覽某個人的正確部分，以至於他們並不關心。 – 2010-03-23 17:01:05
在這種情況下，請指出她通過在底部強制使用不必要的水平滾動條來浪費垂直空間。 – 2010-03-23 17:04:27
試過了......她不認爲這是一個問題，我只是一名肛門工程師（這是同一個女人，當我告訴她製作所有的文字圖像，所以字體可以是Futura絕對荒謬）。 – 2010-03-23 17:13:48
將她指向尼爾森 - 這是最着名和頂級的網絡可用性專家。
「水平滾動條」是錯誤＃3「Top Ten Web-Design Mistakes of 2002」文章
而且，指出（不知道尼爾森一樣）是絕大多數的小鼠沒有水平滾輪（這是一個在討論尼爾森文章的文章的評論中提出的觀點）。
另外，做通常的UI事情 - 測試！
挑選5個理想匹配所需用戶配置文件的隨機人員。要求他們用模擬了，沒有任何警報，並觀察哪一個比較省事/快（和要求，也obseve不問）
請勿使用水平滾輪？或者是否有VERTICAL滾輪？ – 2010-03-23 17:10:33
Oupsie :)固定 – DVK 2010-03-23 17:15:06
2002？雖然我喜歡這類研究，但2002年在互聯網上是古老的。他們肯定有更新的版本？ – 2010-03-23 17:21:36
嘗試這兩點說服她：
顯示她關於最常用的瀏覽器分辨率的一些數據（仍在20％的網民有1024×768屏幕分辨率）
具有網站的某些部分不可見時加載的頁面是不是「用戶友好」（用戶會錯過一些重要信息）
殺死我的部分是沒有信息被切斷......所有的實際內容仍然可見，並且在960像素的限制內，這只是一個愚蠢的圖像，溢出了頁面。 – 2010-03-23 17:04:56
我有一個1600px寬的寬屏顯示器，但瀏覽器內容窗口通常在800x600左右。 （我可以，而且經常這樣做，可以在這個分辨率下安裝四個窗口---文本編輯器，瀏覽器，聊天，終端，閱讀器，電子郵件，文件夾......），但是你不能屏幕分辨率與頁面分辨率相同。 – 2010-03-23 17:48:35
@rogerpate 我同意你的100％。她對2件事情「積極」。我們的大多數用戶將擁有像我們這樣的寬屏顯示器（儘管我顯示了她的相反證據）。其次，沒有普通用戶會注意到水平滾動條，所以它滾動顯示沒有內容的事實不是一個問題......我顯然正在失去這場戰鬥 - 如果你與一個傻瓜進行爭吵，你已經失去了。 – 2010-03-23 17:59:29
人們從左到右，從上到下（或從一些國家的從右到左）閱讀。因此，他們可以在需要開始滾動之前閱讀更多內容，因爲他們只需要垂直滾動。
如果您引入水平滾動，那麼用戶必須在每行的末尾滾動，而不是在每個頁面的末尾滾動。
幾乎每個人現在都有一個滾輪鼠標，但只有極少數人有側滾動的滾輪鼠標。甚至更少的人甚至知道車輪可以側滾！
讓她咀嚼。
我不認爲鼠標滾輪非常咀嚼，雖然我的孩子在年輕時不同意 – DVK 2010-03-23 19:44:04
你應該給她的例子，並告訴她她正在嘗試做什麼。你真的想水平滾動來獲取頁面另一面的信息嗎？
看起來像一個很好的答案，但鏈接已關閉... :( – 2013-03-18 20:36:12
可以在整個旗幟，在它所有的部件圖像被縮小到窄？ （無可否認它也會更短，可能更難以閱讀等）。那麼如果右邊的臉真的很重要，那麼它仍然是可見的......水平滾動真的非常糟糕。但我想你（和其他人）已經知道:)
我可以縮小它，但我們需要臉被推得足夠遠以至於漂浮在那裏的子菜單超過純白色並且不被臉部遮住 – 2010-03-23 17:10:03
主要內容區域能夠縮小以容納它嗎？但是現在你又在談論縮小比例整個網頁，你在潮流中游泳，我感到你的痛苦:) – odavy 2010-03-23 17:14:49
嗯。這聽起來像你們需要一位需求分析師來在這裏中間。我認爲，確定一個符合巴斯夫規範的解決方案是符合公平的。假設大多數應用程序的「大多數」用戶將擁有寬屏幕是不夠的。似乎她很難解釋爲什麼她不能重新設計她的橫幅以便更小&符合所需的尺寸。
我認爲用戶將完全注意到水平滾動條，並被它所惱怒。因爲這不是大多數用戶習慣看到的東西（不能想到有任何主要網站），他們會（實際上）學習新的東西來使用您的網站，這是不好的。他們應該能夠看到一個網站，並能夠立即使用它，而不是花幾秒鐘的時間來確定滾動條不會顯示任何新內容，只是頭上的附加圖形 - 這幾秒鐘你失去了什麼人。
我還想知道，如果在水平滾動條上有任何部分508的指導。這對你們並不重要，但我正在開發政府網站，所以508對我們來說每天都是一件大事。如果您的用戶只使用鍵盤或屏幕閱讀器，則該滾動條不僅僅是煩人的。
這並不回答這個問題，但可能值得使用「最大寬度」而不是寬度。如果你幸運的話，那麼你可以取悅你的老闆和世界其他地區。更改背景圖像可以通過JQuery完成，所以你的效果應該是可能的。:) – Amadiere 2010-03-23 16:54:03
我知道你可以改變背景圖片，但從背景圖片到背景圖片的淡入淡出是不可能的。 – 2010-03-23 17:00:45
您可以在jQuery中使用.fadeIn（）/ .fadeOut（）/ .fadeTo（）。我會說褪色到像白色，然後到下一個圖像，然後到白色，然後到下一個圖像等純色。 – 2010-03-23 17:03:30