需要一些web用户界面帮助-显示7个选项，这些选项非常长，每个选项都有大量的内容。

Question

我不是一个伟大的UI设计人员，所以我想我应该把它扔给那些更擅长设计界面的人，这些界面是可用的，并且有可能看起来很好。

我有一个公共网页的网站，有很多副本(如在文案)。这一节由7大部分组成。每个部分都有许多段落，可能还有一些图像。

现在，章节标题有点不传统，因为它们很长--它们实际上是向用户提出的完整的问题。我想他们的想法是，当他们浏览这些问题时，如果适用于他们，他们就会阅读以下段落。

如果我把所有的章节放在同一个页面上，那么页面就会很长。我不认为用户会向下滚动到问题5-7。

我不知道如何将这些“问题”放在常规的“左侧栏”菜单中，因为这样做只会在屏幕上垂直占用太多的空间。

有没有人建议如何设计这样的网页，使其最小化或完全消除滚动，允许用户扫描这7个问题，让用户阅读所有的文本等非常容易？

如果需要的话我可以使用javascript。当涉及到UI时，我只是不太有创意，所以我不知道该做什么。这并不是一个真正的问题，这更多的是一个创造力问题。我是一个服务器端程序员LOL。

如果你真的可以在网上提供一些成功或有利可图的网站的例子来证明你的解决方案，那将是一个额外的好处;)

谢谢!

Answer 1

您可以给每个问题一个标题(原始问题的一个简短版本)，并折叠长版本。使用前面的"+“符号或标题下方的”阅读完整问题“链接，您将指示有更多的文本。

Answer 2

我建议在一定数量的字符上去掉问题，加上“.”直到最后。如果用户悬停在文本上，请展开问题。首先请参阅http://api.jquery.com/hover/。

Answer 3

请看以下链接

1. http://www.microsoft.com/visualstudio/en-us/products/2010-editions/ultimate
2. http://office.microsoft.com/en-us/excel-help/create-or-delete-a-pivottable-or-pivotchart-report-HP010089893.aspx
3. http://support.microsoft.com/kb/2267642

第一页:包含左边的链接，点击链接将显示内容在右边。

第二页:包含链接在顶部，点击链接将采取内容，在内容的末尾有一个链接到顶部第三页:简单到第二，但内容是可接受的。

您也可以使用手风琴控制( http://docs.jquery.com/UI/Accordion )。

对于上述解决方案，您可以使用或JQuery。