位置：首页>> 网络编程>> 网页设计>> 交互设计模式——分页

交互设计模式——分页

作者：yuzongbo　来源：蓝色理想　发布时间：2009-07-30 13:00:00　

标签：交互设计,分页

模式库

在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性。(Yahoo模式库对也有对Pattern的一种定义。)

模式归属类别

为了方便调用和维护模式库中的各种模式,首先将模式库中的模式分成三大类:用户需求,应用需求,语境下的设计.在用户需求类别中,有一种类型叫基本交互。这里我将从这个纬度把基本交互中所涉及的模式一一罗列讲解。

Pagination(分页,标记页数)问题摘要

用户需要查看数据的一个子集,却发现所有数据是显示在一页的,这时候查看变得非常不容易。

实例

何时使用

当一个屏幕不能承载更多的数据时。
感兴趣的项目通常可以在前几页找到。
需要深入探索数据项,而非考虑内容显示在一个滚动区域。解决办法

综述:打破完整数据,分成更小的项目,顺序显示这些数据和单独序列页。提供分页控制一页一页地浏览。提供链接让用户浏览网页的前一页和后一页的这种行动。此外，提供连结到最开始和结束的资料组（第一个和最后一个)。如果数据集是可预知数量，就显示一个链接的最后一页。如果数据集是不可预知数量或显示有可能是不同规模的（例如，来自于搜索引擎的结果数据)，请不用担心要显示链接到的最后一页。

项目分页

拆分项目列表成为一个序列的网页。
提供可访问前一页和下一页网页信息的链接。
提供可跳转到浏览第一页和最后一个页面的链接。
提供用户正在浏览的什么类型的对象信息。
提供用户正在浏览一套物体的有关信息.使用形式:”[$ObjectName]s [DisplayedItemRange] of [TotalItems]“
本环节的顺序如下：第一页，上一页，下一页，最后。
使用的图形箭头，以增加链接的目标大小。
显示翻页在不可用情况的管理显示状态。

搜索分页

使信息转化为按相关性分类排序的一系列网页。
提供分页控制来提供访问分页内容。

2 3 下一页

投稿

交互设计模式——分页

猜你喜欢