`

当今Web设计中存在的5大争议 ,你怎么看?

阅读更多

在 Web 空前繁荣的今天,有关 Web 设计中的各种观点很多会成为话题,有的很快达成一致,有的则一直争议下去,本文讲述 Web 设计中的 5 大经典争议,这些争议从它们诞生的那天起,就被正反两方争得不亦乐乎。

争议之一:链接是否应该在新窗口打开

正方:

外部链接应该始终从新窗口打开,当你浏览一个站点的时候,点击了一个链接,却被带到另外一个站点,你在这个站点的会话也因此丢失,这实在令人恼怒。 因此,站点内的链接可以在现有窗口打开,而站点外链接则应该在新窗口打开。

 

反方:

作为 Web 设计师,我们不该控制用户的行为,一个链接是否在新窗口打开,应该是用户自己的选择。剥夺用户的控制权,在用户的桌面上打开一堆窗口或标签,这才是真正让 人恼怒的事。如果用户想打开新窗口,他们可以自己选择,而对非熟练用户,新窗口让他们丢失了后退按钮更让他们无所适从。可以500%提高开发效率的前端UI框架!

 

和事佬:

总体来讲,应该避免使用新窗口打开链接,但在某些场合,如打开购物车中的帮助链接,打开一个非 html 文件(如 PDF 文件),应该使用新窗口。为了提高易用性,最好在需要打开新窗口的地方,用一个小图标提示一下。


争议之二:在链接中应该使用诸如Click here 一类的笼统词汇吗?

正方:

事实证明,Click here 比描述性的链接更容易获得点击,因此应该使用该词汇以获得更好的点击率。


反方:

Click here 一类的链接损害 Web 的易用性,用户在点击之前,只能通过周围的上下文关系猜测这个链接是做什么的。Quality guidelines建议,任何链接文字都应该明确描述该链接的目的。

 

和事佬:

为了提高站点的易用性,可访问性和 SEO 性能,应该始终使用描述性链接。很有趣听到有人说 Click here 比描述性链接可以获得更多点击率,不知道那些点击进来的人是不是看两眼就离开了。

可以500%提高开发效率的前端UI框架!

争议之三:使用该继续使用 b 和 i 两个标签?

正方:

如果你仅仅想把一个词设为粗体,而这个词并没有强调表示重要的意思,应该使用 b 标签,不该用 strong 标签,读屏软件对 b 和i 标签有不同的发音,而 HTML5 规范中仍包含这两个标签。

 

反方:

这两个标签的作用是将文字设置为粗体或斜体,从语义角度看,任何装饰性的东西都应该使用 CSS 实现,如果要强调一个词语,应该使用 strong 或 em 标签。

 

和事佬:

b 和 i 标签不应该用于修饰文字的式样,这些视觉的修饰应该交由 CSS 处理。如果要强调一个词汇或语句,应该使用 strong 或 em 标签。只有在那些没有别的标签可用的场合,才可以考虑 b 和 i 。

 

争议之四:站点 Logo 是否应出现在 h1 标签中?

正方:

Logo 不应包围在标题标签中,标题标签应该包含这个页面的标题或描述性内容,这是 SEO 的最佳方式,否则,站点中的每个页的标题岂不是全变成公司名字了?

 

反方:

一个站点最明显的标志是它的 Logo, 而 h1 是一个页面最顶级的标题,将 Logo 包围其中很自然,这样,即使没有 CSS 人们也很容易该明白这个页面的结构。

 

和事佬:

标题标签的作用是描述内容的层级结构,如果一个站点有一个描述站点内容的标题,应该放在 h1 中,否则,第二级结构或描述性的对象,就是 Logo。

可以500%提高开发效率的前端UI框架! 
争议之五:是否应该支持 IE6?

 

正方:

IE6 现在仍占有 10% 的市场份额(在国内更高-译者注),因此,网站毫无疑问应该支持 IE6。世界上仍然有很多公司的系统仍需使用 IE6 访问,另外,还有很多人根本不知道怎么升级他们的浏览器。


反方:

IE6 已经过时,不支持最新的 Web 技术,它给在线用户带来安全隐患,也是众多 Web 开发设计师的噩梦。包括 YouTube 在内的大型站点已经停止支持 IE6。 你也不例外。

可以500%提高开发效率的前端UI框架! 
和事佬:

IE6 毫无疑问在衰退,随着大公司对它的抛弃,它的死亡可能来得比预期还快,是否支持 IE6 要看的具体情况,可以考虑为 IE6 用户提供最基本的页面格式,而不必为它挣扎。

0
0
分享到:
评论

相关推荐

    《Web界面设计》样章

    UI专家Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上,总结提炼出了Web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应,并以这六大原理为依托,以当今Web上...

    图书馆管理系统Web程序设计课程设计报告.doc

    洛 阳 理 工 学 院 课 程 设 计 报 告 课程名称 Web程序设计课程设计 设计题目 图书馆管理系统 专 业 计算机科学与技术 完成日期 2014.6.27 "课 程 设 计 任 务 书 " "设计题目: 图书馆管理系统 " "设计容与要求: ...

    web界面设计(1-2)

    UI专家Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上,总结提炼出了Web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应,并以这六大原理为依托,以当今Web上...

    WEB界面设计(2-2)

    UI专家Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上,总结提炼出了Web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应,并以这六大原理为依托,以当今Web上...

    HTML5高级程序设计(中文版 附HTML5参考手册)

    《HTML5高级程序设计》由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用WebSocket、Geolocation、WebStorage、Carlvas及音频视频等...

    HTML5程序设计(中文第2版)

    学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计和开发人员的当务之急。 本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面...

    基于计算Web的机械创新设计研究

    随着现代机械制造业和计算机行业理论和技术的迅猛发展,跨领域合作早已成为机械设计工程人员所努力和追求的方向。在机械设计中将现代...文章针对机械设计中的计算机Web技术的应用,浅谈了当今机械设计创新的发展状况。

    从博弈论看当今世界存在的问题

    介绍博弈论的相关经典案例:囚徒困境,金发女郎,从博弈论角度看当今世界存在的问题

    Web前端工程师修炼之道

    资源名称:Web前端工程师修炼之道内容简介:...《Web前端工程师修炼之道(原书第4版)》将帮助你学习如何使用最新技术、最佳实践经验,以及当今的Web标准, 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    Servlet 容器工作原理解析

    Web 技术成为当今主流的互联网 Web 应用技术之一,而 Servlet 是 Java Web 技术的核心基础。因而掌握 Servlet 的工作原理是成为一名合格的 Java Web 技术开发人员的基本要求。本文将带你认识 Java Web 技术是如何...

    SPA设计与架构理解单页面Web应用

    资源名称:SPA设计与架构 理解单页面Web应用内容简介:SPA 开发技术的运用是当今Web 开发领域的热门趋势,但真正全面掌握该技术的开发者并不多。本书详尽阐述单页面Web 应用(SPA)开发技术,从SPA 构建基础入手,...

    Designing Web Interfaces: Principles and Patterns for Rich Interactions

    UI专家 Bill Scott和Theresa Neil在他们多年实践经验和不懈探索的基础上,总结提炼出了Web界面设计的六大原理——直截了当、简化交互、足不出户、提供邀请、使用变换和即时反应,并以这六大原理为依托,以当今Web上...

    HTML5高级程序设计

    学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计和开发人员的当务之急。, 本书由旧金山HTML5用户组创建人联合另两位资深Web开发专家共同打造,为读者清晰解读了HTML5规范的缘由、发展和现状,全面...

    响应式Web设计精彩ppt

    当今最最时髦的响应式网页设计,优秀ppt共享

    完整版《HTML5高级程序设计》2

    由于上传文件大小限制,只能分为5部分上传,其余部分请在我的资源中找到,下载后共同解压 内容简介  今天,大多数现代浏览器都已经支持HTML5。学习体验HTML5带给Web开发的便捷、快速和强大功能,是每一位Web设计和...

    WEB服务器设计.doc

    当今的许多应用都 是基于web技术的,如电子商务、视频会议、远程医疗诊断等。由于HTMI 语言的标准统一性,只要在设备里建立一个微型web服务器,人们就可以使用现有的Web 浏览器与该设备进行双向交互、接收或发送信息...

    计算机visual C#.net web应用程序设计

    关于C#.NET web应用程序的当今主流十大技术 不容错过

    Web SCADA 电力接线系统图

    在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年,早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案,在 HTML5 流行前 VML 和 SVG 算是...

    浅谈 WEB设计中的一些问题与对策 (2011年)

    当今计算机网络最重要的发展之一就是万维网,人们早...如何设计好WEB站点,让用户找到有用的信息是WEB设计中一个重要的研究课题。本文提出了WEB设计所面对的一些问题,并针对这些问题及WEB设计未来发展的方向进行了探讨。

Global site tag (gtag.js) - Google Analytics