解释需要避免水平滚动

Question

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

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

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

我该如何向她解释这个问题？

Answer 1

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

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

Answer 2

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

"水平滚动"是" 2002年十大网页设计错误 "一文中的错误#3

另外,指出(不确定尼尔森是否这样做)绝大多数老鼠都没有水平滚轮(这是在一篇讨论尼尔森文章的文章的评论中提出的一点).

此外,做通常的UI事情 - 测试!

选择5个理想情况下匹配所需用户个人资料的随机人员.要求他们在有警告的情况下使用模型,并观察哪一个更容易/更快(并询问,但也可以在没有要求的情况下观察)