山那边是海 发表于 2015-1-15 23:24:52

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

这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。破洛洛文章简介:因而只能选择不休让步用劣质计划堆砌豆腐渣布局系统。快节拍中有些事变没法制止很一般,但计划师应当尽责做到迭代式的全局兼顾重构。
论证完利用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是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

飘飘悠悠 发表于 2015-2-11 08:26:47

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。

简单生活 发表于 2015-3-2 05:24:51

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。

因胸联盟 发表于 2015-3-11 05:03:12

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。

乐观 发表于 2015-3-17 23:07:54

滚动条)层属性--溢出(visible/hidden/scroll/auto)

精灵巫婆 发表于 2015-3-17 23:08:11

学Dreamweaver技术的过程其实是一个增加信心的过程。

小妖女 发表于 2015-3-25 11:15:54

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
页: [1]
查看完整版本: 来讲讲:进步用户体验与新窗口翻开网页的干系