加入收藏 | 设为首页 | 会员中心 | 我要投稿 温州站长网 (https://www.0577zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

对于手机网站WAP页面的跳转设计的一些建议

发布时间:2021-07-21 07:49:44 所属栏目:优化 来源:互联网
导读:副标题#e# 跳转太多了,就搞不懂了。 PC上的网页,页面间反复跳转是再正常不过的了,从首页进入搜索结果页,再到详情页,再跳到相关内容的详情页不过到了手机上,无节制的跳转就有点儿问题了。 从首页列表-单篇微博详情页-个人主页-单篇微博详情页-个人主页

对于手机端WAP页而言,由于很多手机不支持脚本,因此很多时候只能寄期望于用户的浏览器有快速跳转功能。而对于按键机,焦点跳转就会相当痛苦。现在好多wap已尝试使用锚点链接,比如一些资讯类网站,这类网站信息量很大,页面很长,锚点链接的必要性由此被深刻体现。

201646100447185.jpg (513×374)

锚点链接的两种应用形式

目前对于锚点链接的应用主要分为两种:

1.模块间快速跳转

2.跳转到顶部

优点:·页面过长,这种快速跳转可减少按键做功

缺点:·目标位置传达得不明显,用户不能预期跳转后焦点位置落到哪;

·受手机屏幕大小的限制,用户无法了解全局,跳转后会失去方向感;

同样,对于搜索结果页面来说,由于向用户呈现了多条结果list,页面也会很长,因此适当地运用锚点链接会减轻用户的操作负担。


锚点链接在搜索结果页面的应用

一般来说,功能区在搜索结果页面的位置有两种情况:在搜索结果list的顶部、在搜索结果list的底部,以下分别对两种情况的利弊作分析。

1.功能区在搜索结果list的顶部

201646100533559.jpg (532×387)

功能区在顶部的焦点切换顺序

优点:利于重复筛选。如用户想选“西湖区的吃喝”或者“杭州地区的商城”,先选择其中一个条件,页面刷新后,在页面顶部再选  择另一个条件,会易于操作。

缺点:每次页面刷新后焦点都会停在页面的第一个链接。用户想到达搜索list,要走一条漫长的路。此时只能寄望于手机本身对链接焦点的执行顺序,结果非常不可控(很多手机不支持快速跳转,另外,并不是所有的用户此功能都十分了解)。

2.功能区在搜索结果list的底部

优点:刷新页面后,在页面顶部用户可以直达结果list;

缺点:重复筛选的成本会变得很高。刷新页面后用户必须要绕过结果list,到达页面的底部去完成这些筛选操作。

201646100556791.jpg (251×282)

功能区在底部的焦点切换顺序

在SERP页面如何平衡功能和结果

这次改版的宗旨:

在SERP页面平衡list结果和 “筛选区”的优先级(对于我们找商户来说,前者高于后者);
·尽量减少页面刷新次数,所以不采用链接到一个新页面的方式;

最后的优化方法是:

·在搜索结果页list上方加个锚点,当用户需要重新筛选时,链到筛选功能区。
·当用户不需要时,直接忽略这个焦点,到达结果list。
·为提升用户跳转后的方向感,将锚点入口处的视觉表现形式设计得同筛选功能区一样。

201646100944521.jpg (245×445)

搜索结果页锚点链接的焦点切换顺序

小结

在Wap网页设计中,由于浏览器或者硬件方面的限制,运用锚点链接很有必要,同时也注意以下几个点:

·平衡搜索结果和功能区对用户的重要性,在适当的位置放出锚点链接

·搞清用户在用锚点链接时的实际意图,用含义明确的文案传达出来

·为提升跳转后的方向感,可统一锚点位置和目标位置的视觉表现形式

(编辑:温州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读