《网站优化》学习笔记网页设计

“旺旺α”通过精心收集，向本站投稿了9篇《网站优化》学习笔记网页设计，以下是小编收集整理后的《网站优化》学习笔记网页设计，欢迎阅读与借鉴。

篇1：《网站优化》学习笔记网页设计

对于新用户，网站只有不到2分钟的介绍时间，其中，花在主页上的时间只有半分钟，这半分钟里大部分的时间用于决定下一步去哪里，而不是逐字阅读那些内容。成人每分钟阅读200-300个单词，所以，更为实际的做法是把网站的介绍用10到20个单词就讲清楚。用户会在内部页面上花1分钟，但这一分钟里的一部分时间会用于评估网站的导航系统以及决定下一步去哪里。所以，有可能会阅读100个单词量的信息。

用户要完成任务时，88%的情况下会先去搜索引擎，只有12%的情况下才会直接去一个他们希望对问题能有所帮助的网站(Expedia也不例外)。搜索引擎只理解真正的文字，所以它们可以算是世界上最有影响力的盲人用户。

相比搜索引擎自然排名而言，搜索广告投放是一个短期解决方案，但做法是昂贵的，而且会逐年更昂贵。点击搜索引擎广告的第二位的用户，转化率可能高于点击第一位的，因为他们更积极地在寻找解决方案。

用户滚屏与否很大程度上取决于他在短短的几秒钟内是否认为自己走对了地方，但如果一定要设计成滚屏，也尽量不要让长度超过2.3屏。

Victorassecret是全世界最好的25个电子商务网站之一。

Jakob的《Homepage Usability》和《Designing Web Usability》值得一看，还有《Information Architecture for the World Wide Web》。

网页设计的两个主要策略是：使你的内容看起来是一顿很有营养的大餐；向用户表明这些内容很容易得到。

后退按钮是Web浏览器中第二大常用功能，仅次于链接到新页面。后退按钮可能由于嵌在页面内部的重定向而不是隐藏在服务器端的重定向而失去作用。

（P55-56）这里讲了用户对于广告的抵制态度和“习惯性忽略”，提出适当位置的和当前页面相关的文字链比图形或动画更能吸引注意力，因为用户已经习惯于认为网站上有用的部分都是以普通文本的形式出现的。（P192）眼球跟踪研究发现，对于在线的新闻内容，标题和文字是首先被注意到的，甚至先于图像。

搜索是仅次于导航的人们最常用的在网站上查找信息的方式。符合用户期望的搜索，才是好的搜索。即使只有一个结果也需要显示搜索结果页，因为这是用户所预期的方式，而且一旦用户看到搜索结果那么少，就可能想要修改搜索条件。

人们用以判断一个公司是否值得信任的主要标志：该公司是以一种皮包公司的方式运作呢？还是愿意提供一个实际的地址和电话？

三个因素会影响到一个问题对于用户的严重性评级：频率，多少用户会遇到？后果，遇到会造成多大的麻烦？持久性，是一次性麻烦还是每次都会有麻烦？计算公式是“频率得分×后果得分×（持久性得分的平方根）”。之所以持久性得分用平方根来算是考虑到实际上用户遇到麻烦后很可能不会再来了。

（P95）四分之三的人们遇到的可用性问题都和查找、阅读和理解信息有关。其中，可查找性（信息体系结构，类别名称，导航，链接）是最大的问题，占了26%；其次是页面设计（易读性，页面布局，图形，显得不够专业，滚动），19%，然后是信息（内容，产品信息，公司信息，价格），18%，还有搜索，11%。以上四项加起来差不多占了75%。除了这四项和信息相关的问题之外，任务支持（工作流程，隐私，表单，不同产品之间的对比信息，缺乏灵活性）也是较大的问题，12%；然后是花俏的设计（多媒体，后退按钮，PDF/打印，新窗口，声音），9%；其他（程序错误，Web上的可见度，广告，新网站，比喻）4%。广告之所以没有成为较大的问题，是因为用户虽然讨厌广告，但他们会主动忽略它，而且广告必须达到非常讨厌的程度才会导致用户离开网站。

（P97）任务失败的原因和上面说的问题不同一样，因为有些可用性问题会让用户痛苦，但并不见得会导致任务失败，比如广告、比如页面设计、比如易读性等，

（当然，这些问题虽然没有导致失败，但是会导致用户不那么喜欢你）。任务失败的原因主要有这些：搜索、信息体系结构、内容、产品信息、工作流程。搜索占了15%，可查找性占了27%，信息占了19%，任务流程占了13%，花俏的设计占了11%，页面设计8%，其他7%。

通过将同样的链接散布到页面上各个地方来强调它的方法实际上会减小用户看到它们的可能性，页面上的对象越少，用户就越可能注意到它们。过多的页面元素，相互竞争之后，大家都不会显得突出。所以，使用重复链接的方式弊大于利，即使增加了某个特定页面的访问量，但可能会失去一些用户对于网站的再次访问量，他们会因为不容易在网站上找到所想要的而感到困惑。

应当把主页上的直接链接保留给少量最重要的用户任务，对于主页上任何一个单独的区域来说，需要将直接链接的数量限制在3～5个，如果区域很多，那么最好是3个或更少。

更多的文字意味着更少的阅读，整块密集的文字其实是在告诉用户“你要很费力才能从中找到所需要的信息”。文字尽量别用抗锯齿效果，它会导致文字模糊，而且会增大图像文件的大小。（P189）尽可能别用移动的文字以及图形文字，人们对于闪烁或移动的文字感动厌烦，因为这些文字会影响他们正在做的事情。他们会把动态的文字和广告联系起来，因而可能会忽略它。（滚动文字在一些特殊场合可能是有效的，比如发布一些重大新闻。）

（P177-178）对于印刷品而言，有衬线的字体更加精美，对于分辨率有限的屏幕而言，无衬线的字体更合适阅读。无衬线字体在字号很小时会更清晰。Arial和Verdana都是无衬线字体，用户都很喜欢，后者在小字号时也很容易辨认。

（P182～183）一般而言，黑色字体，加上冷色调和不饱和色的背景，是最好的搭配。黑底白字当文字较小时白色的边缘会显得模糊，如果需要用深色的背景，尽量选黑色之外的某个深色。紫色和黄色这些颜色的对比度很高，会给文字一种振动的效果，这也使得它很难阅读。

Web内容要重视可扫描性和可理解性，所以，用简单朴素的语言进行描述，少说废话，少用花俏的词汇，在开头两行就讲出关键结论，这些很重要。另外，人们更喜欢陈述事实的语言，会忽略浮夸的宣传语。标题很重要，需要简炼且具有描述性，标题左对齐比居中对齐更易于阅读。

对于用户而言，网上购物的一个优点是他没有任何必须购买的压力，也不需要挡开那些过分热情的销售人员。大肆的市场宣传和过于热情的销售方法会把Web上的客户赶走。没有必要在字面上欢迎人们来到你的网站，对于用户而言，更有意义的是清楚的产品信息、高质量的网站内容。用户愿意信赖一个清楚地对产品和服务进行描述的网站，而不是充斥着销售方面的宣传广告的网站。

提供少数合适的选择通常要好于显示出很多看起来很相似的产品，人们不喜欢面对大量的选择。

三次点击规则不是可用性准则，强制要求一个大型网站遵守三次点击规则通常会导致网站的导航系统不堪重负，难以理解。只要每一次点击都能使人们更接近想要的结果并且速度合理，他们并不介意点击多个页面来完成任务。

人们访问Web是因为它有用，而不是它好看。视觉上吸引人是好的，但内容才是最重要的。Flash不应当被用来使得一个页面更加活泼，如果你的内容令人枯燥的话，就重新写一下，并请一个专业摄影师拍一些更好的照片。富媒体能够在某些情况下提升用户体验，但在大多数时候是“穷”媒体使你变得富有，因为简单的设计能够使用户专注于和你做生意。

可用性在很大程度上就等同于简单性，更少的功能意外着更少的令用户感到迷惑的东西、更少的用户出错风险、更少的描述和文档、更少的帮助信息，去掉一个功能就能自动地提高其余功能的可用性（老邓按：增加一个功能就会自动地降低其他功能的可用性）。所以，在将设计元素增加到网站之前，先问问：这个元素会简化用户的任务吗？这个元素能为用户带来更多的价值吗？

本文来自：www.raydeng.com/%e3%80%8a%e7%bd%91%e7%ab%99%e4%bc%98%e5%8c%96%e3%80%8b%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0.html

篇2：网站性能优化的实践网页设计

最近去听了D2 论坛，更加深刻体会到了网站性能对于用户体验的重要性，

慢500ms =Google用户访问量降低20%

慢400ms=Yahoo! 用户访问量降低5-9%

慢100ms=Amazon销售额降低1%

散会后,不禁想看看自己网站的性能如何。自从把网站搬家到国外，还真有点担心。通过Google网站管理员工具查看网站性能，不禁大吃一惊：您网站的平均网页载入时间为 20.2 秒。该站比99.7%的网站慢。

看来要动手优化一下了。先在自己的Firefox 浏览器里安装了网站性能检测工具Google Page Speed和Yslow。首先用YSlow来检测一下访问网站首页的大小。总共257.3KB。

再用Google Page Speed 看看有什么可以改进的。从发现的问题来看，还是有不少的可以优化的地方。

由于技术能力和时间都很有限，只能进行简单的优化。我做了以下一些优化工作：

一、压缩样式图片

我并没有用什么高深的压缩工具，只是用Fireworks CS4批量处理了图片（没有改变文件类型），原来网站的主题的所有样式图片有195KB, 优化后就减少了54.94KB而且优化后的图片，肉眼根本看不出区别（至少我是没看出来）。

二、启动gzip 压缩

由于我使用的虚拟主机，并没有配置服务器开启gzip的权限。我只能依靠Wordpress 的插件 GZIP Output。首页页面大小（Html/Text）减少了18.9KB。

但是，GZIP Output 只能对于php 文件进行压缩，对于大部头的CSS、JS 文件都无法处理，

我又下载安装了WP CSS 和WP JS 插件想分别对CSS 和 JS 文件进行压缩。不过，WP JS这个插件我没搞懂怎么用，WP CSS 倒是应用成功了。网站主题样式表文件从原来的23.5KB 变成了8.1KB,单就首页来说又减少了15.4KB。

三、减少不必要的页面元素

从页面来看载入的js 来看，我有两个Js是用来做网站访问统计的。一个是google analytiss一个是piwik。权衡利弊我去掉了piwik的统计代码，首页大小又减少了8.3KB。

另外，网站页脚的有个图片没什么作用。我干脆给去掉了，首页大小又减少5.66KB,。这样做不仅可以减少页面大小，还可以减少不必要的Http请求。

总结一下

真是不优化不知道，一优化吓一跳。优化后首页大小从原来的257.3KB变成了154.0KB, 总优化数值为103.3KB,比原来页面优化了40.15%。首页的Http请求从原来的25个变为22个。具体优化明细如下：

经过了这一番优化，到底会对页面载入时间产生什么效果呢。让我们使用Web Page Analyzer试试看，它可以模拟用户在不同网络情况下访问页面载入时间。对比一下优化前后的情况，效果还是相当不错的。主流带宽的用户首页载入时间，从20.37秒优化到只有不到3秒。

以上的优化工作其实不只会对首页有优化效果。因为整个网站用的是一个主题样式，其他页面也都得到了优化。至于整个网站的优化性能，我们还用文章开头用的Google网站管理员工具来检验一下。到了一月份再通过它查看网站性能，终于，得到了满意的结果。“您网站的平均网页载入时间为 2.6 秒（更新时间：-1-9）。 该网站比 57% 的网站快。”

本文来自：www.2beusable.com/website-optimization-practice.html

篇3：网站/网页设计个人简历

网站/网页设计个人简历模板

篇4：大网站改版网页设计

今天看到淘宝首页有新版体验信息，点进去，看到最新的淘宝首页，我个人不太习惯，不知道数千万淘宝会员觉得如何，暂且不评论罢。

就大网站改版这个话题，说说我的看法。

改版干吗？

一个网站，一段时间总要进行改版，这似乎成了行规。就我的了解，在这几种情况下比较容易催生改版：

用户习惯发生明显变化

用户体验需要大幅优化

组织结构调整

大老板说要改

逢年过节或有象征意义的改版（如我们说过的apple改版）

可是回过头来，只有前两条是真正站在客户角度考虑的结果。不过，大多数网站改版都是为了改而改。

应该潜移默化做改变

我们说网站的形象维护，就像经营一个品牌。当客户足够多的时候，尤其是有很多黏性客户的时候，用户跟你成了老朋友，在他们心中你是原来的样子，可是突然做了很大变化，那用户就不好接受了。

比如SONY的logo，几十年来发生了很大的变化，但是是一点一点改过来的，普通人一点都没察觉，SONY还是那个时尚的SONY。

再比如新浪网，去年进行了很大的变化，从800像素宽变到了1024宽，可是用户完全在不知不觉中完成了切换。因为，数千万用户已经习惯在右边点新闻，在中间看广告了，改了，人家找不到。之后，新浪首页经常在做微调，几乎每个月都有新变化，我一直注意这个，用户慢慢接受。所以新浪网在客户心中的形象，十分一贯也十分稳定。

反面的情况呢？Yahoo中国当年突然从一个门户网站变成了仅有搜索条，用户找不到原先的东西了，

电脑资料

这会让用户觉得，你出什么事了，为什么这样。这就叫做：客户感情危机，我们应该避免这种东西。

别让客户跟着你拥抱变化

有个很有意思的说法，叫“拥抱变化”，叫“唯一不变的是变化”。我呸！这说的是态度，不是事情。我们没有道理让客户跟着我们一起拥抱变化。损失客户感情，风险真的很大。

变化是用来回头看的，不是给惊喜

刚才说了，变化应该潜移默化，可是有人会说了，那改版有什么意思。我说，改变，尤其是有很多客户基础的改变，不要给客户惊喜。

因为，你认为是惊喜的东西，别人看上去没准是惊愕。

因为，变化给人的感动，是慢慢形成的，变化是用来回头看的。当我们发现自己这5年来的变化，从不在网上买东西到什么都在网上买的时候，我们会感叹自己的变化，这个过程没法太快。

要真心做测试

我相信无数网站改版，做A/B Test，都是象征性的，因为大老板已经说了，要改成B的样子，于是装模作样做一下测试，试图证明B是好的。

真正的测试是从概念阶段就开始的，每一步去测试用户的反应，向着好的方向改动。绝对不是都要切换了，临时做一下测试，那是象征性的，你都决定要改了还问人家干啥！

==============

这就是我的想法，不针对任何人任何事。

本文来自：www.panghufei.com/?p=10068

篇5：如何深入学习网页设计

深入学习网页设计方法

首先，你可以使用网上教程网页设计。

很多网站提供简短教程网页设计方面。他们很容易找到，也非常有用。因为你可以专门搜索你想改善的技能，像使用Flash或Adobe的产品。你也可以去当地的图书馆，并借阅网页设计的书籍。您将有大量的信息在网页设计的知识供你掌握。

其次，你也可以在当地大学或者社区学院中申请课程。

在课堂上的学习往往是学习的最简单方法：有一种结构化的环境，稳定任务以帮助你学习网页设计和现成的老师来帮助你。同时，你还可以和其他同学讨论相关的知识。上面这些都可以帮助你很好的学习网页设计。

最后，你还可以找到一个能够提供给你网站设计学习服务的电子商务公司。

专业的电子商务公司会有免费提供给你的网站设计服务，同时这些电子商务公司还会不定期的提供一些免费的学习课程。

学网页设计需要会哪些软件

Adobe Photoshop

简称“PS”，主要处理以像素所构成的数字图像，是使用最广泛的设计软件。使用其众多的编修与绘图工具，可以更有效的进行图片编辑工具。

CorelDRAW

Corel公司出品的矢量图形制作工具软件。与Illustrator类似，这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。

Adobe Illustrator

作为一款非常好的矢量图形处理工具，广泛应用于印刷出版、海报书籍排版、专业插画互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

Adobe Indesign

一个定位于专业排版领域的设计软件。是面向公司专业出版方案的新平台。可以提供自定义杂志、广告设计、目录、零售商设计工作室和报纸出版方案的核心。

传统美术

美术是所有艺术的基本素养，课程包括素描和色彩

Adobe Fireworks

Adobe推出的一款网页作图软件。软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。

网页设计技巧

1. 优化图片，获得更好的页面加载速度

学习如何通过选择正确的格式，来优化网页图片，并确保文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用宽带，但仍然有人是拨号上网。此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。

这里有个选择适合的文件格式的技巧：如果图片是单色，那最好保存成PNG或者GIF格式;如果是连续性的色调(如照片)则最好保存成 JPG格式。

有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参考这个工具列表来帮助优化你的图片。尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。

2. 保持干净和简单(即：简洁)

一个好的网页设计不光只是看起来好看而已，还要是用户友好型的。通常来说，一个干净、简单的网页设计最终会成为一个可用性高的网页设计，因为它在与用户的交互中不会使其产生混淆。当页面上有太多的网站功能和组件时，将会分散网站用户的注意力而失去原本浏览网站的目的。确保每个页面元素都有其目的，然后问自己以下问题：

1.是否真的需要这个设计么?

2.这是什么组件是做什么用，它如何协助用户浏览?

3.如果我突然删除这个组件，大多数人会希望它“回来”吗 ?

4.如何把这些元素和目标、消息和网站的宗旨互相结合?

此外，尽管它可能是一个超酷的新概念或界面设计模式，但你还是要确保对你的用户而言该设计仍然是方便和直观的。人们习惯于通用性的交互模式、网站功能、和网络接口，如果你的设计的确很独特，确保它不是太模糊和晦涩。 要有创意，但还要保持简单。

3. 导航(条/栏)是最重要的设计

一个网站最重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这明显的实际方向，我们将讨论一些建构网站导航时重要的点。

首先，在网站的导航结构上，投入足够的时间和很多规划是非常重要的。虽然这是常识，但仍然有很多设计师想当然地设计网站导航。

摆放位置、风格、所用技术(javascript或CSS)、可用性和网页易读性，这些是你制作导航设计时需要考虑的。

在没有CSS的状况下，你的导航设计应该也是可用的，这是基于文字基础的浏览器相容性。你可以尽量去嘲笑文字基础的浏览器，但它们在很多的移动设备上还是流行的。也许更为重要的是，对屏幕用户来说(99.99%的情况下)，没有CSS的导航功能照样可用访问。

在没有客户端技术情况下(如Javascript或Flash)，导航功能应该容易进入和使用的。用户可能因安全性或公司政策而没有开启或安装。

所以，制定一个导航系统可以放置的良好位置是必须的，例如放在一个显眼可见的地方。一个好的导航功能，只要网页载入就出现，而不需要鼠标再向下滚动。这是为什么页面要保持干净和简单的重要作用，一个复杂且非常规的设计可能会让用户困惑。

哪怕只有一瞬间，用户也必定不会纳闷：“网站导航在哪里?”

最后，对网站建立阶层结构，多层次的管理。确保它在父层与子层之间易于导航。此外，不管在哪一个网页当中，也应该能很容易到达最高层的页面(例如网站首页)。

最主要的目标就是你的网站导航，尽可能减少操作(动作)，努力而让用户到达他想要浏览的内容。

4. 明智和有条理地使用字体

虽然有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持CSS3)。 所以坚持使用网页安全字体。如果你不喜欢网页安全字体，可以考虑利用sIFR或Cufon逐步增强的网页设计。

保持字体的一致性，确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。

也许一个网页设计师常常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中呈现，所以我们有时设置字体大小而让用户感觉到不舒服。如果可能的话，尽量保持字体大小12像素以上，特别是对段落内容。虽然很多没有遇到因为字体太小而造成阅读上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。

篇6：如何在实践中学习网站优化

学习网站优化已经1个月多了，自己实践的网站也开始慢慢有了权重，流量和排名也有很大的变化，前2天建立了个真钱 游戏的网站，设立了...

学习网站优化已经1个月多了，自己实践的网站也开始慢慢有了权重，流量和排名也有很大的变化，前2天建立了个真钱 游戏的网站，设立了4个关键词，真钱 游戏 现金 游戏 真人视频游戏 真钱扑克游戏 但是这4个关键词的难度很大啊，但是每天还是坚持的优化，

优化网站其实是一个很漫长的过程，开始刚刚学习的时候就在SEOWHY 上学习的，上面介绍了一些关于SEO的基础知识和一些高手们的经验之谈，学习了2天就开始在实践中总结经验了啊，刚开始的时候还是对这些工作很郁闷的，每天都在重复的做一些工作像是软文，文章 做外链啊 做博客啊每天都占据了很大的时间，刚开始的时候都有点不耐烦了啊，做这些还用学吗?但是在春节混来之后突然发现自己优化的网站关键词的排名都上去了啊都在百度的首页有3个关键词已经在百度的前3名了啊 心里一阵窃喜，

网站优化最重要的就是实践，只有实践了才能慢慢总结出自己的优化方案，学习高手的经验但是不建议按部就班的套用，要找一套适合自己的优化套路，在实践中慢慢的摸索啊，总会有一天我们自己会有一套适合自己的优化方案，我在自己的网站上慢慢总结出适合自己的东西。都是靠在各大网站上学习的结果啊。

学习网站优化基础知识一定要懂，可是不要只顾在基础知识上，也要在实践中慢慢的学习，这是我对学习网站优化的经验之谈。

厚诚集智 成长无限 www.51hlht.com

篇7：电子商务网站评论设计探讨网页设计

从CNNIC在的报告中可以看到，超过80%的网民购物之前都要看评论（包括本站、其他站评论），超过80%的网民都比较信任口碑（包括网民、亲朋好友推荐），貌似又满足那个传说中的二八原则，我认为还算靠谱，

也就是说，电子商务网站商品的评论很重要，好设计可以提高用户参与度，好的参与度可以得到更多的优质评价，更多的优质评价可以直接提升产品销售率。因此，我们今天话题也聚焦在“电子商务”领域，因为不同类型产品的商业意图不一样，设计方案也会不同，混为一谈意义不大。

是否需要登录后评论

gouwu.youdao.com/ 有道购物搜索商品评论表单

我更倾向于宁缺毋滥的方案，如有道购物搜索必须登录才能在文本区录入内容，但之前会显示评论表单出来。应该是有使用经验的用户才有“评价”资格，控制质量的门槛还是必须的。

首先是现场提到录入内容，并点击“确定”之后才告诉得登录的情况显然很糟糕，虽然能引导进登录或注册成功，但返回后之前录入的内容已全部清空。这个问题的根源，我认为在于没有明确告知门槛，事发之后又没有完善的解决方案，最简单的办法是直接告诉用户“评论请先登录系统。”曾经见有同行提出，上个解决方案太生硬，因为还是不能直观告诉用户如何参与评论？怎么评论？如果显示评论表单出来，可能会更激发用户的评论欲望，并且说有数据支持。

其次尤其是有金钱交易的电子商务行业，网友更关注注册用户的评价，而参考陌生游客评价的权重低。因为网友有可能会跟踪注册用户去参考他的其它评价，或对此人的评价进行“权威性”评估。典型案例如淘宝，某些很挑剔又人品不好的顾客很容易给卖家差评，

是否需要分项评论

www.360buy.com/ 京东商城商品评论表单

针对提到的京东商城评论典型案例中，把产品评论细化为了“优点、缺点、总结”。我个人认为这样的设计有点一厢情愿，意图是理想的，但用户可不会这么听话。

首先在产品本质角度理解，电子商务网站的根本是卖东西，必然应该优先资源想尽办法引导用户消费，从而势必会与让用户了解客观评价的目标相冲突。客观评价应该由第三方网站去做，这样才显得公正公平。比如网络书店有当当、卓越两大巨头，而写书评大家还是愿意去豆瓣，这两边的氛围完全不一致。总结而言，同样的一个产品，不可能兼具两种目地性和气质。（当当和卓越即使要搞豆瓣模式，也应该另外整个域名，不过显然目前是没法超越了。依托资源做事，有多大好处就有多大坏处，具体请参考公司都是有传统的。）

其次在用户提供内容的动机来看，“有话说”的根本在于“想表达”，而且会相对极端的表达好还是坏，或者“Yes or No”。因为消费者了解必然有限，并且会主观站在自己立场考虑事情，即使资深用户也如此。另外，优点与缺点本身就是总结，最后的“总结”更显得有点多余。也好也坏，有多少好又有多少坏，并且能相对深入点评，那是专业导购网站做评测的路子，比如IT168, PCPOP都是靠这个起家的。

最后在交互角度考虑，拆分后会增加三个Textarea对象的文本区，将大大提升表单长度和视觉上的复杂度。尽管可以提醒用户某些可以不填，某些是选填，但还是会增加用户的认知负担。最俗的解释，表单太复杂，容易让用户望而生畏。

综上所述，我不认为京东评价是个好方案，这里的观点比现场更有条理并充分。正确做法，是让用户尽情表达，通过算法和用户打分来优选有利于商品销售的列表。别忘了电子商务网站的目标是卖东西挣钱，不是靠人气和话语权挣广告费！

本文来自：blog.rexsong.com/?p=8614

篇8：招聘网站怎么做网页设计

最近探讨flash在客户端的得失，与几位朋友交流时，突然想起，前段时间阿里集团旗下几个公司相继做出在业内反响比较大的几个招聘网站，不约而同都flash技术实现，原因可能有三个：

某些表现只有flash技术能实现；

flash技术表现互动更容易，制作成本更低；

通过作品表现团队实力。

相信三点原因是相互的，但我不仅要怀疑，真正专业的web designer会对这样的互动、视觉效果动心么？会因此认可招聘公司团队的实力么？在我看来，这样的招聘网站不仅传达不清晰，而且内容丰富程度上也远不够。具体原因，不妨先从受众用户角度来分析。

第一，网络招聘能招什么样的雇员？换句话说，什么样的人需要投简历找工作。通常外部网络获取信息，走招聘渠道的普遍不会是high-level职位。

第二，用户最关心哪些信息？除了千篇 一律的职责、资格、薪水范畴等基本信息，还有其他可能促进投简历的福利（如补助、年假）、签约、业务前景、工作环境、工作同事、操作流程、成长计划、上班交通等信息也很重要，同时也是公司之间的关键差距，我相信任何有经验的雇员都会很在乎，

互联网上很多有关企业文化、管理手段的探讨中，都会提到“以人为本”的说法，其实就是雇员在公司的用户体验。换句话说，高质有效的招聘网站，需要与HR部门同事业务支持的紧密配合。而不是任由设计团队的创意天马行空，这样不仅可以提高入选率，也可以提高面试效率。

相对来说，我认为淘宝招聘第三季做到比较好，把事情说的清楚、形象，也很有诱惑力。我心目中好的招聘网站，应该是个可以不断扩充、修正的信息体系，而不是每次招人的时候都重新搞。或者，完全可以当作产品来理解。

印象中，大多数广告公司、多媒体互动公司才喜欢用flash技术做网站，动画工作室更不用说了。虽然某些考虑比较周全的会再做个HTML版本，但总体来说客户端技术很差，也无法体现“web design核心是information, content”的本质。

原文链接：blog.rexsong.com/?p=6100

篇9：关于网站导航设计的探讨网页设计

许多网站缺乏针对性和友好的导航设计，难以找到连接到相关网页的路径，也没有提供有助于让访客/用户找到所需信息的帮助，用户体验非常糟糕，这篇文章，我们尝试就网站导航交互做一些探讨。

首先对于WEB交互设计师来说，解决上面遇到的问题，使之简单的方法是设计一套完善的网页导航系统。

优化网站导航设计的目的

一个网站导航设计对提供丰富友好的用户体验有至关重要的地位，简单直观的导航不仅能提高网站易用性，而且在方便用户找到所要的信息后，可有助提高用户转化率。

如果把主页比作网站门面，那么导航就是通道，这些通道走向网站的每个角落，导航的设计是否合理对于一个网站是具有非常大意义的。

1） 决定用户在网站中穿梭浏览的体验，这一点是最基本的。

2） 网站导航设计合理，可以将网站的内容和服务最大面积的展现在用户面前。

3） 合理的导航设计可以增加用户黏性，提高网站的浏览深度，从而提高网站PV值。

4） 促进用户消费，提高网站盈利。引导用户消费，将用户真正需要的产品和服务展示在他面前，甚至用户想不到的服务你也呈现。

5） 提高网站广告价值，增加网站广告收益。

……

网站导航的常见结构

雅虎的网页设计一直是国内众门户模仿的对象，我们首先来看看Yahoo网站现有的几种导航样式：

1） Yahoo首页 （最常用的栏目导航）

Yahoo首页左侧的导航列出了网站最常用（或访问最频繁，或网站运营最想让用户知道）的几个栏目。这种导航（也包括网页顶部横向结构）是目前互联网中使用最广泛的导航方式。

2） More Yahoo！Services （更多的导航信息的展现）

Yahoo作为一个全球大型综合门户网站，所提供的服务肯定不止首页左侧导航显示的那几个，那么更多的服务如何导航？同时又如何展现给用户呢？于是Yahoo的设计师们给我我们一种解决方案，如上图，点击从网页左侧展开一浮出层样式的服务导航页面。可以发现，这种导航也是多维度的（下面我们会专门探讨）

3） Tab式位置导航变体

我们还可以在Yahoo！TV 等栏目上发现这样有趣的导航结构，我们暂且认为他是Tab 式结构加上一个下拉菜单的一种导航组合。

nTV Home – Shows – American Idol – Overview 组成了一个单维度的导航

nTV Home同时提供了下拉菜单方便用户快速的转到其二级栏目下。

（这里我遇到一个困惑，在这里我不知道怎么TV Home上一级的目录是什么，也不知道如何返回。）

4） Amazon首页

Amazon可以说是在网络产品导航上的鼻祖了，让我们再来看看Amazon的导航样式又有什么特色。

看看它和谁最像？

5） Amazon购物列表页面

由Amazon购物列表页引申的讨论：

单一维度 和 多维度的导航结构

我们通常认为面包屑导航为单一维度的导航结构，如上图红色实线框所示，即它是一种线性的导航方式，

不过在网页的应用中，“面包屑”导航的应用有两种：

a)“追溯来路”即跟踪用户行为，记录的用户在网站的活动足迹的一种“线性导航”，

b)用来表达内容归属关系的界面元素，也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的层级归属关系.

而改网页左侧的导航却提供多种维度的导航，且这多种维度可以组合成不同层级的面包屑结构

如，我想买一台LCD平板电视，进到了：

Electronics › Audio & Video › TVs & HDTVs › Flat-Panel TVs › Flat-Panel LCD TVs

在这个页面上，左侧导航给我提供了品牌、供货商、价格、显示屏尺寸……等多种选择。

我可以先选品牌再选尺寸，如：

也可以先先尺寸再选品牌，如：

因此这种方式为用户提供了多种维度的导航，运行用户如在电器超市随意逛逛挑选商品，而不必考虑该先问导购员有什么品牌还是问有什么尺寸好。这一点符合用户的心理模型，值得设计中借鉴。

网站导航设计需要注意的问题及基本原则

我们就网站组日常需求中，有关导航的交互设计工作进行了交流，总结出在网站导航设计中需要注意的几点问题及基本的原则。

1.导航条的位置。主导航条的位置应该在接近顶部或网页左侧的位置，如果因为内容过多需要子导航时，要让用户容易地分辨出哪个是主导航条，哪个是某主题的子导航条。

2.导航使用的简单性。。导航的使用必须得尽可能的简单，避免使用下拉或弹出式菜单导航，如果没办法一定得用，那么菜单的层次不要超过两层。

3.面包屑导航。应该让用户知道现在所看的网页是什么和与现在所看网页的相关网页是什么，例如通过辅助导航“首页 >新闻频道 >新闻全名”里的对所在网页位置的文字说明，同时配合导航的颜色高亮，可以达到视觉直观指示的效果。

4.导航内容明显的区别。导航的目录或主题种类必须得清晰，不要让用户困惑，而且如果有需要突出主要网页的区域，则应该与一般网页在视觉上有所区别。

5.导航和排序的区别。导航和排序容易混淆，需要留意（看图指出问题）

这里的tab是导航还是排序？

Google Reader上的处理

6.准确的导航文字描述。用户在点击导航链接前对他们所找的东西有一个大概的了解，链接上的文字必须能准确描述链接所到达的网页内容。

本文出自：webteam.tencent.com/?p=156

【《网站优化》学习笔记网页设计】相关文章：

1.学习网页设计心得体会

2.网站运营先锋：网站优化

3.网站设计与网页制作的基本知识单选题

4.如何优化网页制作流程？

5.七月百度网站优化经验总结

6.大连网站优化教你如何优化网站

7.网站结构优化之链接结构

8.网站目标关键词的优化

9.优化网站链接探讨稳定发展

10.网站制作心得：关于网页设计的几点内容