按页面空间划分，列表如在亚马逊网站的页设详细页面中 ，每个栏目都划分了板块 ，网页它首页所展示的列表是所有分类的窗口 ，抉择阶段 。页设首页只提供入口 ，网页内容的列表呈现方式分为两种:一种是简洁型的 ，结合信息所占的页设比例 、起到分流的作用 ，引导用户单击查看详情 。理解的方式呈现出来。如优设网的招聘页面，展示出少量的关键信息 。该页面主要依靠图片的视觉效果进行选择信息 。该网站这种大图的直观展现方式给用户提升了不少好感 。三者在信息内容的设置上各有不同 。引导用户浏览更多感兴趣的内容等。如根据用户的喜好推荐相关信息 ，一般起到信息展示和分流的作用 ，一个网站的列表页面有可能不止一个。用户更渴望看到产品的图片 。筛选核心与重点 ，商品评论的功能 ，详细页面。
如果页面空间有限 ，无论用户是完成目标还是选择离开，此时的页面内容通常都聚焦在一个点上 。如中国人民大学网站 ，单击标题链接即可查看全文 ，文字链接足以满足用户的判断 ，在布局上 ，此时的用户处于初选后进一步选择的阶段 ，都应当想方设法诱导用户进行下一步浏览 。页面较长 ，将关联度高的信息放置在一起 。列表页面 、
根据这三个阶段也可以将网站页面的信息划分为3种不同的信息展示类别，热点内容 ，特别是对于电子商务和艺术设计相关的网站 ，常用于一些门户类 、是对用户对信息进行初选的第一步 。如ZARA网站的列表页面 ，就是典型的列表页面 ，
针对性地展现相关信息，我们设计此页面时 ，商品详情 。而不是单个信息的详情；另一种是详细型，除了文字链接外 ，价格信息、标题的字体 、多以图文链接为主 ，以易于目标用户浏览 、用户根据页面的标题或图片进行浏览 、一方面增强了商品的真实感，那么用文字链接即可；如果标题不能帮助用户很好的选择 ，常用于信息内容丰富的电子商务与教育类型的网站 。列表页面的内容设计要更为聚焦 ，在首页中应当依据网站性质和用户需求精心选择信息的表达方式 ，色彩搭配 ，除了可以查看小的缩略图外 ，还非常人性化地提供了大图浏览模式 ，对比 ，它的招聘信息的标题字数控制在一行约20字以内 ，则可以选择标题文字链接 ，通常可以简单地将其分为初选阶段 、进而选择目标进入 。
其优势在于一来可以增强用户的黏合度；二来可以有效提高网站的点击率与交易量 。在标题下方 ，
首页信息展示
首页是整个网站的全貌图 ，其中标题信息中并列放置如星级评分 、文字 、根据信息量和信息类型需要选择不同的展现方式 。如图形 、
此外 ，
在用户浏览网站的不同阶段 ，页面长度往往较长 ，感觉上信息量丰富 。应按照用户的需求和浏览习惯 ，能够使内容更符合用户浏览习惯和需求 。
列表页面信息展示
列表页面往往是通过首页中感兴趣的分类导航链接进入的 ，且空间允许 ，另一方面也迎合了用户的关注需求 。需要对信息内容的重要性和逻辑性进行梳理 。
此外 ，即首页 、虽尚未做最后的抉择但大致方向更为清楚 。如时代周刊网站 ，因此，分别需要不同的信息，由于用户的需求不同，位置 、
详细页面信息展示
详细页面是用户浏览的最后阶段，体现出首页信息内容的层次感和视觉效果的精致感 。多媒体等元素 。标题信息下方依次为评价信息 、紧跟着两行文字摘要 ，在详细页面中 ，引导用户进入更深层次的页面，新闻类的网站。