让您的网站更有的放矢：网页设计的小建议网页设计

以下是小编为大家收集的让您的网站更有的放矢：网页设计的小建议网页设计（共含5篇），希望对大家有所帮助。同时，但愿您也能像本文投稿人“让时间多一点耐”一样，积极向本站投稿分享好文章。

篇1：让您的网站更有的放矢：网页设计的小建议网页设计

4月24日 上午 11:32:00

发表者：Sandra Cheng, 网站优化工具产品经理

原文：Make sense of your site: tips for webpage design

发表于：203月16日星期一，上午9:28

在以前，当您收到用户的反馈，需要改动您的网站的时候，您可能需要对网页进行重新设计，现在，您可以在您的网站上进行一系列实验，让用户来决定哪种版本最好，而不是只是跟着感觉走了。这里，我将向您介绍网站实验——同时运行同一网页的多种测试版本来了解哪一种网页方案更奏效。

在开始实验之前，请您先为要做实验的部分设计出几种方案。实验的部分可以是一些小的改变，比如换掉一张图片，或者是大的改变，比如大面积调整您网站的布局或颜色方案。然后，您可以使用谷歌提供的免费工具—— 网站优化工具(中文版)，通过向访问者自动展示网站的不同版本来测试这些不同方案。网站优化工具通过跟踪记录哪一种网站变化最能帮助您实现预定目标，从而能使您了解访问者最喜欢哪种方案版本。您可以把预定目标设为达成销售、吸引用户提交了一个表单或者点击了某个链接，或者其他与您网站的互动形式。事实上，这个过程就像一个简单的实验，并不需要很多复杂的数据分析。

网站实验的结果经常出人意料。比如，我们曾用网站优化工具对Picasa首页进行过一次实验，结果就让我们大吃一惊。在版本A里，我们使用了“免费”这个词，采用了以行动为导向的标题，并且放上了非常漂亮的产品图片。在版本B里，我们删除了图片，用按钮取代了链接，以这个产品能给用户带来的价值为主打理念。如果换作是您，您认为哪种版本能带来更多的Picasa下载呢？

版本A：

我们起初预测版本A显然会更胜一筹，因为A版本的图片会很吸引眼球，并且免费的字眼应该看上去很有吸引力。然而，实验数据却表明界面更简明的B版本却是带来下载量更多的。实际上，版本B比版本A多带来30%的下载量！这个例子表明：在有关网站重要决策的时候，有时您是需要依赖数据的，不能凭想当然，

现在，您或许会问自己，“我的网站可能有很多地方需要做实验，我应该从哪里着手呢？” 这里向您提供四点小建议：

建议一：通过8秒测验。用户需要一眼就能理解您网站的主题和目的。访问者通常都很忙，无暇顾及很多细节，您一定不想他们刚来到您的网站上就点击后退按钮吧？

建议二：告诉用户您的网站能给他们带来什么。突出显示您的网站能给用户带来的清晰的、触手可及的实惠（比如，“节省更多!” “收益更多!” “使用我们的产品会让您更好！”）

建议三：使用更有吸引力的图片。您要尽量采用产品的图片而不是一般的图片，使用图标而不是大块的文字，使用按钮而不是链接。请记住，使用低质量的、不相关的图片只会有损您网站的信誉。

建议四：果断地促成销售。帮助您的访问者尽快进行下一步，使这一步骤明确并容易到达，而不是让用户再去费力寻找。关于号召行动的词汇，“立即购买”要比“添加到购物车”更好。

一旦您决定要测试哪个细节（比如号召用户采取某种行动、颜色方案、标题，布局或者视频），您就可以使用网站优化工具，进行一项实验。对第一次使用网站优化工具的用户来说，我们推荐A/B实验，这是测试某两种版本哪个更奏效。网站优化工具会帮您处理繁杂的数据，并且当它发现某一数据能证明某一个方案明显优于另一个时，能及时向您展示。这些结果将在您每个实验的报告中展示，相应的滑动条将变成红色，黄色或绿色。当滑动条变成绿色的时候，意味着您的两种方案中的某一种已经开始胜出，能够明显地更有助于您实现预先设定的目标：

请记住，实验数据产生的最佳实践也不是完全普适的，他们并不一定是最适合您的网站和访问者的。在过去，人们都是凭主观想法和直觉来决定网站的设计。现在，有了这些有力的工具、数据和曲线，您就可以让您的访问者来告诉您哪种网站设计是最适合您的了。

现在就试一下吧，希望能给您的网站带来更佳的效果！

篇2：让您的网站更有的放矢：网页设计的小建议

在以前,当您收到用户的反馈,需要改动您的网站的时候,您可能需要对网页进行重新设计.现在,您可以在您的网站上进行一系列实验,让用户来决定...

在以前,当您收到用户的反馈,需要改动您的网站的时候,您可能需要对网页进行重新设计.现在,您可以在您的网站上进行一系列实验,让用户来决定哪种版本最好,而不是只是跟着感觉走了.这里,我将向您介绍网站实验--同时运行同一网页的多种测试版本来了解哪一种网页方案更奏效.

在开始实验之前,请您先为要做实验的部分设计出几种方案.实验的部分可以是一些小的改变,比如换掉一张图片,或者是大的改变,比如大面积调整您网站的布局或颜色方案.然后,您可以使用谷歌提供的免费工具--网站优化工具(中文版),通过向访问者自动展示网站的不同版本来测试这些不同方案.网站优化工具通过跟踪记录哪一种网站变化最能帮助您实现预定目标,从而能使您了解访问者最喜欢哪种方案版本.您可以把预定目标设为达成销售、吸引用户提交了一个表单或者点击了某个链接,或者其他与您网站的互动形式.事实上,这个过程就像一个简单的实验,并不需要很多复杂的数据分析.

网站实验的结果经常出人意料.比如,我们曾用网站优化工具对Picasa首页进行过一次实验,结果就让我们大吃一惊.在版本A里,我们使用了“免费”这个词,采用了以行动为导向的标题,并且放上了非常漂亮的产品图片.在版本B里,我们删除了图片,用按钮取代了链接,以这个产品能给用户带来的价值为主打理念.如果换作是您,您认为哪种版本能带来更多的Picasa下载呢?

版本A:

版本B:

我们起初预测版本A显然会更胜一筹,因为A版本的图片会很吸引眼球,并且免费的字眼应该看上去很有吸引力.然而,实验数据却表明界面更简明的B版本却是带来下载量更多的.实际上,版本B比版本A多带来30%的下载量!这个例子表明:在有关网站重要决策的时候,有时您是需要依赖数据的,不能凭想当然.现在,您或许会问自己,“我的网站可能有很多地方需要做实验,我应该从哪里着手呢?” 这里向您提供四点小建议:

建议一:通过8秒测验.用户需要一眼就能理解您网站的主题和目的.访问者通常都很忙,无暇顾及很多细节,您一定不想他们刚来到您的网站上就点击后退按钮吧?

建议二:告诉用户您的网站能给他们带来什么.突出显示您的网站能给用户带来的清晰的、触手可及的实惠(比如,“节省更多!” “收益更多!” “使用我们的产品会让您更好!”)

建议三:使用更有吸引力的图片.您要尽量采用产品的图片而不是一般的图片,使用图标而不是大块的文字,使用按钮而不是链接.请记住,使用低质量的、不相关的图片只会有损您网站的信誉.

建议四:果断地促成销售.帮助您的访问者尽快进行下一步,使这一步骤明确并容易到达,而不是让用户再去费力寻找.关于号召行动的词汇,“立即购买”要比“添加到购物车”更好.

一旦您决定要测试哪个细节(比如号召用户采取某种行动、颜色方案、标题,布局或者视频),您就可以使用网站优化工具,进行一项实验.对第一次使用网站优化工具的用户来说,我们推荐A/B实验,这是测试某两种版本哪个更奏效.网站优化工具会帮您处理繁杂的数据,并且当它发现某一数据能证明某一个方案明显优于另一个时,能及时向您展示.这些结果将在您每个实验的报告中展示,相应的滑动条将变成红色,黄色或绿色.当滑动条变成绿色的时候,意味着您的两种方案中的某一种已经开始胜出,能够明显地更有助于您实现预先设定的目标:

请记住,实验数据产生的最佳实践也不是完全普适的,他们并不一定是最适合您的网站和访问者的.在过去,人们都是凭主观想法和直觉来决定网站的设计.现在,有了这些有力的工具、数据和曲线,您就可以让您的访问者来告诉您哪种网站设计是最适合您的了.

厚诚集智 成长无限 企业大学网 www.51hlht.com

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

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

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

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

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

改版干吗？

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

用户习惯发生明显变化

用户体验需要大幅优化

组织结构调整

大老板说要改

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

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

应该潜移默化做改变

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

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

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

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

电脑资料

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

别让客户跟着你拥抱变化

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

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

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

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

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

要真心做测试

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

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

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

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

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

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

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

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

是否需要登录后评论

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

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

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

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

是否需要分项评论

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

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

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

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

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

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

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

★ 网页设计论文

★ 网页设计心得体会

★ 网页设计求职信

★ 网页设计心得体会

★ 笔试网页设计

★ 网页前端设计个人简历

★ 网页设计社会实践报告

★ 网页设计岗位职责内容

★ 网页设计实习心得体会

★ 网页设计个人心得