设计优秀网站的六大原则 给网站界面预留退路
今天郑州网页设计培训为大家讲一讲设计优秀网站的六大原则 给网站界面预留退路
在Web上，速度、组织方式、透明度和一致性的问题驱动着你的解决方案。本文讲解使Web页面的设计和样式之间平衡的时候如何紧记这些方面以及客户的需求。
Web设计的图书的焦点通常是样式而不是设计。设计聚焦于对主题或内容的理解，并为服务用户提供一条有用的途径。样式是设计的一个必要的组件，但是它仅仅关心可视化的表现。
两者之间的差别很重要并且容易被忽视。Web设计师Jeffrey Zeldman说，当样式和设计之间的差别消失时，"我们满眼都是毫无意义的糖果，都不知道美是什么了"。
在最好的设计中，样式位于适当的解决方案的后面。在Web上，速度、组织方式、透明度和一致性的问题驱动着你的解决方案。在建立站点的过程中，你会经常遇到挑战，有时候对作出的正确的设计选择感到困惑。本文聚焦于如何把客户的体验放在首位，以及客户对于低下的性能和服务的很低的忍耐力。紧记下面的原则将会使你做正确的事情更加容易。
原则1：速度优先 大多数设计师没有把速度当成设计的问题。但是Web是交互式的体验而完全不是视觉的体验。交互式的体验把用户置于某个步调的控制下。当用户需要等待时，他们就会失去控制，并且体验会降低。 客户不会关心自己等待的原因，虽然这些原因可能是不良的拨号连接、Internet拥挤或服务器的问题。他们只想知道你的站点上现在，而不是过一会儿后有些什么信息。等待页面显示的时间太长的站点访问者会去其它的地方，不管你的站点是如何有用，或与他们如何相关。
很多调查聚焦于页面载入浏览器花费的时间以及它对购物的影响。研究发现不良的下载时间有重要的影响。消费者相信Internet提供了自己需要的服务。要求他们推迟自己的请求将使客户流失。每年因为Web性能问题流失的收入估计有250亿美元。 Zona研究机构发现Web站点的主页放弃率（abandonment rate）大约是30％。这意味着每3个站点访问者中大约有一个在请求主页后离开了。把页面载入的时间减少约1秒钟，该站点的这个比率降低6－8％。
但是，看起来目前大家对于速度问题的注意力是很小的。商务Web站点的主页不顾用户的抱怨，正在不断减慢。这在很大程度上是因为公司只聚焦于内容的质量，把它作为形成有意义的体验的关键。但是，研究显示客户认为缓慢的站点是无用的。因此，符合可以接受的下载时间在有用的商务站点的设计中有最高优先级。作为设计师，你在符合这种需求的时候可以扮演重要的角色
另外大家要注意给网站界面预留退路常见到网上博文有错误理论，包括身边很多朋友都曾认同“可访问性（Accessibility）是为残障人士准备”的观点。其实在互联网技术领域远不止这么简单，总结起来有三个方面：
应付极端环境下的正常浏览需求；
结构、表现、行为跨终端跨平台兼容支撑；
保障残障人士无障碍信息获取。
web1.0网站以内容为主；web2.0网站以功能为主。当前主要有“纯功能、内容+功能、纯内容”三类网站界面形态，格局已基本定型。虽然以内容为主的网站更突出Accessibility，以功能为主的网站更突出Usability，但不是说以功能为主的网站就不用考虑Accessibility。
技术发展至今，“纯功能”网站界面为提高Usability有大量富客户端应用，并且逐渐形成核心竞争力。也就是说在这种情况下同时保证良好Accessibility和Usability几乎不可能，因此只能采用保底的用户友好方案，告知为什么？怎么办？比如Gmail在disable javascript情况下会默认进入“基本HTML”模式；如果切换标准视图则提醒“必须启用JavaScript。但在传统不以富客户端应用为核心竞争力的“内容+功能”网站界面上，同时保证良好Accessibility和Usability则完全可能，只是技术复杂度问题。比如yahoo首页这个着名web2.0门户和Ajax应用典范，在disable javascript情况下，虽然所有交互模式不能用，但功能不受影响，整体页面效果也保持良好。
“纯内容”网站界面就是以信息为主的各资讯、新闻类网站内容页，大量存在于互联网，也大量被收录于各搜索引擎，这样的页面保证Accessibility更得把握住用户核心需求。比如163新闻的内容页，在disable css情况下，依然能够清晰辨认信息内容，一方面呈现优先级处理得当，另一方面标记语言的结构化良好。
在Web上，速度、组织方式、透明度和一致性的问题驱动着你的解决方案。本文讲解使Web页面的设计和样式之间平衡的时候如何紧记这些方面以及客户的需求。
Web设计的图书的焦点通常是样式而不是设计。设计聚焦于对主题或内容的理解，并为服务用户提供一条有用的途径。样式是设计的一个必要的组件，但是它仅仅关心可视化的表现。
两者之间的差别很重要并且容易被忽视。Web设计师Jeffrey Zeldman说，当样式和设计之间的差别消失时，"我们满眼都是毫无意义的糖果，都不知道美是什么了"。
在最好的设计中，样式位于适当的解决方案的后面。在Web上，速度、组织方式、透明度和一致性的问题驱动着你的解决方案。在建立站点的过程中，你会经常遇到挑战，有时候对作出的正确的设计选择感到困惑。本文聚焦于如何把客户的体验放在首位，以及客户对于低下的性能和服务的很低的忍耐力。紧记下面的原则将会使你做正确的事情更加容易。
原则1：速度优先 大多数设计师没有把速度当成设计的问题。但是Web是交互式的体验而完全不是视觉的体验。交互式的体验把用户置于某个步调的控制下。当用户需要等待时，他们就会失去控制，并且体验会降低。 客户不会关心自己等待的原因，虽然这些原因可能是不良的拨号连接、Internet拥挤或服务器的问题。他们只想知道你的站点上现在，而不是过一会儿后有些什么信息。等待页面显示的时间太长的站点访问者会去其它的地方，不管你的站点是如何有用，或与他们如何相关。
很多调查聚焦于页面载入浏览器花费的时间以及它对购物的影响。研究发现不良的下载时间有重要的影响。消费者相信Internet提供了自己需要的服务。要求他们推迟自己的请求将使客户流失。每年因为Web性能问题流失的收入估计有250亿美元。 Zona研究机构发现Web站点的主页放弃率（abandonment rate）大约是30％。这意味着每3个站点访问者中大约有一个在请求主页后离开了。把页面载入的时间减少约1秒钟，该站点的这个比率降低6－8％。
但是，看起来目前大家对于速度问题的注意力是很小的。商务Web站点的主页不顾用户的抱怨，正在不断减慢。这在很大程度上是因为公司只聚焦于内容的质量，把它作为形成有意义的体验的关键。但是，研究显示客户认为缓慢的站点是无用的。因此，符合可以接受的下载时间在有用的商务站点的设计中有最高优先级。作为设计师，你在符合这种需求的时候可以扮演重要的角色
另外大家要注意给网站界面预留退路常见到网上博文有错误理论，包括身边很多朋友都曾认同“可访问性（Accessibility）是为残障人士准备”的观点。其实在互联网技术领域远不止这么简单，总结起来有三个方面：
应付极端环境下的正常浏览需求；
结构、表现、行为跨终端跨平台兼容支撑；
保障残障人士无障碍信息获取。
web1.0网站以内容为主；web2.0网站以功能为主。当前主要有“纯功能、内容+功能、纯内容”三类网站界面形态，格局已基本定型。虽然以内容为主的网站更突出Accessibility，以功能为主的网站更突出Usability，但不是说以功能为主的网站就不用考虑Accessibility。
技术发展至今，“纯功能”网站界面为提高Usability有大量富客户端应用，并且逐渐形成核心竞争力。也就是说在这种情况下同时保证良好Accessibility和Usability几乎不可能，因此只能采用保底的用户友好方案，告知为什么？怎么办？比如Gmail在disable javascript情况下会默认进入“基本HTML”模式；如果切换标准视图则提醒“必须启用JavaScript。但在传统不以富客户端应用为核心竞争力的“内容+功能”网站界面上，同时保证良好Accessibility和Usability则完全可能，只是技术复杂度问题。比如yahoo首页这个着名web2.0门户和Ajax应用典范，在disable javascript情况下，虽然所有交互模式不能用，但功能不受影响，整体页面效果也保持良好。
“纯内容”网站界面就是以信息为主的各资讯、新闻类网站内容页，大量存在于互联网，也大量被收录于各搜索引擎，这样的页面保证Accessibility更得把握住用户核心需求。比如163新闻的内容页，在disable css情况下，依然能够清晰辨认信息内容，一方面呈现优先级处理得当，另一方面标记语言的结构化良好。
设计优秀网站的六大原则 给网站界面预留退路本文由郑州平面设计培训|郑州广告设计培训班|郑州平面设计师培训|郑州网页设计培训|郑州平面设计培训学校原创，转载请注明出处。
联系我们
查看详情| 咨询热线： | 0371-63218905 |
|---|---|
| 13613841515 | |
| 全天24小时为您服务 | |
| QQ咨询： |  |
| 来访地址： | 郑州市东风路与文化路交叉口向西200米路北汇宝大厦501(电子大厦对面汇宝大厦） |
热门课程
查看详情-
Photoshop培训课程
郑州清新教育电脑培训学校郑州清新教育Photoshop培训专业课程
-
Coreldraw培训课程
郑州清新教育电脑培训学校郑州清新教育Coreldraw培训专业课程
-
平面设计培训课程
郑州清新教育电脑培训学校郑州清新教育平面设计培训专业课程
-
Dreamweaver培训课程
郑州清新教育电脑培训学校郑州清新教育Dreamweaver培训专业课程
-
Flash培训课程
郑州清新教育电脑培训学校郑州清新教育Flash培训专业课程
-
网页设计培训课程
郑州清新教育电脑培训学校郑州清新教育网页设计培训专业课程
-
3DMAX培训课程
郑州清新教育电脑培训学校郑州清新教育平面设计培训专业课程
-
建筑CAD培训课程
郑州清新教育电脑培训学校郑州清新教育建筑CAD设计培训专业课程
-
室内设计培训课程
郑州清新教育电脑培训学校郑州清新教育建筑CAD设计培训专业课程