设计一个极致用户体验的网站，打通营销任督二脉，提高转化率，才是网上推广成功的关键

swmozowtfl · *发表于* 2015-6-28 12:20:01

1。 首先你要设计一个靠谱的网站，这个是一个非常艰巨的任务，也许需要3个月到半年的时间才可以达到你想要的理想状态，或者说用户觉得可以使用的状态。先说说目前我观察到的大部分seo站长类型网站所面临的一些重要问题，小的细节都不多说了。

首先是网站的设计问题，通常内容布局的不是太合理，主页的内容都是太多了，如果你的网站有很多内容，你觉得都要塞到主页里面，那你就错了，布局内容有很多隐藏的方法。如果你内容隐藏起来了，重点在主页展示用户最喜欢的内容，让他们没有选择性的阅读困难。如果主页内容太多了，那么会造成阅读的疲劳。

不信，什么事情你都不要问别人，问你自己的体验就很清楚了，你去别人网站浏览的时候，是不是会觉得这个网站设计很舒服，简洁，浏览起来很方便，而且也有挺多的内容，那是他们花了很多精力在网站的用户体验上面。还有的网站一进去看起来就觉得很不舒服，浏览起来很困难。所以，我的建议是不管做什么事情都要先问下自己的内心，如果你去看了设计不好的网站，体验是怎么样的？如果你自己都不喜欢这些设计，那别人怎么会喜欢呢？通常人性都是一样的。

＊＊＊查看下面网页隐藏内容的设计方法：

－问号提示内容设计图示： http://metricbuzz点com/blog/blog-cn/wp-content/uploads/2015/06/tooltip-hidden-content-example.png

－手风琴内容设计图示： http://metricbuzz点com/blog/blog-cn/wp-content/uploads/2015/06/hidden-accodion-content.png

－选项按钮内容设计图示： http://metricbuzz点com/blog/blog-cn/wp-content/uploads/2015/06/bootstarp-tab-hidden-content.png

－还有就是视频内容设计：你可以把大部分的内容设计成视频模式，然后让它变成一个小的按钮，用户点击下就可以放大播放视频。

如果内容太多，应该尽量把你的内容分成更多的网页，用户点击一下，打开新的窗口来查看。然后把 ’主页菜单‘ 设计成下滑点击的菜单，所有的网页可以一目了然的看到。总之你的目的就是所有的设计应该是讲究简洁，用户可以很快的找到需要的内容，主题突出，没有选择性的困难。这样的话会大大增加网站的用户体验。

网页设计工具推荐： http://3w点bootcss点com/

2。 网站颜色搭配问题：通常你的网站应该要有一个主要的颜色，比如HTML颜色代码－‘粉色’＃CC0099 ，还有的2个基本搭配颜色就是 ‘白色调’ 和 ‘黑色调’ 的搭配，通常背景为白色调，文字为黑色调。所以通常这3个颜色应该是你网站的基本色调，其他的内容元素可以增加一些不同色调，但是网站的80%内容应该主要是3个色调，根据主题来调整你的主要粉色色调。

如果你知道一些颜色搭配的设计，你就会发现通常颜色太多的话反而让人看的很不舒服，好像很乱的感觉。因为颜色代表了人的情感。比如红色让人看了有冲动的感觉，紫色的话显的高贵，白色代表简单，纯洁，黑色代表大气，粉色代表情趣，等等。

HTML颜色代码： http://3w点w3school点com点cn/html/html_colors.asp

帮你挑选网页颜色主题工具： https://color点adobe点com/create/color-wheel/

3。 文字设计问题: 通常很多中文网站用的都是自定义的文字，其实网上有成千上万不同云端的免费文字来供你使用，不同的字体会为你的网站体现不同美感。你应该找个合适你的网站风格，用户群体的文字来为你的网站增加美感。建议文字尽量少使用粗体，这样会体现网站的笨拙。细的字体看起来是比较体现美感的。

通常的做法是使用云端字体，就是找到这个字体的代码，然后嵌入到你的网页头部的部分就可以了，在 <head> </head> 的中间嵌入这个文字的代码，然后你的网页字体就会变成这个风格。

网上免费字体： http://3w点youziku点com/

4。 图片问题：通常很多网页的图片会有模糊现象，这个是不好的做法，会影响用户对你网站的信誉。图片不是原创，或者说太土了，这个也不妥。最好自己设计，或者要找免费资源的话，一定要注意图片的质量。

图片内容和你的网站主题不相关，这个应该也要避免。图片的内存太大，如果一个网页如果有很多图片内存太大，没有优化的话，那对于这个网页的速度会影响的，速度太慢，也会严重影响用户体验的。

图片背景没有去掉，这个问题最好也要解决掉。图片的后缀名jpg的内存会小点，但是失去一点清晰度，小的图片基本没有问题。png的话内存大点，不过清晰度会高点。

图片没有SEO优化代码？代码格式： <img src=”your-image.jpg” width=”” height=”” alt=”你的图片描述写在这里，给搜索引擎看的” />，图片的宽和高最好都要定义，让浏览器更快的下载你的图片， alt=””里面填写你的图片描述。

图片优化工具： http://3w点imaGEOptimizer点net/Pages/Home.aspx

了解更多网站优化细节： http://metricbuzz点com/cn

5。 网站内容质量问题：通常很多网站的内容都不是原创的，这个也是不好的做法。基本上搜索引擎有算法技术会知道哪个网页是原创，哪个不是的。因为你复制的内容早已经被搜索引擎检索了，然后如果你再利用到你的网页里面的话，这应该是可以查出来的。

而且，我觉得如果每个人都学会抄袭了，那这个国家还有希望吗？我知道很多人的想法是，不抄袭没有办法啊？短时间内写不出这么多原创的内容，或者希望要让网站快速的出现结果。但是你有没有想过，内容是一个网站的核心竞争力，一个人的灵魂，假设如果你不断抄袭的话，别人也会慢慢看出来的。

目前主流的思想还是比较鄙视抄袭的。如果你不断的有原创的文章，好好学习，天天向上，看大量的书籍，那你肯定可以写出好的原创内容。原创虽然慢点，但是慢工出细活啊。慢慢的你就会看到有好的结果出现的，当然，我不得不说，这最后还得看每个人的知识结构水平。

如果你的原创内容是建立在你的专业上面，然后你也非常了解你自己这个生意的每个环节，用户群的各类属性指标，然后再针对性的为你的网站内容撰写软文，设计浏览效果，那你的网站从长远来看将会有正面的效果。

我经常提醒我自己，就算短期内网站看不到效果，或者讲的大一点，就算混得不好，也坚决不做抄袭的事情，因为对我而言，那关系到一个人的灵魂道德问题。不过我必须要说，你可以研究很多其他设计好的网站，书籍，借鉴他们的方法，然后加以改进，这个方法是可以的，这不算抄袭，因为这是个互相学习，进步的结果。

建议学习的极致体验科技网站：producthunt点com

6。 独立网站域名问题：我看过很多的中文网站，刚开始我看见他们域名的时候都觉得很怪的感觉，怎么会取这样的域名呢？比如 dkdg.cn, eutnf.cn, dghid.com, 等等，你看这些域名的第一个感觉就是基本上不懂这些都是干嘛的？而且不是少数的列子，seo论坛的上超过80%的网站都是这样的？其实这是一个严重的错误，首先你要让你的网站，产品，品牌传播的话，那别人得要很容易记住你的域名，看到的话大概就知道是做什么的？而且输入进入的话很简单，所以域名越简短约好。

也许有人要说话了，好的域名都被注册掉了，这个我也不否认，我有过这样的经验，我曾经刚开始做网站的时候，没有经验，不知道原来短的，好记的域名都被被人注册掉了。我几乎中间断断续续花了3个月的时间来搜索一个理想的域名，当然中间也做了其他的事情。但是我最后发现，好的，短的域名越难找，这越让我感觉到注册一个好域名的传播重要性，因为我意识到以后不管我的网站能做到多大，流量有多少，内容有多少，我还是要跟很多同类的网站竞争。所以，这时候，用户能不能记住你的域名，这个域名是不是让人对你的行业有无尽联想，输入进去是否简单，这些传播逻辑性都是很重要的，我自己就不愿意输入大概超过13个英文字母以上的域名，因为太麻烦呢？除非这个网站是非常重要，非去不可的。理由是现在每个人都太忙了。

＊＊＊ 我的建议：网上营销不能输的第一步－营销传播三板斧绝招

一。 网站域名：如果你想让用户可以记住你的域名，传播容易，输入简单，那就花点时间，找个简单的，少字的域名，这个域名必须要有创意，让用户对你的生意有联想，因为这关系到你未来网站的传播，流量。一般的用户喜欢传播有用的网站，有趣酷酷的网站，比较容易记住的，两性关系的，或则让他们的内心产生共鸣的。

经典案例：你可以看看 ‘小米公司’ 的书，他们对于域名就很重视，里面有很多的思想和理论。

二。 公司名字：公司的名字应该和你的域名保持一致，基本思路也大概一致。不过应该要考虑的是，如果注册了这个公司的名字，域名可以拿下吗？如果域名已经被注册掉了，可以购买吗？如果不行，那要再想一个统一的域名和公司名字才可以。最重要的还是要注意未来传播的便利和持续性。

三。 公司LOGO：公司的商标应该具有创意，传播公司的形象和价值，和你的域名应该是具有关联。总之这三个条件都要仔细考虑，比如公司的长远发展，未来的方向，法律问题，等等。具体可以参考下其他成功公司的案例。

经典案例：我最喜欢的案例是 ‘SnapChat点com’ 目前著名的阅读后即焚的社交应用公司，短短3年，市值$150亿，听说阿里巴巴也投资了这家公司。如果你好好研究下他们的域名，公司名字，LOGO，商业创意，传播价值，都是非常经典的案例，值得你做大量思考的。

他们的LOGO是一个幽灵，这个创意会让人具有无限想像空间，而且会让年轻人觉得很酷，然后它本身的社交工具也很酷，让你看完之后就可以把短信删掉。像幽灵一样消失了。我觉得就是因为他们的营销第一步做的极具创意，和传播价值，抓住了当下年轻人孤独的内心世界，以及目前所谓的 ‘亚文化现象’，所以在短期内传播的很快，形成巨大的用户群，商业价值。

＊＊＊查找可注册域名工具： http://3w点shopify点com/tools/business-name-generator

＊＊＊Domain name, Company name, Logo 3 in one search: http://3w点brandroot点com/

7。 网页链接问题：刚才上面分析了网站的独立域名，然后就是每个网页的独立链接问题，基本上也犯了同样的错误，独立网页链接出现各类奇怪符号，比如 fdff.com/#$#@.html, feiti.com/y*&(.).html , 这2种链接都是不好的，每个网页的链接最好包含关键词，不要有看不懂的符号，如果有的话，要修改链接。然后就是链接不要用下划线 _，应该用中划线－。搜索引擎搜索你的网页的时候，第一要素是根据你的 ‘网页链接’ 和 ‘标题关键词’ 来查找相关的网页，然后才根据找到的其中100个相关网页，根据每个网页的流量，权重，知名度，新闻热度，等等来决定搜索排名先后。

通常你的网页链接可以自己在网站后台修改，如果不行的话，要修改这个文件－.htaccess，它控制你的网站服务器方面的设置，包括你的网站链接。

文件路径：public_html/yoursite.com/.htaccess , .htaccess 这个文件就是你需要修改的，怎么修改的话，也许会有点困难。

查看修改链接范例： http://3w点metricbuzz点com/htaccess点txt

8。 弹窗工具太多问题：很多网站一进去主页就会出现很多弹窗工具，这个也是影响用户体验的设计。建议尽量不要一下子显示太多的工具，让用户自由点击去浏览下一步的动作会比较好。就是你的设计应该是 ‘被动’ 的设计，让用户自己喜欢看哪里，就看哪里，而不是一下子太多的功能干扰到用户的正常浏览行为。如果非要做主动的设计，也要注意 ‘量’ 的问题。

太多工具网站案例：http://3w点juxin58点com/ 我看了这个网站，设计大题上还可以，但是注意就犯了弹窗这个毛病，一进去主页的时候，你就会看到左边，右边跳出来几个聊天弹窗，我觉得这个是不合理的，下面的内容要关掉一个弹窗才可以看见。不是说不需要聊天的工具，而是说怎么样来做更合理的设计让用户舒服。

Lightbox example English version tool:http://3w点lokeshdhakar点com/projects/lightbox2/

9。 网页速度问题：网页的速度是很重要的，如果你的网站，第三方的工具代码安装的太多了，那会严重影响到网页的下载速度。原因是浏览器必须要不断的访问第三方的服务器索取相关的代码内容。一个网页如果安装的第三方服务器工具代码太多，有可能每次更新浏览一个网页要做几百次以上的第三方服务器访问，所以网页当然速度变慢了。网页速度是以千分之一秒来计算的。如果网页内容优化得当，一个网页下载速度在一秒之类也是可能的。

下载第三方代码还会出现的问题就是因为代码不在你的服务器里面，所以不能控制代码，如果对方代码出错，那你的网页也有可能会出现问题，还有就是可能出现的代码木马病毒问题。所以，使用第三方工具代码的时候要做长远，综合考虑。

通常网页速度太慢其他的2个原因是： 1）. 网页内容太多，代码也太多，注意分布均匀。 2）. 太多 javascript 和 Jquery 代码，如果这类文件太多的话，会严重影响网页速度。还有就是太多 CSS文件，这个也会影响网页的下载速度。所以通常解决方法是， JS 代码放在网页的最下面，代码放在外部文件夹里面，在 </body> 之前。 CSS代码放在网站头部，在</head> 之前，代码也是最好放在外部文件夹里面。还有就是可以利用代码压缩工具让太大的 JS 和 CSS 文件变小，但是通常效果不明显。

全方位速度测试工具： http://gtmetrix点com/

JS， CSS 代码压缩工具： http://refresh-sf点com/

10。 网站小图标－favicon, 在你的网页窗口上面左边，你可以看到你的网页小图标，这个必须设置下。

小图标favicon制作工具： http://3w点atool.org/ico点php

11。 网站隐私，等各类条款问题：你的网站必须要有这方面相关的申明，让用户了解你怎么搜集他们的信息，以及怎么去使用这些信息等等。一个详细的隐私条款会让你的网站看起来更有信誉和商业化感觉。

如果刚开始撰写有困难的话，你可以搜索下这方面的协议内容，然后来作为参考。

12。 ‘关于我们’ 的内容网页：实体企业公司的网页应该要有详细的 ‘关于我们’ 网页，它详细告知了对你感兴趣的用户个体关于贵公司的各种信息，比如公司的历史，产品服务，各项认证，客户对象，长远目标，使命，文化，联系方法，各类真实图片等等。通过阅读这个网页，让用户很快的了解贵公司的基本情况，直接的有个具体的印象。

所以搜集内容，优化好这个网页是很重要的。建议如果有第三方的认证信息，展示出来会比较好，公司内部环境的真实图片也可以让客户很快的对贵公司产生好感。

13。 网站的安全性：实体企业的公司，有必要在网站主页的底部，安装几个权威的网上安全认证，比如病毒检查认证，电子商务认证，行业专业认证，当地部门认证等等，这样会让用户很快的对贵公司产生信任感。

14。 繁琐填写各类网页表格的用户体验问题：我不得不说，在我的很多观察下，这是个全球网站都会犯的错误，包括很多老外的网站也会犯这个错误。而且目前好像没有太多人去重视它，但是我觉得如果你做个深层次思考的话，这还是属于网站用户体验表一个严重的问题，我就非常讨厌填写表格，原因是很多设计是有问题的。我查看了很多这方面的信息，发现很多人都有填写表格不成功讨厌的经历，目前也有一些网站在教你怎样通过技术等其他方法把表格的填写变得简单一点。

具体的问题就是，很多网站，比如在付款的时候，需要你填写一些个人付款信息，你每次都需要填写各类的表格栏目，其中包括 ‘邮件地址’ ‘xinyognka信息’ ‘准确地址输入（如果设计不当，找个国家名字都很困难）’ ‘生日’ ‘电话号码’ ‘等等各类繁琐的不必要的广告信息输入’。

表格输入的用户体验问题不仅仅发生在网页上面，很多手机的APP也会出现这样的问题，如果手机的APP有这样的问题，那这个问题会显得更严重，为什么？因为网页的话，毕竟屏幕空间比较大，填写内容就算繁琐也可以忍受着去解决它。但是如果放在手机屏幕来填写表格，找内容太麻烦的话，那么这将是一个灾难。我有好几次，因为在手机上面不能完成填写表格的任务，直接退出去，把这个APP卸载了。因为这个过程太闹心了。

＊＊＊以下是坏的表格填写用户体验：

1）填写很多不必要的信息

2）整个表格设计太复杂，填写信息太长

3）索取太多的个人信息

4）出现很多广告

5）下滑菜单设计不合理，比如你要填写生日，出现下滑菜单，你怎么都找不到你要填写的生日，或者说要找很久。同样的问题出现在填写国际的地址，下滑菜单出现的时候，找个国家名字都要找很久。

6）使用某个特定公司的注册邮件才可以让你完成表格注册。有些国内的网站，一定要你使用QQ的邮件才可以注册，这个是很难理解的，如果我只有 GMAIL 的话怎么办啊？

7）填写物流表格的繁琐

8）出现很多用户不理解的栏目，但是却没有具体解释什么意思？

9）设置密码太过于复杂，复杂到让用户无语呢？

10）表格标签信息错误

11）各类填写信息，栏目，下滑菜单很混乱，没有规范，用起来很困惑

12）用户点击提交按钮，却不让通过，但是系统并没有提醒用户出错在哪里？

13）系统认证，确定不是机器填写，这个地方有时候会有大小写区别，却没有提醒，也会形成困扰。

14）购物车表格设计：这是个非常重要的问题，根据研究表明，很多用户在使用购物车的时候，因为很多设计的不当，导致用户无情的抛弃你的购物车，离开了你的网站。这个就直接影响了你公司的业绩，所以关于这方面的设计，应该要研究下。

＊＊＊以下是好的表格填写用户体验：

1）解决所有以上坏的表格填写问题

2）如果是同样的电脑，除非是安全问题的填写，其他的填写可以通过代码的设计，自动帮助用户来填写这些信息，然后系统做一个提示，提醒用户是否按下确定按钮。这个对于购物车的设计非常重要，如果这个用户经常去某个网站购买产品，那他/她是不希望每次都要解决填写信息繁琐的问题。

3）问题的解决精髓在于，在安全的基础下，应该尽可能把填写表格简单明了，不要让用户产生痛苦，紧张，困惑的感觉。

＊＊查看好的表格设计－英文版： http://3w点usability点gov/tags/form-design

＊＊查看坏的表格设计－英文版： http://badforms点com/

15。 设计产品－颠覆用户体验的微创新思考？

有时候，我常常在想，很多人都在想着怎么创业，写程序，推广等等，忙了好几个月才让自己的产品上市，但是因为由于对于人性用户体验设计的缺乏了解，出现各种各样的问题，导致用户不能有效的使用你的工具，这真的是一个愚蠢的错误。所以创业者必须要把很多事情做的很细节化，深层次的思考，而不是随大流，没有了自己的思想。

在我看来，如果你大量研究用户体验的话，你就会发现市场上面各种产品，发明，手机工具，基本上都不能完全满足用户的内在需求，但是有时候有些事情又是很容易改进的，因为对这个方面的考虑不够深度，所以没有完全了解用户的痛点。如果你完全了解这个行业用户痛点的话，然后把这个痛点的事情解决掉的话，那就会形成良好的口碑，口碑和广告的力量是不一样的。它传递的是信任，会让更多的人来使用你的产品。当然，你不应该就停止在这里，你应该要让用户不断的给你的产品提意见，然后根据投票来决定最需要改进的地方。

在我看来，一个公司的成功不是看它做了多少产品，而是能不能做出一个极致的，目前市场上面还没有的，可以不断解决用户痛点的产品。这样的话，他们就会不断地在 ‘新媒体’，如微信，微博，论坛上面为你做口碑传播，让你的产品很快的获得知名度。所以，你的产品应该是质量胜于数量，做一个好的产品可以打败100个烂的产品。’微创新‘不是从宏观上面去执行的，而是在一个产品很小的地方，不断地改进，优化，解决用户实际的问题，从微观上面来执行，最后做大，做强，就可能颠覆整个相关行业市场。

经典案例：我觉得苹果公司就是这方面经典案例，当年乔布斯第二次接管苹果公司的时候，他们的笔记本，平台电脑做不过 IBM， DELL，操作系统做不过微软，后来他们觉得先利用公司目前已经掌握的各类技术来开发 MP3 的颠覆产品，就是苹果的IPOD，他们把IPOD这个产品做到了极致的用户体验，从设计方面，听歌方面，歌的存储能力方面，当时传统的MP3使用的是光碟，体积庞大，也不美观，能存储的歌不是很多。反之IPOD据说可以存储几万首歌，再加上一流设计，用户体验的极致，当时一下子全球卖出了几亿只。让苹果公司赚了很多钱，同时还征服了很多音乐发烧友用户的心，然后他们再用这些用户的反馈数据，不断的创新，开发出了后面的一系列的颠覆性产品，直到目前的IPHONE6S。最后同时也在笔记本，平台电脑上面颠覆了整个行业，超过其他的竞争对手。所以说，创新的颠覆点应该要从很小的别人没有观察到的细节出发，也许这就是典型的蝴蝶效应吧！

16。 最后要说的是用户在使用网站的逻辑推理设计是否合理？

简单的来讲，你不能让他们思考怎么使用你的网站，所有要浏览的内容应该不要超过3次鼠标点击，每次看到的内容应该要主题突出，不要有太多的干扰。网站的每个环节是否有使用的困难，代码的问题，购物车的问题，填写表格的问题，等等。

如果用户不能很简单的找到网站的内容，阅读起来吃力，有出现选择性的困难，内容没有实际性的帮助，内心不能产生共鸣，没有传播意义，不会产生惊艳的感觉，记不住你的域名，LOGO，那你的网站可能成功的机会不大。

总结来说，用户体验是一个大工程，要说的实在是太多了，这里不能一一道来。不过我建议大家多深度细节地观察生活，以及其他用户体验好的网站，看一些比较好评讲解用户体验的书，这样的话你就可以更加的了解人性需求，然后才会提高你设计产品的各项用户体验需求细节。

原文出处链接：http://metricbuzz.com/blog/blog-cn/blog/怎样设计一个极致用户体验的网站/
得知互动论坛原创作者：metricbuzz
日期：2015-06-26

wwzcdenleclv · *发表于* 2016-1-25 22:50:22

既然你诚心诚意地发贴了，那我就大发慈悲地回复你。为了防止此贴被秒沉，为了维护此楼的繁荣！贯彻爱与真实的邪恶，可爱又迷人的顶贴角色！穿梭在贴吧之间的顶贴队！喵～就是这样

Mqokjdvq · *发表于* 2016-1-25 22:50:16

看完楼主的帖子，我的心情竟是久久不能平静

seazvyt · *发表于* 2016-1-25 22:50:13

我怎么说那?~!

mwxny · *发表于* 2016-1-25 22:50:33

呵呵高高实在是高~~~~~

effoggikeftor · *发表于* 2016-1-25 22:50:04

能告诉我丫挺什么意思吗?赐教

gevaemaidovef · *发表于* 2016-3-18 19:24:52

不为楼主的标题所吸引，也不是被贴子的内容所迷惑。

wwdu926a · *发表于* 2016-3-18 19:24:33

苍天之下，厚土之上，竟有如此奇人异士、文人墨客！讥讽于谈笑间，笑骂于无形中，层次之高，境界之深，非我等所能匹及，偶像啊！

seazvyt · *发表于* 2016-3-18 19:24:15

做为老人！在吧里我都懒的都不想说话！送完经验我就走！

wwdu926a · *发表于* 2016-3-18 19:23:54

唉!猪!你怎么了?

seazvyt · *发表于* 2016-3-18 19:23:29

唉!猪!你怎么了?

设计一个极致用户体验的网站，打通营销任督二脉，提高转化率，才是网上推广成功的关键

猜你喜欢

回复|共 10 个

回复

快捷导航