浅议Wap网页设计中的锚点链接

作者:飞灵 来源:口碑网UED Team 时间:2010-12-17 12:41:00 

最近做了wap站中的搜索结果页的改版,记录一下关于锚点链接的心得~

关于锚点链接

锚点链接一般用于比较长的网页,使用内部链接建立页内目录。单击目录跳转到文本的相应位置,最常见的如“回顶部、模块间跳转”等。

关于锚点链接,可用性研究的宗师Jakob Nielsen写过一篇名为Avoid Within-Page Links的文章,排斥锚点链接,认为它有害页面健康,最典型的例子是“返回顶部”,反对原因大致可归纳为:

  • 干扰用户浏览页面;

  • 认为没有必要,浏览器或键盘足以完成此功能;

  • 操作结果不明确,用户对“顶部”认知不固定;

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

图1 锚点链接的两种应用形式

目前对于锚点链接的应用主要分为两种(见图1):

  1. 模块间快速跳转

  2. 跳转到顶部

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

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

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

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

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

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

标签:wap网页,锚点,链接
0
投稿

猜你喜欢

  • Golang 统计字符串字数的方法示例

    2024-02-17 07:35:44
  • python连接mysql调用存储过程示例

    2024-01-18 01:32:19
  • python async with和async for的使用

    2021-10-16 16:31:02
  • elementui的el-popover修改样式不生效的解决

    2024-05-09 15:22:24
  • MSSQL2005在networkservice权限运行附加数据库报(Microsoft SQL Server,错误: 5120)

    2024-01-23 00:09:51
  • pytorch 实现在预训练模型的 input上增减通道

    2023-12-02 00:49:33
  • mysql mycat 中间件安装与使用

    2024-01-21 11:35:48
  • 几个小技巧帮你实现Golang永久阻塞

    2024-02-14 10:37:29
  • vscode 左侧扩展活动栏内容消失的问题及解决方法

    2022-01-12 04:26:35
  • 指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)

    2024-04-17 10:05:21
  • python将一组数分成每3个一组的实例

    2021-11-21 01:40:35
  • Python数据分析之Numpy库的使用详解

    2021-06-14 02:54:53
  • MYSQL初学者命令行使用指南

    2024-01-15 08:46:33
  • asp 关键词高亮显示(不区分大小写)

    2011-04-07 10:55:00
  • MySQL中两种快速创建空表的方式的区别

    2008-12-17 14:34:00
  • Python 创建新文件时避免覆盖已有的同名文件的解决方法

    2023-08-23 23:44:46
  • python操作mongodb根据_id查询数据的实现方法

    2023-04-04 23:12:28
  • JavaScript 题型问答有答案参考

    2024-04-19 10:44:41
  • 关于JS中二维数组的声明方法

    2023-08-24 17:39:42
  • python处理二进制数据的方法

    2022-09-08 06:20:09
  • asp之家 网络编程 m.aspxhome.com