Archive for the '网站设计' Category
网站策划之感观体验
一个网站的用户体验是非常重要的。进行网站策划时，必须从整体上把握一些体验点。
参考并综合了一些相关信息后，我们先谈一谈网站策划的感官体验，其实也就是网站设计应该注意到的一些问题。
1. 网站设计风格：最重要的一点是要符合目标客户的审美习惯，并具有一定的引导性。网站设计之前，必须明确目标客群，并针对目标客户的审美喜好，进行调研和分析，从而确定网站的总体设计风格。
2. 页面速度：一般来说，尽量确保页面在5秒内打开。如果纯粹为了页面的美观和趣味性而增加很多不必要的图片和Flash，页面速度将明显变慢，严重影响用户体验。如果是大型门户网站，必须考虑南北互通问题，进行必要的压力测试。
3 图片展示：网站设计时，首先要保证比例协调、不变形，图片清晰。图片排列需错落有致，既不过于密集，也不会过于疏远。过多图片的堆积只会让页面显得凌乱，且重点不突出。
4. 页面色彩：与网站整体基调及品牌整体形象相统一，主色调+辅助色不超过三种颜色。以恰当的色彩明度和亮度，确保浏览者的浏览舒适度。适宜的页面色彩设计将给用户体验增色不少。
5. 动画效果：与主画面相协调，打开速度一定要快，动画效果节奏适中，不干扰主画面浏览。否则很多用户等不及就离开网站，导致客户资源的流失。
6. 页面布局：网站策划时，页面布局需重点突出，主次分明，图文并茂。与企业的营销目标相结合，将目标客户最感兴趣的，最具有销售力的信息放置在最重要的位置。
7. 网站LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间。
8. 页面导航：导航条需清晰、一目了然、且突出，层级分明。让人一上网站就知道怎么进行下一步动作。
9. 页面大小：考虑到用户体验的问题，应适合多数浏览器浏览（以15寸及17寸显示器为主）。
10. 图标使用：简洁、明了、易懂、准确，与页面整体风格统一。
11. 广告位：广告的最高境界就是与网站设计整体风格融为一体。避免干扰视线，广告图片一定要符合整体风格，避免喧宾夺主。好的广告可以为网站设计增色不少。
12. 背景音乐：还是需要与整体网站主题统一，文件要小，不能干扰阅读。要设置开关按钮及音量控制按钮。
中国网络设计的通病，需要靠重视网站用户体验而改善
网络营销涉及范围很广，专业的网站设计与制作也是成功的网络营销非常重要的因素之一。
在进行网站设计时，有几个地方是我看中文网站的时候最受不了的，而在英文网站中很少见到的情况。
当然说是通病，可能有点过分，因为其实还是有有很多很优秀的中文网站。
但是下面所说的这三个中文网站设计方面的问题，实在太常见了。兴许值得各位朋友借鉴一下。
网站设计问题之一：点击链接的时候，打开新窗口。
这让我百思不得其解。
一般来说，如果一个链接是通往其他网站的，那么在一个新的窗口里打开，还可以理解。但在很多中文网站，你点击任何一个链接的时候，即使这些链接只不过是网站内的一篇文章或一个部分一个频道，它都打开一个新的窗口。这真是很烦的一件事情，实在无法理解。
为什么不在同一个窗口显示呢？在这种网站上看不了几篇文章，屏幕上就打开了一大堆窗口了，还得一个一个的关掉。
我能想到的唯一的原因是，设计者怕用户点击了一些文章之后，找不到回来的路。这只能说明你的导航系统设计的不好。你的网站使用性，用户体验差。这时候不应该开一个新的窗口，而要做的是改善用户体验。最好是经过用户提验测试与分析后，搞清楚你的网页设计哪里出了问题，再使用用户体验优化原理进行改进。用户体验优化不容小觑啊。
再说一遍，同一个网站里开新窗口真是令人很烦的一个手法。希望大家尽量避免。而使用提升网站用户体验的手法来让用户顺畅的游览你的网站。
网站设计问题之二：给用户的选择太多，尤其是在主页上。
很多网站似乎都想把自己塑造成是门户网站，看了主页以后，根本搞不懂这个网站的主题是什么。因为看着和搜狐，新浪全差不多，可以看到一大堆新闻，铃声下载，动漫等等。
对一个真正的大型门户网站来说，在主页上放上最新内容的链接，可以理解。我们可以去看一下yahoo.com，你可以感觉到内容丰富，但决不拥挤。这就是一个网站用户体验好的一个范例。
但看看很多中文网站，简直让人晕头转向，不知道该点哪儿。等你点击了几个地方之后，真是不知道做这个网站的目的是什么，可见使用性优化迫在眉睫。难道您希望成为下一个新浪吗？
网站设计问题之三：广告太多。
大部分中文网站都充斥着广告，这是很匪夷所思的事情。似乎中文网站的一大部分是由广告所支撑的，即使是一些公司的商业网站。
但一个成功的商业网站盈利模式，恰恰是拿掉广告，展示自己的产品或服务。
可以肯定的说，对一个有自己的产品或服务的网站来说，广告点击所得到的盈利，只能占到网站销售的很小一部分。与其分散用户的注意力，而且把网站搞得很乱，不如把网站广告拿掉。
广告更适合于纯信息类的或新闻类的网站，因为广告是这类网站主要的盈利模式。
中文网站不仅广告多，而且花样多。不仅网页上端有旗帜，还有小的广告窗口飞来飞去。甚至有关不掉的挡住正文的广告窗口，跟着你跑来跑去。这些广告如果可以给你带来可观的利益，还好。如果只是每天几块钱，在我看来，实在是得不偿失。
w3c技术架构介绍
图例说明
W3C技术架构图描绘了一个两层的模型：万维网体系结构（被标注为“One Web”）建立在互联网(Interner)体系结构之上。图中丰富的Web层显示了W3C关心的领域和发展的技术。
Web体系结构被描绘成一系列的层，每一层都建立在另一层之上。从底至顶依次为：
URI/IRI, HTTP
Web Architectural Principles
XML Infosets; RDF(S) Graphs
XML, Namespaces, Schemas, XQuery/XPath, XSLT, DOM, XML Base, XPointer, RDF/XML, SPARQL
在顶层包含着六个框，分别与W3C主要的活动组相对应：Web Applications, Mobile, Voice, Web Services, Semantic Web, and Privacy。
“Interaction”（“交互”）框中罗列着：XHTML, SVG, CDF, SMIL, XForms, CSS, 和 WCID.
“Mobile”（“移动”）框中罗列着 XHTML Basic, Mobile SVG, SMIL Mobile, XForms Basic, CSS Mobile, MWI BP.
“Voice”（“语音”）框中罗列着 VoiceXML, SRGS, SSML, CCXML, and EMMA
“Web Services”（“Web服务”）框中罗列着 SOAP, XOP, […]
为什么要建立网站标准
我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的”浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。
如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司(Netscape、Microsoft等)也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。
简单说，网站标准的目的就是：
提供最多利益给最多的网站用户
确保任何网站文挡都能够长期有效
简化代码、降低建设成本
让网站更容易使用，能适应更多不同用户和更多网路设备
当浏览器版本更新，或者出现新的网络交互设备时，确保所有应用能够继续正确执行。
对于网站设计和开发人员来说，遵循网站标准就是使用标准；对于你的网站用户来说，网站标准就是最佳体验。
采用网站标准的好处
对网站浏览者的好处：
文件下载与页面显示速度更快；
内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；
内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等）
用户能够通过样式选择定制自己的表现界面
所有页面都能提供适于打印的版本
对网站所有者的好处：
更少的代码和组件，容易维护
带宽要求降低（代码更简洁），成本降低。举个例子：当 ESPN.com 使用 CSS改版后，每天节约超过两兆字节（terabytes）的带宽。
更容易被搜寻引擎搜索到
改版方便，不需要变动页面内容
提供打印版本而不需要复制内容
提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。
By www.w3cn.org
Read More..>>