解释需要避免水平滚动

Question

我需要帮助向我的老板解释为什么她的设计在客户的网站上很差。她不了解网络，作为一名网络开发人员，与一位平面设计师（甚至不是网页设计师）合作也很困难。在她设计的当前网站上，根据她的说法，图像栏“需要”为~1200px，尽管内容没有必要。快速草图说明正在发生的事情：

如您所见，横幅溢出了960px的内容，宽达1200px。当在960px宽视口中可以查看所有内容时，这将创建水平滚动。我需要将其设为＆lt; img＆gt;而不是CSS背景，因为它是一个jQuery幻灯片，从图像到图像逐渐消失。

我认为这是一个很大的问题，因为当他们仍然可以看到所有相关内容时，许多人会在他们的浏览器中获得横向滚动条。她认为没有人会注意到它会没事;我认为这对最终用户来说是非常糟糕的做法和困惑。

如何向她解释问题？

Answer 1

问她是否想要打开一本小册子，只看到其中一个折叠是不必要的，因为它只有一些标题图像溢出（但没有内容）。

XXXXXXX|XXXXXXX
XIMAGEX|XIMAGEX
XXXXXXX|XXXXXXX
       |
Some   | (but
content| this
here   | is 
       | blank)

Answer 2

将她指向尼尔森 - 最着名和顶级的网络可用性专家。

“水平滚动”是“Top Ten Web-Design Mistakes of 2002”文章

中的错误＃3

另外，指出（不确定Nielsen是否这样做）绝大多数老鼠没有水平滚轮（这是在讨论Nielsen文章的文章评论中提出的一点）。 / p>

另外，做常用的UI事情 - TEST！

挑选5个理想情况下与所需用户个人资料相匹配的随机人。要求他们在有警告的情况下使用模型，并观察哪一个更容易/更快（并询问，但也可以在没有询问的情况下观察）

Answer 3

嗯。听起来你们需要一位需求分析师来介入这里。决定一个broswer规范＆amp;我认为你要遵守的决议是公平的。假设“大多数”用户拥有宽屏幕对于大多数应用程序来说还不够。似乎她很难解释为什么她不能重新设计她的横幅更小和更小符合所需的大小。

我认为用户绝对会注意到水平滚动条并被它烦恼。因为它不是大多数用户习惯看到的东西（不能想到任何主要网站都有），他们（实际上）已经学习了一些新东西来使用你的网站，这是不好的。他们应该能够看到一个网站，并能够立即使用它，而不是花几秒钟搞清楚滚动条没有显示任何新内容，只是标题中的附加图形 - 那几秒钟是在哪里你会失去人。

我还想知道，如果有关于水平滚动条的任何章节508指导。这对你们来说可能并不重要，但我正在开发gov't网站，所以508对我们来说是日常生活中的一件大事。如果你的用户只使用键盘或屏幕阅读器，那滚动条不仅仅是烦人的。

Answer 4

我要提出两点：

1. 否主要网站使用水平滚动。不是一个。这意味着，无论她认为什么是“好”设计，100％的用户都会感到困惑，并且可能永远不会看到屏幕右侧的内容。
2. 水平滚动是折页或“中心折叠”样式页面的等效打印。你会在这样的杂志上写下每一页吗？

Answer 5

人们从左到右，从上到下（或在某些国家从右到左）阅读。因此，他们可以在需要开始滚动之前阅读更多内容，因为他们只需要垂直滚动。

如果引入水平滚动，则用户必须在每行的末尾而不是每页的末尾滚动。

Answer 6

现在几乎每个人都有一个滚轮鼠标，但只有极少数人拥有侧滚动的滚轮鼠标。甚至更少的人知道车轮可以侧滚！

让她咀嚼。

Answer 7

尝试这两点来说服她：

• 向她展示一些有关最常用浏览器分辨率的数据（仍然有20％的互联网用户拥有1024x768的屏幕分辨率）

• 在加载页面时看不到网站的某些部分是“用户友好的”（用户可能会错过一些重要信息）

Answer 8

你应该给她一些例子并告诉她她想做什么。您是否真的想要水平滚动以获取页面另一侧的信息。

http://www.badwebsiteideas.com/horizontal.htm

Answer 9

整个横幅和其中的所有组件图像可以缩小到更窄吗？ （诚​​然，它也会更短，可能更难读等）。然后，如果右边的脸非常重要，那么它仍然可见......水平滚动真的非常糟糕。但我猜你（以及其他所有人）已经知道：）