当前位置: 首页 > 网络学院 > 设计教程 > 设计理念 > 网站设计应该避免的25种常见错误

设计理念
图形简介:第一部分
图形简介:第二部分
图形简介:第三部分
图形简介:第四部分
网站规划101
通过网络赚取客户的信任
网站配色:第一部分
网站配色:第二部分
CGI剖析:第一部分
CGI剖析:第二部分
CGI剖析:第三部分
下拉表单:第一部分
下拉表单:第二部分
下拉表单:第三部分
网站设计公司:第一部分
网站设计公司:第二部分
Web 标准
HTML 元素
样式表
Web 易读性

设计理念 中的 网站设计应该避免的25种常见错误


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 1444 ::
收藏到网摘: n/a

Design-Mistakes-To-AvoidI'm sure you've seen examples of great websites on the internet - and also examples of really "Bad" websites. First impressions are extremely important - you have about 20 seconds to make that first impression a good one. If you want your visitor to come back you've got to do a lot to impress them in an extremely short period of time.

我相信,你肯定在网上浏览过一些设计成功的网站,也肯定浏览过一些设计非常糟糕的网站。第一印象尤其重要——用户在20秒的时间内就会对网站产生一个大体的印象,网站如果要提高回访率,就需要在极短的时间内给客户留下一个深刻的印象。

Many individuals or small business owners often opt to design and build their own websites. Without proper experience or website design background many mistakes are made. If you are a beginner then there are several things you should keep in mind to avoid before designing your website.


很多人会选择自己建立个人网站和小型商务网站,但由于缺乏适当的经验和网站设计背景,会在设计中出现一些错误。对第一次设计网站的人来说,设计之前需要熟知设计中应该避免的一些问题。

Here are several common mistakes which should be avoided when designing your new website.

下面介绍网站设计中应该避免的几个常见错误。

1. Slow Loading Pages

1.
网页下载速度慢

Problem: Have you ever gone to a website and waited and waited for it to load?

问题:有没有过登录网站以后,下载速度很慢的经历呢?

Solution: Optimize your images at a lower resolution to achieve faster loading pages. Keep your page sizes well under 60 KB.

方法:合理安排图片,尽量减少图片数量,才能提高网页下载速度。网页内容要在60KB之内。

2. Page Layout
2.
网页布局不合理

Problem: Websites that have the navigation in different places throughout the site. It looks cluttered and unprofessional.

问题:网站中导航条的位置不固定,使网页看起来很混乱,不专业。

Solution: Be consistent and be organized in your websites layout. Make sure all your web pages look the same and the websites navigation is in the same location on each page.

方法:在网站的布局中,导航条要前后一致,合理安排。网页布局要的大致相同,各张网页中导航条位置
相同。

3. Wild and Crazy Color Schemes
配色方案混乱

Problem: Have you ever visited a website that has a background with a bright, neon color and can't read the content because the colors are so loud? What's the point?

问题:背景是霓虹颜色的网站,你有没有登录过呢?是不是因为色彩而无法浏览内容呢?什么原因呢?

Solution: Think "easy to read." Avoid dark backgrounds with light colored fonts. White background with black text is best for the general public.

方法:页面要简单且易于浏览。避免出现深色的背景,彩色的字体。大多数浏览者喜欢白色的背景,黑色的文字

4. Spelling and Grammar Errors
4.
拼写和语法错误

Problem: Spelling and grammar errors just jump off the page.

问题:拼写和语法错误在网页中出现。

Solution: Always spell check.

方法:检查拼写和语法

5. Text on the Page
5.
网页的文本过多

Problem: Most internet users don't read web pages - they scan them.

问题:大多数网络访问者不会阅读网页内容——只是浏览。

Solution: Make sure your page is easy to read. Break text into manageable pieces, use sub-headings, short paragraphs, highlighted keywords and bullet points.

方法:网页内容易于浏览,把文本内容分成几部分,可以使用副标题,小段落,关键词和点式列表。

6. Font Styles and Sizes
6.
字形和字体眼花缭乱

Problem: Serif fonts such as Times New Roman are more difficult to read on a computer monitor. Also, text that is too small or way too big are hard to read.

问题:在计算机显示器上,像Times New Roman一样的衬线字体,不便于用户的浏览。当然字体过大或过小都不利于浏览。

Solution: Use non-serif fonts such as Arial, Verdana or MS Sans Serif for web pages that will be read online. Your page will look much better, more professional, and will be much easier for your visitor to read.

方法:用非衬线字体,例如:Arial VerdanaMS Sans Serif 等。这样的网页便于网上浏览,看上去更好,更专业。

7. Not Enough "White Space"
7.
空白区域不足

Problem: Too many words on a web page can be overwhelming.

问题:网页文字太多

Solution: Make your page easy to read by breaking the text into smaller, more manageable pieces. Also, use sub-headings and bullet points.


方法:可以把文章分成几小部分,还可以利用副标题和点式列表,这样方便用户浏览。

8. Cheesy Music that the User Cannot Control
8.
难以控制的低俗音乐

Problem: Background music on a site that does not fit. Next, not being able to shut it off.

问题:网站的背景音乐与主题不符,还不能关掉。

Solution: If you think you need to use music on your website for some reason, then make sure you offer your visitors the option to turn it off, or on, quickly and easily.

方法:考虑到某种原因,有必要在网站上播放音乐,那么首先保证用户可以方便、快捷地关闭或播放音乐。

9. Poor Layout and Design
9.
布局和设计拙劣

Problem: Have you ever been to a website that is simply just "too much"? It's like they are trying to fill every available pixel of space on the entire page.

问题:有没有浏览过没有什么内容,却编排很满的网站呢?他们好像要把网页可用空间都填满。

Solution: Don't overdo it when designing your pages. Just because you can add something doesn't mean you have to. Leave plenty of white space between your text and images.


方法:设计网页时,不要过分填充内容,因为你有可能添加一些不必要的内容,要在文字和图像之间留下足够的空白区域。

10. Overly Long Pages
10.
过长的网页

Problem: Ever been to a website with a page that just scrolls down forever?

问题:有没有登录过网页需要下拉的网站?

Solution: Most people will never scan down to the bottom of really long pages. It's better to have several short pages vs. a few really long pages.

方法:大部分用户不会浏览这种网页的底部内容,所以最好设计几张较短的网页,这样就好多了。

11. Non-Standard Links
11.
不规范的链接

Problem: You go to a website and aren't sure which words are really links because the link colors have been changed.

问题:有时登录某个网站后,不确定哪个词语是可以链接的,因为链接的颜色改变了。

Solution: Don't confuse your users. Keep the link colors as they are.

方法:不要迷惑用户,保持原来的链接颜色。

12. Under Construction signs
12.
展现的页面未完成

Problem: Have you ever been to a website and found a page with no content of any type but a big "Under Construction" sign instead?

问题:有没有登录过一个网站,网页中没有任何内容,只有“设计中”标志呢?

Solution: Don't use "Under Construction" signs on your website.

方法:在网站中不要使用“设计中”这个标志。

13. Didn't Test Your Web Site
13.
未做网站测试

Problem: Ever been to a website that just looks like a mess? Maybe you saw text overlapping images, weird alignment, etc.

问题:有没有登录过这样的网站:看起来很混乱,文章与图像重叠,布局奇怪

Solution: Always check to see what your site looks like in multiple browsers and change accordingly before uploading your site to the web.

方法:在不同的浏览器上测试一下网站,在把网站上载之前,做一下适当的修改。

14. Unclear Navigation
14.
导航系统不明晰

Problem: You don't enjoy broken links, error pages or too many moving objects - neither do your websites visitors. If navigation is too difficult to follow, visitors won't return.

问题:你都不喜欢出现链接失败,网页出错,以及内容移动这样的情况,更何况是访问者呢?如果导航系统有问题,那用户是不会回访的。

Solution: Make sure that your navigation is easy to read, find and to follow. Also, make sure that it is in the same spot on all of your websites pages.

方法:确保网站的导航系统易于浏览,易于操作,并且要保证在网页的相同位置。

15. Sloppy Web Site Copy
15.
网站内容混乱

Problem: Have you ever visited a website with missing words, bad grammar, or it just didn't make sense?

问题:有些网站内容混乱,语法错误,并且内容没有任何意义。

Solution: Always remember, "Content is King" on the internet, so make sure there is plenty of good, focused information for your visitors.

方法:请永远记住:内容是网站的灵魂,内容一定要有价值,并能够吸引访问者。

16. Never Updating Your Site
16.
从不更新网站

Problem: Ever go to a website that hasn't been changed at all over the last few times that you've visited it?

问题:有些网站从未进行过更新,这样的网站你浏览过吗?

Solution: You should always update the content on your site frequently.

方法:经常更新网站。

17. Too Many Clicks
17.
链接系统繁琐

Problem: Have you ever gone to a website, found something you're interested in checking out, and then had to click, click, click before you found the item you were looking for (if you didn't give up first)?

问题:有没有登录过这样的网站呢:在找到所需信息之前需要不断进行点击呢?

Solution: Don't test the patience of your visitors. Make sure that everything can be found on your site within 3 clicks or less.

方法:不要检测用户的耐心,要保证用户在3次点击之内找到相关的信息。

18. No Privacy Policy
18.
未提供保密条款

Problem: No Privacy Policy page is listed on a website.
问题:网站的保密条款页面不存在。
Solution: Post a Privacy Policy on your website. Make sure that your customers know that you will not share their addresses with anyone.

方法:在网页中提供保密服务,让用户知道自己的地址不会被其他人知道

19. No Company Contact Information
19.
没有公司的联系信息

Problem: A company with no address or contact information is not one you necessarily want to give your money to.

问题:没有地址和联系信息的公司,用户不要购买它的产品

Solution: Email addresses or phone numbers are most often seen as contact information on websites, however, having a physical mailing address on your web site adds another key credibility factor.

方法:网站上要有电子邮箱和电话号码,如果还有电话号码,更能增加公司的信任度。

20. Using Free Web Hosting
20.
使用免费的虚拟主机

Problem: You visit a web page that has a name so long you'll never remember it because it is from one of those free website hosts.

问题:有些网站因为名字太长,所以很难让用户记住,这个主要是使用免费虚拟主机造成的。

Solution: If you want your internet business to be taken seriously avoid using free web hosting. This all adds to the issue of credibility.

方法:如果希望互联网生意蒸蒸日上,就要尽量使用免费的虚拟主机,这些全应该归入可信性条款议题中。

21. Using Free E-mail Addresses
21.
使用免费的邮箱

Problem: You visit a website and try to send an email to them, however the email addresses are not associated with the domain name.

问题:你访问一个网站并希望向他们发送email,然而,你使用的email地址与域名并不一致。

Solution: Using a free email address, such as Hotmail, Yahoo or Gmail, is never appropriate for your website. On your website, always use an email addresses associated with your own business domain name.

方法:你可能会使用一个免费的email地址,如:HotmailYahooGmail。这与你所使用的网站域名并不一致;而我的建议是:尽量使用与你网站域名相匹配的email地址。

22. Advertisements
22.
广告

Problem: You've come to a website where the pages are cluttered with a lot of different advertisements.

问题:你可以已经访问过一个广告铺天盖地的网站了。

Solution: A lot of people are using advertisements to earn extra money. That's fine, just don't overdo it.

方法:大多数人使用广告赚取额外利润,这点没错,但是也不要太过分了。

23. Bad Images
23.
令人反胃的图片

Problem: How many times have you seen a web page with missing graphics files or misshaped images?

问题:你可能已经访问过这样的网站了:到处充满了奇形怪状和令人眼花缭乱的图片。

Solution: Always optimize your images and use the height and width attributes of the image tag. Additionally, save the files in the right image formats: JPG for Photographs and GIF for artwork.

方法:要尽可能地优化网站的图片,运用高度和宽度属性;另外,尽可能将图片以正确的格式保存:照片保存为“JPG”格式,图标保存为“GIF”格式。

24. This Website Best Viewed on .....
24.
网站首页内容过于复杂

Problem: This is often seen on many beginner websites.

问题:网站首页内容元素太多。

Solution: Simply don't use this on your website.

解决方法:不要在首页上使用过多的元素。

25. No Prices
25.
不含价格

Problem: Websites that don't have product prices listed clearly.

问题:网站罗列的产品没有明码标价。

Solution: If you're selling a product on your website, ALWAYS include a price with the item description.

方法:如果你在网站上销售产品,请把产品价格和产品说明放在一起。

And here's a list of things that you should just avoid, or should not forget, simply because it's the right thing to do, website design-wise. And here they are:

你应该尽量不犯上述错误,或者完全忘掉它,原因很简单,这就使网站设计者应该遵守的法则。下面我将罗列一些有助于网站设计的规则。

Frames, Hit counters, Orphan pages, Anything "Cutesy", Pop ups, Fancy Fonts, Don't overuse Flash, Avoid Javascript links, Blinking text , Animated GIFs, Missing Meta Tags, Horizontal (sideways) Scrolling, Don't underline or color normal text, Don't forget functional links on your footer, Don't forget about your Marketing Strategies, Don't forget to include anchor text on your links, Never subscribe a visitor for anything without his consent, Don't leave the home page title as "Welcome to Mysite.com", Avoid using all the "Bells And Whistles" simply because you can, Not Taking Advantage of SEO (Search Engine Optimization) on your website

尽量避免使用框架、计数器、无关联页、虚假页、弹出页和眼花缭乱的字体;避免过度使用FlashJS脚本链接、闪烁的文本、动态的GIF图片、无效的元标签,水平滚动条。不要给正常的文本添加下划线或者添加颜色。不要忘记在页脚使用功能性链接,不要忘记你的营销战略,不要忘记在你的链接中添加锚文本,不要强迫访问者去干他们不想干的事情,不要在首页上留下“欢迎进入我的网站这样的标语”。接下来,你完全有能力避免使用所有的铃声和效果音,因为上述的音效文件对搜索引擎来说极不友好(不利于搜索引擎优化)。

Whether you have created your own website or are working with someone else on creating your website, I hope all these ideas above will help you build a better website that steadily attracts visitors. If you've never built a website on your own, I hope the tips above help you design the best site that you can and help you to avoid all these issues in the future. Knowledge is critical.

无论是自己创建网站还是与别人合作创建网站,我希望上述建议能够切实地帮助你创建一个备受欢迎的网站。如果自己从来没有创建过网站,我希望上述建议能够对你创建一个优秀的网站起到积极的帮助,相信在不久的将来,你完全能够避免出现上述错误,而我也将一如既往地帮助你。知识是严谨的。

评论 (0) All

登陆 | 还没注册?