浅议Wap网页设计中的锚点链接
作者：飞灵 来源：口碑网UED Team 发布时间：2010-12-17 12:41:00
标签：wap网页,锚点,链接
最近做了wap站中的搜索结果页的改版，记录一下关于锚点链接的心得~
关于锚点链接
锚点链接一般用于比较长的网页，使用内部链接建立页内目录。单击目录跳转到文本的相应位置，最常见的如“回顶部、模块间跳转”等。
关于锚点链接，可用性研究的宗师Jakob Nielsen写过一篇名为Avoid Within-Page Links的文章，排斥锚点链接，认为它有害页面健康，最典型的例子是“返回顶部”，反对原因大致可归纳为：
干扰用户浏览页面；
认为没有必要，浏览器或键盘足以完成此功能；
操作结果不明确，用户对“顶部”认知不固定；
对于手机端WAP页而言，由于很多手机不支持脚本，因此很多时候只能寄期望于用户的浏览器有快速跳转功能。而对于按键机，焦点跳转就会相当痛苦。现在好多wap已尝试使用锚点链接，比如一些资讯类网站，这类网站信息量很大，页面很长，锚点链接的必要性由此被深刻体现。
图1 锚点链接的两种应用形式
目前对于锚点链接的应用主要分为两种（见图1）：
模块间快速跳转
跳转到顶部
优点：页面过长，这种快速跳转可减少按键做功
缺点：目标位置传达得不明显，用户不能预期跳转后焦点位置落到哪；
3. 受手机屏幕大小的限制，用户无法了解全局，跳转后会失去方向感；
同样，对于搜索结果页面来说，由于向用户呈现了多条结果list，页面也会很长，因此适当地运用锚点链接会减轻用户的操作负担。
锚点链接在搜索结果页面的应用
一般来说，功能区在搜索结果页面的位置有两种情况：在搜索结果list的顶部、在搜索结果list的底部，以下分别对两种情况的利弊作分析。
0
投稿猜你喜欢
- 如果你是个赛车手，并且按一下按钮就能够立即更换引擎而不需要把车开到车库里去换，那会是什么感觉呢?MySQL数据库为开发人员所做的就好像是按按
- 聚合函数 count,max,min,avg,sum... select count (*) from T_Employee select
- 当然有其它工具可以做这件事，但如果客户不允许你在服务器乱装东西时这个脚本就会有用了。 代码如下:DECLARE @tbImportTable
首先我很不喜欢验证码这东西。但现在越来越多的网站使用验证码来抵御spam的冲击。太揪心了。背景介绍验证码的技术叫CAPTCHA验证，CAPT- 目录：分析和设计组件编码实现和算法用 Ant 构建组件测试 JavaScript 组件话说上期我们讨论了队列管理组件的设计，并且给它取了个响
- 是时候了—— 在大部分情况下当用户输入密码时把它们用清晰的文字显示出来。一直以来，提供反馈、把系统状态形象化是最基本的可用性原则，当用户输入
- MySQL数据库由于它本身的小巧和操作的高效, 在数据库应用中越来越多的被采用.本文中列举了一个P2P应用开发实例，实例中使用了MySQL来
- 从某种意义上来说，页面设计(web设计)也就是用户界面设计。有许多技巧可以帮助我们制作出漂亮、实用的界面，这里收集的5个小技巧就会对你有所帮
- 一段重用很高的ajax代码，可以套用 <!DOCTYPE HTML
- 小毅的blog：http://andymao.com/前天网上有个朋友发给我一个页面让我帮她看一下为什么鼠标翻转实现不了。我打开源文件看了一
- 双击编辑功能如何实现：例如：标题 （鼠标双击“标题”文字 即出现可编辑的输入框形式及提交按钮） <!D
- 总结了一下自己工作中使用到的注释书写规范，没有什么技术含量，只是用于统一制作方式，方便维护。包含了“区域注释”、“单行注释”、“注释层级”和
- 在国外一博客看到的技巧，终于解决IE的这个老大难问题。我在IE的setAttribute bug也提到其解决方法，一是innerHTML，一
- 分享几个字体设计:1.巧克力2.绿野邂逅是人间四月天3.去年花开的时候4.仲夏梦之夜5.芊芊茉莉香6.玫瑰人生7.真情告白8.遮掩锋芒
- 一般来说，一个真正的、完整的站点是离不开数据库的，因为实际应用中，需要保存的数据很多，而且这些数据之间往往还有关联，利用数据库来管理这些数据
- 以下虚线框内为mk.asp文件的具体代码：<％filename="test.htm"if request
- 什么是MySql数据库？通常意义上，数据库也就是数据的集合，具体到计算机上数据库可以是存储器上一些文件的集合或者一些内存数据的集合。我们通常
- 您是否常常在做网页的过程中发现一个问题呢？当图片上传的时候，如果图片太大 ，就会把网页撑破，唯一做的就要先把它用软件缩小，再上传上
- 1、from子句组装来自不同数据源的数据； 2、where子句基于指定的条件对记录行进行筛选； 3、group&nb
- function getBytesLength(str){ var re=/[\x00-\xf
