仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1480|回复: 9
打印 上一主题 下一主题

[HTML5] 来讲讲:进步用户体验与新窗口翻开网页的干系

[复制链接]
山那边是海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:24:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。破洛洛文章简介:因而只能选择不休让步用劣质计划堆砌豆腐渣布局系统。快节拍中有些事变没法制止很一般,但计划师应当尽责做到迭代式的全局兼顾重构。
论证完利用target=_blank并不是相对毛病以后,分场景切磋怎样削减新开窗口。自无意识注重这个成绩,是看到Plod年夜叔在04年倡始稳定弹窗的奔忙相告。
抛开某些分歧逻辑企图不管,为何大批利用弹出页面?由于计划师忧虑用户丢失偏向。为何用户会丢失偏向?由于导航体系不敷好。为何导航体系不敷好?由于产物功效太多太乱。为何功效太多太乱?由于需求没把持好。为何需求没把持好?由于提需求的人本人也没想分明。
说白了,良多场所都不单单是计划师的成绩,因而只能选择不休让步用劣质计划堆砌豆腐渣布局系统。快节拍中有些事变没法制止很一般,但计划师应当尽责做到迭代式的全局兼顾重构。
应当强迫target=_blank


  • 文件下载链接
  • 文件打印链接
  • 非主线义务并打断历程的链接
以上参考淘宝的老包同砚在08年总结切合国情的链接新窗口翻开中的使用场景。下载各类文件、打印各类文档,必要前后对照的匡助,注册表单的隐私条目都有需要target=_blank。
可以定论target=_blank一定提拔用户体验的场景很少,而且团体以为跟着客户端手艺的开展,会被慢慢代替。好比lightbox这个ajax使用,给计划师带来了“检察年夜图不必再新开窗口”的全新计划理念,这在之前是不成设想的。
可选择target=_blank


  • 跨域名链接
  • 跨使用平台链接
  • 结构改动链接
主域名改换好比友谊链接、网志内嵌的关头词内部链接等,而跨使用平台的链接一般也得改换二级域名。假如全体不新开窗口,为了不不测跳出,应当先提示用户这是内部链接;假如部分新开窗口,那末应当有一致划定规矩举行束缚,并明白告诉将opensnewwindow。见过三类案例:
msdn例子,icon告诉用户这是站外链接。

gblog例子,icon告诉用户这是站外链接,同时能够点击target=_blank。

egloos(韩国)例子,触发时才icon告诉用户这是站外链接,也能够点击target=_blank。

来自sitepoint的NeilTurner文章增补了三种情势,迥然不同。值得一提的是,有个利用title提醒openinnewwindow的案例,实在也切合利用Title提拔可会见性中提到“操纵指引”的使用。

版面改动如列表页与内容页的区分,用户必要在内容页长工夫浏览,每次都前往列表进进实在更不便利。最典范是Google也许在06岁首做出的改善,给搜刮了局列表链接默许target=_blank,这个例子几近同时满意以上三个前提,而且供应默许设置自界说改归去,100%保险。
不克不及强迫target=_blank


  • 导航链接
  • tab条目链接
  • 前往操纵链接
  • 翻页链接
  • 表单
特别的网站舆图、索引表也属于导航,都应当给用户最年夜的把持大概。不论全局导航、部分导航、帮助导航、高低文导航,仍是友爱导航,都倡议根绝target=_blank。好比wordpress程序的sidebar容器内,几近一切站内链接都是导航,target=_blank会严峻影响可会见性的流利感。
tab是很罕见的页面内容构造情势,但不论间接埋没显现、异步加载显现,仍是相似导航的跳转,都不倡议target=_blank,由于此时用户加倍希冀模块内的变更,大概在以后窗口载进新页。
别的,导航链接与前往操纵链接有部分重合,好比面包屑导航,分级往回点实在就是前往操纵。在任何页面举行前往操纵都代表以后页面已不必要了,因而不克不及新开窗口。这个前往包含点击logo前往首页,同时也是能碰着的典范毛病之一。
表单的场景对照广泛,好比注册、登录、搜刮都应当根绝target=_blank。大批字段的数据表单提交有条很主要的可用性标准,点击前往应当能保存数据,这点wordpress背景录进很杰出。
总结

基础能够狭义归纳综合为只需影响会见、操纵流利度的链接,都不倡议target=_blank。实在不论甚么划定规矩,只需没有明晰逻辑转达给用户,城市形成不测。只不外计划难点在于,没法正确判别这个不测是不是在用户所等候的可承受局限以内。
既然用户所等候是不是必要target=_blank的场景欠好判别,可是应当强迫、不克不及强迫这两类罕见毛病场景绝对简单告竣共鸣,因而团体以为仍是简单找到办理成绩的思绪。复杂例子不再赘述,无机会另增补。
</p>
HTML5开发的网页文档类型极其简单,就够了,记得5年前还在反复跟团队强调使用XHTML那段冗长的文档类型声明.
若天明 该用户已被删除
沙发
发表于 2015-1-17 22:36:27 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-26 23:21:18 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
老尸 该用户已被删除
地板
发表于 2015-2-5 07:57:56 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
飘飘悠悠 该用户已被删除
5#
发表于 2015-2-11 08:26:47 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
简单生活 该用户已被删除
6#
发表于 2015-3-2 05:24:51 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
因胸联盟 该用户已被删除
7#
发表于 2015-3-11 05:03:12 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
乐观 该用户已被删除
8#
发表于 2015-3-17 23:07:54 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
精灵巫婆 该用户已被删除
9#
发表于 2015-3-17 23:08:11 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
小妖女 该用户已被删除
10#
发表于 2015-3-25 11:15:54 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-15 00:27

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表