美文网首页视觉艺术
UI组件——分页简介

UI组件——分页简介

作者: 嘎嘎开心 | 来源:发表于2022-04-10 09:52 被阅读0次

分页是一种 UI 模式,可将内容拆分为单独的页面。它通常由位于页面顶部和/或底部的一排数字表示,并包含允许在页面之间切换和转到第一页/最后一页的控件。

从心理学的角度来看,分页对于任务驱动的活动更有意义。不仅如此,当用户可以看到列表的开头和结尾时,他们更有可能采取行动并做出选择。

首页控制

您知道上一个按钮如何将您带到音乐曲目的开头吗?我们使用双 V 形图标将用户快速带到第一页。这在具有多个页面的产品中尤为重要。

最后一页控制

与第一页控件类比 , 此时右侧的双 V 形图标代表最后一页控件。当页面很多而用户看不到结尾时,右双 V 形将迅速将他们带到最后一页。

上一页控制

你不能回到过去(现在!),但你可以回到上一页。单个向左的V 形图标可帮助用户做到这一点。

如果没有上一页可以转到,请禁用上一页链接。

下一页控制

看书的时候,翻一页就到下一页了。单个向右 V 形图标或下一步按钮允许您在数字界面中执行相同操作。

禁用最后一页的下一页控件,以免用不存在的东西诱惑用户。

手动输入控制

手动输入永远不会过时,因为它们允许更好的控制。用户可以输入准确的页码,而不是繁琐地逐页单击。当用户知道他们想去哪里时,它特别方便。

页面计数器

页计数器显示剩余的页数。那有什么意义呢?它会通知用户接下来会发生什么,并有助于时间和内容估计。

允许用户更改每页的项目数

为了增强可扫描性,让用户选择他们想在每页看到多少项目。尝试提供不同的数量,例如 20、50 和 100,而不是在项目控制区域中塞满 10 的倍数,例如 10、20、30 和 40。

简单的分页样式

在分页方面,简单性是功能不可或缺的一部分。力求减少,用符号替换文本并摆脱分散用户注意力并造成视觉混乱的元素,例如下划线。

经过深思熟虑的页面控件允许用户在页面之间快速跳转,就像 Dance Dance Revolution 的专业人士一样。

为点击提供足够的分页间距

在页面控件之间留出足够的间距。靠得太近的页面链接更难扫描和点击,而且看起来凌乱且过于拥挤。点击区域应该足够大,以防止用户意外误点击相邻页面链接。

本文内容为转载

相关文章

网友评论

    本文标题:UI组件——分页简介

    本文链接:https://www.haomeiwen.com/subject/zrbprrtx.html