童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

9月9日 浅时光投稿
  最近做了wap站中的搜索结果页的改版,记录一下关于锚点链接的心得
  关于锚点链接
  锚点链接一般用于比较长的网页,使用内部链接建立页内目录。单击目录跳转到文本的相应位置,最常见的如“回顶部、模块间跳转”等。
  关于锚点链接,可用性研究的宗师JakobNielsen写过一篇名为AvoidWithinPageLinks的文章,排斥锚点链接,认为它有害页面健康,最典型的例子是“返回顶部”,反对原因大致可归纳为:
  干扰用户浏览页面;
  认为没有必要,浏览器或键盘足以完成此功能;
  操作结果不明确,用户对“顶部”认知不固定;
  对于手机端WAP页而言,由于很多手机不支持脚本,因此很多时候只能寄期望于用户的浏览器有快速跳转功能。而对于按键机,焦点跳转就会相当痛苦。现在好多wap已尝试使用锚点链接,比如一些资讯类网站,这类网站信息量很大,页面很长,锚点链接的必要性由此被深刻体现。
  图1锚点链接的两种应用形式
  目前对于锚点链接的应用主要分为两种(见图1):
  模块间快速跳转
  跳转到顶部
  优点:页面过长,这种快速跳转可减少按键做功
  缺点:目标位置传达得不明显,用户不能预期跳转后焦点位置落到哪;
  受手机屏幕大小的限制,用户无法了解全局,跳转后会失去方向感;
  同样,对于搜索结果页面来说,由于向用户呈现了多条结果list,页面也会很长,因此适当地运用锚点链接会减轻用户的操作负担。
  锚点链接在搜索结果页面的应用
  一般来说,功能区在搜索结果页面的位置有两种情况:在搜索结果list的顶部、在搜索结果list的底部,以下分别对两种情况的利弊作分析。
  1功能区在搜索结果list的顶部
  图2功能区在顶部的焦点切换顺序
  优点:利于重复筛选。如用户想选“西湖区的吃喝”或者“杭州地区的商城”,先选择其中一个条件,页面刷新后,在页面顶部再选择另一个条件,会易于操作(如图2)。
  缺点:每次页面刷新后焦点都会停在页面的第一个链接。用户想到达搜索list,要走一条漫长的路(如图2)。此时只能寄望于手机本身对链接焦点的执行顺序,结果非常不可控(很多手机不支持快速跳转,另外,并不是所有的用户此功能都十分了解)。
  2功能区在搜索结果list的底部
  优点:刷新页面后,在页面顶部用户可以直达结果
  缺点:重复筛选的成本会变得很高。刷新页面后用户必须要绕过结果list,到达页面的底部去完成这些筛选操作(如图3)。
  图3功能区在底部的焦点切换顺序
  在SERP页面如何平衡功能和结果
  这次改版的宗旨:
  在SERP页面平衡list结果和“筛选区”的优先级(对于我们找商户来说,前者高于后者);
  尽量减少页面刷新次数,所以不采用链接到一个新页面的方式;
  最后的优化方法是(如图4):
  在搜索结果页list上方加个锚点,当用户需要重新筛选时,链到筛选功能区。
  当用户不需要时,直接忽略这个焦点,到达结果list。
  为提升用户跳转后的方向感,将锚点入口处的视觉表现形式设计得同筛选功能区一样。
  图4搜索结果页锚点链接的焦点切换顺序
  总结
  在Wap网页设计中,由于浏览器或者硬件方面的限制,运用锚点链接很有必要,同时也注意以下几个点:
投诉 评论 转载

手机页面浏览可用性研究本文来自SocialBeta内容贡献者wisp,原文译自BrowsingonMobilePhones,更多移动产品设计方面的资料,请查看SocialBeta移动互联网栏目。……王兴:创新的产品取决于创新的需求由PE。VC及TECH2IPO主办、并得到42qu和36Kr大力支持的“TECH2IPO新知会之《社交网络》观影”活动12月10日如期举行。天使投资人薛蛮子先生,校内网创始人、……信息应如何推送和展现?写在题前:这是一篇很长的文章,我想通过在一个空间中将信息具象化,去寻找最适合的信息展现方法;研究这些无非只有一个目的在恰当的时候,用户可以用最少的精力看到最多的、最希望看到的信……用户引导系统设计谁都能接受简洁的产品,因为它易于上手,易于使用;产品人喜欢简洁的产品,因为简单的东西易于制作和维护;模仿者喜欢简洁的产品,因为copy太容易了;竞争对手也喜欢简洁的产品,因为在……浅议Wap网页设计中的锚点链接最近做了wap站中的搜索结果页的改版,记录一下关于锚点链接的心得关于锚点链接锚点链接一般用于比较长的网页,使用内部链接建立页内目录。单击目录跳转到文本的相应位置,最……Android与iPhone应用程序界面设计的差异性elya妞和阿智分析时偏重于硬件和界面布局,问题普遍存在,有必要重新分析。分析问题前,先确认几个前提。Android的自身版本分裂严重,主要体现在屏幕分辨率多样化带来的界面适配……UED团队中有一种角色叫“产品文案”当初设置这个岗位的时候,在发布对外招聘信息时,想当然的就写了“文案策划”,结果后续接收到的90都是文才非凡的才子佳人,不是某报的编辑,就是某某文章高手,一时让招聘工作陷入僵局。……说说web标签设计一为何要关心Web标签这周每天下午都会花点时间看网站的日志,网站日志记录了用户在浏览网站的行为轨迹,不是每一家公司都能邀请用户进行测试和访谈,所以网站日志是运营者和设计者……豆瓣启示录:正确看待用户的反对声音10月30日在美丽的浙大紫金港校区参加了2010UCDchina年会,在下午的工作坊“WEB信息架构”中收获不少,尤其是关于豆瓣的一些案例分析。整理下来,摘录如下:正确看……让你的网站对移动设备更友好的8大妙招目前,移动浏览功能不断普及提高,开始优化你的网站以更好地适应移动平台和它的局限性将是你的第一要务。有很多简单的方法可以提高你的移动浏览网站,同时又不过多的改动你的网站,本文探讨……微博为什么限制140字问题的提出申请过那么多的微博,数申请网易微博的动机最不纯,因为它的字数限制不是传说中的140字,而是163个字。当年觉得很可爱,于是就注册了,之后再也没登录过。今天在人人……用户研究之真实世界:消费信任是如何建立的到了年关,事忒多,平常七会八会的,还有搞明年规划与预算,一直想整理出系列的第2篇,刚好今天又了结了异地验车的任务,在这过程中,又一次体验了网上与网下的世界。写出来给大家分享分享……
如何做好网站SEO?如何做好商场网站的SEO优化SEO网站建设概述如何打造公司网站SEO优化师的职责都有哪些?从入门到SEO优化师的经历百度竞价推广有一个很好的关键词匹配模式,你会成功的一半!关键词密度重不重要?看看吧!【关键词密度】网站关键词密度优化策略搜索引擎优化中如何控制关键词密度如何通过关键词排名来优化网站?解决关键词不排名问题的五条规则在哪里可以找到个人网站模板?我们应该注意什么?
爱我地久天长,只要诗里有情,梦里便甜如糖扁嘴糖中医治疗宝宝夜啼老年人玩“九连环”可预防老年痴呆细节决定一切节目主持词有眼袋怎么办用这一物敷眼睛眼袋不见了移动硬盘无法格式化一招修复硬盘无法格式化热议聚热点网 送给航天员的一封信老人被开水烫伤后能不能吹空调降温等量异同种电荷电场换马甲题目关于滥伐林木罪立案标准是怎么样的

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界