翻页思维导图
充分了解互联网中产品经理关于交互规范的内容（翻页），记住关键知识点。
树图思维导图提供 翻页思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 翻页思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：a9eae1cd77ddb10fa597659e2872475f
思维导图大纲
翻页思维导图模板大纲
【设计意图】
满足用户在不同场景下的不同需要
增加操作的易用性
【应用条件】
列表数据条目较多时
文章篇幅较长时
【模式描述】
组成
页码
应用规范
页码少于或等于10页时，只显示应该出现的页码数
鼠标指针经过和按下某个页码区域（此区域高亮反馈），鼠标弹起后页面切换完成
当前页的页码在外观上要明显的区分于其它页码，且不再提供页面链接
已访问过的页码和未访问过的页码要有所区分
显示当前页码的前4页和后4页；前９页和最后９页除外，默认全部显示
设计时，页码的可点区域要相对较大，方便点击
【扩展描述】
1) 上下页
组成
三角符号，“”作为上一页，以“”作为下一页
应用规范
列表的页数在11页以上时，要提供“”和“”的链接
“上一页”和“下一页”在不可点击时变为不可用状态；具体不可用状态参见《界面设计规范》
与其他元素保持适当的间隔距离；参见《界面视觉规范》
2) 首末页
组成
三角截止符号（“”首页截止图标，以“”末页截止图标）+ 文字（首页、末页）
应用规范
列表的页数在50页以上时，要提供“首页”“末页(326)”的链接
鼠标指针停靠到首页链接上，有明确的反馈提示，点击鼠标主键，页面切换到首页，首页变为不可用状态
鼠标指针停靠到末页链接上，有明确的反馈提示，点击鼠标主键，页面切换至最后一页，末页变为不可用状态
末页的链接上要注明最后一页的页码数
与其他元素保持适当的间隔距离；参见《界面视觉规范》
3) 跳转
组成
文字（转到…页）+输入框+下拉图标+页码拖动条+确定按钮
应用规范
页码超过50页时，显示跳转框
鼠标指针移到跳转输入框上，输入框给出反馈，点击鼠标主键，光标被定位到输入框中，此时进入可输入状态，输入目标页数，鼠标点击“确定”按钮或“回车键”，页面刷新后显示信息列表
鼠标指针移到跳转输入框上，输入框给出反馈，点击输入框右侧的“三角”小标，下拉出现浮动层，显示出系统默认提供的部分页码，移动鼠标指针到某一页码上，被选定的页码给出高亮反馈，单击后页面刷新显示信息列表
用户在输入框中输入数字以外的其它字符时，系统要给出错误提示；如：您输入的字符错误，请输入数字！
用户拖拽滑块移动时，输入框中的页码数值同步变化
页码输入后可以通过“确定”按钮和“回车”键两种方式
与其他元素保持适当的间隔距离
4) 数据统计
组成
统计提示文字 + 统计数值 + 数量单位
应用规范
页码超过11页时显示
显示在“首页”位置之前，保持适当的间隔距离
沪公网安备 31011502019485号
上海工商