服务热线 400-660-8066

长沙网站建设
首页 站内资讯

长沙网站建设

站内资讯
长沙网站建设 / 站内资讯 / 产品资讯 / 正文

用什么网站做落地页码-分页导航 分页导航几乎在哪个网站都可见.好的分页导航能给用户

来源: All智能文章
发布时间:2023-02-06 13:03:35

1、分页导航 几乎任何网站都可以看到分页导航.良好的分页导航可以给用户

    在浏览网页时,经常会遇到分页导航。分页导航主要有四个功能:告诉用户要浏览的信息量;让用户快速跳过一些不想看的信息;便于定位和搜索;减少页面大小,提高加载速度。此外,分页导航实际上给了浏览网页的用户一些停顿,可以使产品更有节奏,减少用户浏览的疲劳。  以国内外几个常见网站(主要是搜索引擎和电子商务网站)为例,分别从几个方面讨论分页导航的设计。  1.分页导航长度  分页导航既不能太长也不能太短。过长的分页导航增加了用户的负担;过短的分页导航不能起到很好的导航作用。  淘宝和京东的分页导航页数为6,Google、Bing和Yahoo是10。亚马逊采用可变长度的形式。起始长度为10,随着页面的下翻,页数逐渐增加,最终保持20页;Amazon最初只有4页,**保持在5页的数量上。  Google的分页导航  Bing的分页导航  Yahoo的分页导航  的分页导航  Amazon的分页导航  淘宝分页导航  京东分页导航  由此可见,电子商务网站的分页导航页码数量普遍低于搜索引擎。当然,主要原因是电子商务网站的搜索结果远低于搜索引擎。其次,由于电子商务网站主要销售商品,他们更愿意让用户仔细浏览前几页的商品,而不是引导用户点击任何页面查看商品,而不是向用户展示信息。  2:首页和末页导航链接需要吗?  Google、Bing、Yahoo、Amazon、、在淘宝和京东的分页导航中,没有主页和**一页的链接。  Google、Bing、Yahoo而且这些搜索引擎没有主页和**一页,我们可以理解,提供**一页意义不大,因为搜索结果太多,页数太多。他们的分页导航长度超过10页,用户可能会在10页内找到他们想要的信息。即使找不到,他们也可以通过点击**页轻松返回主页,所以主页链接没有用。  而Amazon、电子商务网站,如淘宝和京东,用户的商品信息需求更加个性化,对搜索准确性的要求也不如搜索引擎高。因此,电子商务网站用户所需的商品信息更接近于每个搜索结果页面的平均分布,而不是像搜索引擎一样集中在主页上。此外,另一种可能性是,如果用户发现结果越来越偏离他们的需求,他们通常会修改搜索条件(如限制男装、女装、品牌等)。或重新搜索。  此外,上述两类网站的共同点是,默认情况下,搜索结果中的链接将在新窗口中打开。因此,如果用户想在浏览后面的页面时浏览主页上的商品信息或搜索结果,可以通过切换窗口来实现(前提是你没有关闭窗口的强迫症)。  3:是否需要定制页码  对于选项数量有限的分页,自定义页面非常常见。淘宝和京东都提供这种导航方式。然而,在我看来,在这个信息量大的页面上,用户往往不知道具体页码上的具体内容,因此不太可能定制页码查看。我们可以把淘宝和JD.COM提供的这个功能理解为对导航页码中没有主页链接的补充。此外,电子商务网站提供这种自定义页码功能,也可以从电子商务平台的角度提高排名较低的商品的曝光率,这也是一种需求。  4.页码间距  页码间距太小,用户容易误点击;如果间距太大,鼠标就会增加。在这一点上,Google好像做得不好。双位数页码出现后,Google分页导航有点拥挤。我们可以把这理解为是Google确保每个页码数字与分页导航上方的字母o对齐。  两位数页出现后,Google页码间距太小  5:鼠标响应  在理想情况下,当鼠标通过或点击页码时,页码应该有响应。这可以提醒用户鼠标当前划过或点击的页码。当鼠标划过页码时,淘宝将相应的小方框添加到橙**order,京东将相应的小方框变成蓝色和Bing将相应的小方框变成灰色,而谷歌则将相应的页码数字加上下划线。点击鼠标时,和Google将相应的页码数字变成红色。  上述处理方法应正确,但是Google处理方法有点令人费解。给链接加上下划线,原来是HTML默认处理提醒用户这是一个链接,这似乎是中企动力网的父亲TimBernersLee所定义的。然而,随着用户对网页的熟悉,用户知道这是一个链接,即使他们不加下划线。我记得6月份,新浪删除了主页上所有链接的下划线。当时我真的觉得页面清爽多了,但是没过多久又加了。回头看,看Google鼠标放上导航链接时,会出现下划线,甚至上一页和下一页这两个链接也会有下划线。就我个人而言,我认为这可能是不必要的,因为绝大多数用户已经知道这是一个可以单击的链接。也许Google用这种复古风格来展现与众不同。反正复古和屌丝只有一步之遥。  6:上一页和下一页  上一页和下一页通常放在页码导航的左右端,通常有向左和向右的箭头来形象地引导用户,如Yahoo、Amazon、、淘宝和京东。  上一页和下一页的位置也很重要。位置**相对固定,这样用户就可以轻松地使用上页和下页切换页面。在这一点上,上述网站都做得很好。前20页的分页页码会随着页码的下翻向右移动,这种体验不是很好。可能的出发点是让用户在20页内轻松切换页面。  此外,淘宝和京东还在页面右上角提供了简单的上下功能。以下是完整的分页功能,以上是简化功能。很容易理解产品页面下的完整分页功能,因为用户在翻页前浏览页面产品,所以将完整功能放在底部。用户什么时候需要在产品页面上使用分页功能?也许是当用户不想看产品页面内容就翻页的时候,也许是当用户想知道自己在哪里的时候。此外,由于产品页面上部的分页模块通常与产品筛选条件模块放置在一起,因此这里的功能需要尽可能简化和节省空间。此外,淘宝和京东还显示了搜索结果的总页数,可以为用户提供决策支持信息,以重新输入搜索词或修改搜索条件。  淘宝页面右上角简单翻页功能  JD.COM页面右上角功能  7:当前页面  用户当前页面的页码应与其他页码的样式不同,以提示用户当前位置,便于导航。Google、Bing、Yahoo和都用黑色字体表示用户当前页面的页码,京东用橙色字体表示,淘宝将当前页面的小框背景设置为。  另外,当前页面应该是不可链接的,所以鼠标放好后不应该变成hover状态。在JD.COM的网页上,当鼠标放在当前页面上时,当前页面会像其他页码一样变蓝,鼠标会变成手指的形状,误导用户认为当前页面可以链接。  新浪微博值得一提。默认情况下,新浪微博将用户向下浏览,自动加载两次,然后出现分页。对于大多数用户来说,他们可以在业余时间浏览微博并加载两次内容。对于需要浏览更多信息的用户,他们也可以知道自己浏览了多少。这种方法无疑更加灵活,既保证了用户浏览信息的连续性,又提供了快速导航和预测信息量的作用。  页码导航在新浪微博信息流中  8:区分已访问/未访问的页码  按照HTML默认设置,访问和未访问的链接颜色不同。但在上述网站中,只有和Bing用颜分已访问和未访问的页码导航链接。我个人认为有必要区分这一点,尤其是当我使用搜索引擎搜索信息时。  9:导航页码中的品牌宣传  前面提到的,Google导航页码上方是变形的GoogleLogo,每个页码对应Logo里面的字母o。用户甚至可以通过点击这些o跳转到相应的导航页面。  此外,配色也可以与品牌宣传相结合。Google蓝色及其导航页码Logo中的G和g颜色非常相似,导航页码显示在上面Logo,橙色和蓝色用于京东导航页码Logo淘宝导航页码中使用的橙色也是主要颜色Logo以及网站的主要颜色。  10:其它  在设计产品时,我们从用户需求的角度思考和设计一切。但产品是同时满足用户和公司需求(通常是盈利)的东西,所以有时候还要考虑其他的事情。例如,当你浏览一些新闻和信息网站时,你会发现每一页的内容只有一两个可怜的部分,然后你必须再次翻页,一篇短文章为十几页。为了增加网站PV故意分割文章来增加页数来吸引用户点击真的很令人发指。如何用页码做页脚。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr