250 Quick Web Design Tips (Part 1)

Jun 29 2010 by Alexander Dawson | 66 Comments

250 Quick Web Design Tips (Part 1)

As web professionals, we’re always looking for ways to improve our knowledge and skills. Tips, tricks and checklists are often one of the most underused yet potentially useful models of providing great, quick and easy to follow pieces of useful information.

You may or may not know some of the tips below — and you may or may not agree with everything listed — but hopefully it will give you some ideas for your own sites or motivate you to create a checklist to help cover your bases.

Perhaps a few items may even inspire you investigating a subject further, and that would be pretty awesome too.

This is the first part of a 2-part series. In this first part, we will cover planning, content creation, and design elements.

Planning and Getting Into the Web Design Profession

Planning and Getting Into the Web Design ProfessionPlanning what your website needs to contain can help you scale the project size.

One fundamental aspect of creating a website is the planning stage. This includes things like looking for a domain registrar and hosting package, seeking out inspiration for your design, building the information architecture, and much more.

Getting your website’s purpose mapped out will help you better write content (to match your needs) and more effectively create a design that will retain the look-and-feel you want to put across.

Below are some tips and tricks which may prove useful when you’re making decisions before putting your (or your clients’) website together.

Picking Domain Names

1. Many people are used to seeing the www at the beginning of a website address (e.g. www.sixrevisions.com). Ensure your website functions both with and without this famous subdomain.

2. Reserving a subdomain called m (e.g. m.sixrevisions.com) for mobile devices has become a common web design convention. It’s cheaper than — and as widely recognised as — the .mobi top-level domain (TLD).

3. Most of the non-technical general public tend to only recognise .com, .net and .org. It’s worth checking the TLDs you want are available before dedicating yourself to a brand name.

4. Avoid using dashes in your domain name. (e.g. sixrevisions.com versus six-revisions.com).

5. Domain hacks like del.icio.us have become pretty popular, and while they may be harder to spell, they can give you an awesome alternative to a simple but unavailable .com address.

6. If you want to target a local audience, it may well benefit you to purchase a country code top-level domain (ccTLD) in your own country. Something like co.uk may be great for grabbing regional visitors in the UK.

7. Remember that some ccTLD domains require you to be a resident of a certain country. If you don’t live there, you could forfeit the TLD as a violation of the registrar’s agreement.

8. WHOIS privacy can be a dicey affair when you allow your registrar to put their details in place of your own. You run the risk that you may lose the domain if a conflict occurs.

9. Domain auctions like Sedo can be a great place to get a domain that’s already been taken. While it can be somewhat expensive to pick up a rare domain, you might find yourself the owner of your preferred domain name.

Web Hosting

10. When picking a website host, ensure that you check what you’ll get in the package. Disk space, bandwidth, CPU usage and other specified features may decide the cost you’ll encounter. If you already have a web host, test their performance using these tools.

11. Beware of hosts proclaiming unlimited bandwidth or resources. Everything in this world is finite and you may find yourself falling short of contractual small print and fair use policies.

12. If you’re starting a website or service of your own, it pays to start off with shared or grid hosting rather than a VPS or dedicated because you won’t know how many visitors you will need to cater for.

13. Free hosting for commercial use is not a good idea. If you plan on having a commercial website, it makes sense to avoid the intrusive advertisements and purchase some basic web hosting.

Development Platform

14. If you want to have a good testing environment that will run PHP and mySQL on your own PC, install XAMPP. It’s quick, easy and will help you get things running before you go live.

15. Unless you know what you’re doing and have the money to finance the infrastructure, hosting your own website may not be the best or most economical idea (as fun as it sounds).

16. Pick your development platform carefully as some products (such as WYSIWYG editors) inherently produce less reliable code than a classic text editor that allows you to write by hand.

Tools

17. You don’t need to rely on Adobe or Microsoft software to create a fantastic website as there are lots of free and open source products which can do the job without cost.

18. Ideas: GIMP, Inkscape, Dia, FileZilla, IcoFX, Audacity, Paint.NET, Scribus, Eclipse, Skype, KeePass, Xenu Link Sleuth, Tweetdeck, FoxIt Reader and Notepad++ are great free products for designers. For more great open source products, read the article called 30 Useful Open Source Apps for Web Designers.

19. Finding a good selection of checklists and cheat sheets can give the fledgling designer some quick, easy places to get advice on how best to approach a task.

Project Management

20. Set yourself aside a decent workspace environment. The less distractions your workspace has, the better off you will be in terms of productivity.

21. Always have realistic expectations about how long a project will take to complete. Rushing your work and releasing it "half-baked" can cause issues — just look at Windows Vista.

22. Getting some decent time-tracking or project management software is important. It’s far too easy to get distracted and lose sight of the big picture if you’ve lots of small tasks to achieve.

23. To-do lists may seem inconsequential and rather trivial, but you may find them useful in structuring all the various tasks you need to deal with and setting yourself deadlines.

Learning

24. Always keep learning because there is no excuse in allowing your education to lapse or become deprecated. You could keep up to date with news through design blogs or perhaps learn a new web language.

25. There are many fantastic web design books and magazines out there. They also cover a wide range of subjects with ever-increasing depth as a source of education they are second to none.

26. Web resources like Six Revisions are great for learning new techniques. While perhaps not as in-depth as books, many web resources offer you useful and up-to-date advice on the web industry.

27. Remember to verify anything you learn through a third party resource. There’s an awful lot of outdated information out there (like W3Schools) that could encourage bad habits.

28. Sites are beginning to teach classroom-style lessons and video-based instruction classes (e.g. Lynda.com) on web design and development. They can get pricey, but may be good alternatives to a degree.

Specialization and Competitive Analysis

29. There are many sectors you can work in as a web professional (web designer, UX, UI, front-end development, etc). You shouldn’t restrict yourself to a core subject unless you know exactly what you want to end up doing.

30. Whether you decide to become a Jack of all trades or a specialist is entirely up to what you prefer. It’s worth noting that there is enough work in the industry to cater to both work styles.

31. Investigate what your competitors are doing with their services as you can learn so much from the mistakes or successes that others have had — they can be a goldmine of ideas.

Learning About Your Target Audience

32. Research is the mother of all invention if you’re going to work on any project. It pays to ensure what you’re planning will meet the needs of the audience you’re trying to gain.

33. Always try to be inventive with what you create. There’s no point cloning another successful website when you could improve upon it to convert some of their existing user base.

34. If you plan to produce a blog or an informative website, ensure that you know your subject. Trying to create a medical blog with no knowledge is not a good idea. You should be passionate and be well read about your subject matter.

35. Seek out the kind of people who might want to use the service your planning and ask them what they would like to see in such a website and what popular topics is worthy of inclusion.

Inspiration

36. If you’re stuck for ideas for what kind of site to create, browse around the web looking for subjects that are popular. You could serve a niche market where there’s existing demand.

37. Finding inspiration for a site can come from the most unlikely sources. Watching movies or TV, taking a walk, or even talking to your friends and family can help you get business ideas.

Handling Data

38. Deciding whether you need an SSL certificate or not depends on whether sensitive personal details like credit cards or login information will be processed. It may be worth buying one.

39. Handling your customer’s information is of critical importance. Never store passwords as plain text documents and do what you can to encrypt details that are stored in databases.

Conceptualization and Information Architecture (IA)

40. Creating a visual sitemap before you start building the website can do wonders for your core structure. If you know what pages you may need initially, you can plan the content ahead.

41. Certain types of websites require certain types of documents. Most portfolio websites, for example, have a contact page. Seek other likeminded websites to get required page ideas.

42. When in doubt, always do what works and the norm. There’s a reason why certain types of websites succeed. It’s because they follow conventional practices that visitors will adapt to quickly.

43. Concept sketches are useful for developing your ideas. Sometimes a piece of paper or a napkin with some doodles can assist you in turning what’s in your mind into a workable design.

44. Wireframes are a simple, underused method of planning and plotting out an idea. You can create something as simple as basic shapes, right down to mapping out your site structure.

45. Beyond wireframes, you could also consider a working prototype when planning your site. Mocking up a quick and simple website can eliminate potential feature flaws quickly and easily.

46. Brainstorming is another fantastic but underused method to evolve your business or website ideas. Picking a loose concept and mapping related ideas to it can give quick but abstract results.

47. Some site owners write a business plan to scope out a project’s evolution before it happens. If you find yourself too easily distracted, it might prove to be a useful document to make.

48. Determine what kind of person you are, and the way you use websites. It’s quite subjective, but provides a good grounding point in conceptualising how an idea can become a real product.

Miscellaneous

49. Products like EverNote or Microsoft OneNote provide you with a great platform to gather and store research and ideas. Think of it like a sketchbook you can turn to for inspiration.

50. Never give up. It’s so easy to think an idea has fallen flat, and most people tend to move on far too quickly. Most ideas can become what they’re intended to be with enough hard work.

Content Creation

Content CreationEven something as simple as an About page should have purposeful content produced.

Everyone keeps reiterating the same term over and over: "Content is king" has almost become a mantra which writers of web copy sing from the rooftops. And they’re right to do so!

Whether your content is provided in textual form, vivid imagery or some beautifully implemented audio and video media, ensuring your website’s content is up-to-scratch will help you turn visitors into customers.

When you come to producing the content that will help visitors understand what the website is about, the following tips may give you some relevant advice to keeping your users hooked.

51. There is more to content than text. Providing polls, infographics, or interactive elements that have content-based value can help improve the interest and readability of on-page information.

52. People respond to engaging prose.

Copyright, Content Licensing and Legalities

53. If you’re intending to build for other people, ensure you have some good solid contracts to work from. You don’t want to be unprepared if the client refuses to meet their obligations.

54. Creating paperwork such as invoices, receipts of purchase, questionnaires (for contract work) and other useful materials will reduce your workload if you start doing freelance jobs.

55. Word of mouth constitutes a binding contract, though it’s harder to prove you shouldn’t say you can or will do something unless you fully intend to follow through what you state.

56. All services should have good terms of service, privacy policy and copyright agreements. It’s important that your end-users know what you expect from them (and that works in reverse)!

57. You don’t need to have a copyright statement on your website (though it’s good as a reference). Ignorance of intellectual property does not qualify as a valid excuse.

58. When deciding how to license your finished design, you may want to check out creative commons or open source licenses; they’re pre-written and flexible (which is great).

59. A cheap way of writing agreements or contracts for your website is to examine others and then write your own based on it. You can save yourself a lot of money in potential legal fees.

60. Avoid legal jargon whenever possible and simply state outright what you want to say in an agreement. Your clients will be more likely to read what you say if they can understand it,

61. If you write your own contracts, it might pay to have them read over by a lawyer to get them as watertight as possible. Verifying is often cheaper than having it custom written.

62. Accessibility statements aren’t as important as they used to be (as being natively accessible is more of a requirement), but providing one may be useful to your website’s audience.

Content Formats and Considerations

63. Get the hang of compression — whether it’s using GZIP for content, caching for external files or squeezing extra bytes from images and media. It will increase the speed of your website.

64. Consider the best image format for what you are trying to achieve, while GIF makes for good basic animations, JPEG or its less lossy friend PNG will be better for high-resolution photos. Read The Comprehensive Guide to Saving Images for the Web for more information.

65. Be careful as to what you use images to portray. Not everyone can see images (like search engines) and this may present readability problems if you use them in place of text.

66. When adding video, audio or graphics into your site, make sure alternative content is available for those who cannot take advantage of these mediums due to accessibility issues.

Images

67. Opacity in images is a tricky issue with Internet Explorer. There are fixes for issues in IE6, but you should remember that only full alpha transparency has issues, not single colors.

68. Your logo is one of the most important aspects of your website as it’s what people will recognise you for. Therefore, it pays to have a good, memorable one created for your brand.

69. While the favicon is one of the smallest graphics you’re likely to encounter on a website, it provides a fantastically unique way of gaining recognition in bookmarks and social networks.

70. Producing an Apple touch icon at 57×57 pixels can be useful for users of the iPhone, iPad and iPod touch who can proudly display your site in their home screens (using web clip).

71. There are loads of sites that provide free stock images, audio and video if you’re not much of a pixel-pusher.

Content Writing

72. Even if you’re not an articulate individual, trying to ensure that your spelling and grammar are correct should be at the top of your agenda.

73. If you’re at a loss for what to write, taking a break or using one of the many techniques to help remove writer’s block can prove indispensible to the content creation process. See the Content Strategy category for tips.

74. A simple way to reduce the complexity of content is to take what you have and boil it down to 50%. It may seem a lot, but reductionism can seriously help eliminate the waffle!

75. Writing your content before you start designing your website can help you better approach the coding stage as you can pick the right elements that describe your content’s value.

76. Content is king. If you sacrifice the quality of the content for the design of the website, your visitors may likely hit the back button in their browser and never return as a result.

77. Much of writing for the web is down to practice. Don’t be afraid to start off small with the likes of Twitter or forum posts before building up your credibility as a web content writer.

78. Making content fun and involving is important to being successful. While dry humourless copy might get across the point, being quirky will emote passion.

79. Never be afraid to ask for help and feedback or get colleagues to proofread what you have to say. Often, a bit of critique will help you become a better professional.

80. When linking to another website, ensure you notify the visitor of how the target site relates to the content or element of the website so they don’t end up at an undesired location.

81. Break your content down into easy to manage segments. Using unordered lists, for example, can help increase the content readability.

82. Fluff and poor quality marketing speak is unnecessary. Always keep to the point and avoid redundant technical language. We all hate junk and in the recycling bin it all belongs.

83. Ensure that what you say is factually correct. Citing references will give your words added credibility.

84. Don’t plagiarise or steal other people’s content. If you find people stealing yours, it’s worth taking the time to learn how to send DMCA takedown notices and cease and desist letters.

85. When writing content of your own, simplicity is valuable. If you can strike a balance between being informative and being overly wordy, you could avoid wasting your reader’s time.

86. Don’t span long documents over multiple pages if you can avoid it. Such practices can reduce the readability of content as readers will be forced to break their natural flow to jump pages.

87. If you’re planning on having a blog, ensure that you state if you’re reviewing something and have been paid to do so.

88. There are so many fantastic CMS solutions (i.e. WordPress). If you find less technical people are going to contribute to a site you make, they can be ideal in removing some complexity and speeding up content production.

89. Consistency is important with everything you write. Maintaining a core set of standards and values helps ensure regularity.

90. Always try to put across information in a friendly and non-aggressive tone. Being overly sarcastic or rude can lead to arguments that can degrade the value of your content.

91. Feedback can be just as important in content writing as the written material itself. Using blog comments, for example, can give entertaining and potentially informative extra reading.

92. Write for people, not search engines. Your users are more important than your Google PageRank.

93. If you plan on providing translated content for international users, nothing beats a human translator. With that said, there are some decent translation tools out there.

Multimedia Content

94. If you create a podcast for your website, a good compression-to-quality ratio is 96kbs MP3 (for voice recordings). Large file sizes are a pain, and at this level, you can save a lot of bandwidth.

95. MP3 is arguably the most compatible audio format around. If you’re providing alternative formats like OGG or FLAC, then ensure an MP3 version exists for more restrictive audio players.

96. Embedding Windows Media Player or Apple QuickTime into a page may have problems if people don’t have the players installed. Flash has a higher market penetration than both.

97. Automatically playing music is a sin — it’s annoying, so don’t do it.

98. Remember that Flash-dependent components are not reliable: People with vision and hand-mobility impairments limit them in accessing a lot of Flash-based content.

99. If you are planning to provide content through email, keep subscribers’ email addresses private (don’t use the CC feature when sending out emails en masse).

100. Don’t spam or send out heavy streams of email – people hate it.

Design Elements

Design ElementsColor is a critically important part of your design as it may invoke or reflect emotion.

One of the most subjective parts of creating a website is its design. Whether you’re looking at accessibility, usability, the user experience, or even something as fundamental as the psychology of color, giving your users the best possible experience with as little effort as possible can prove tricky.

101. Your web design does not need to be pixel perfect. Every device, platform and browser render things slightly differently but that’s not always a bad thing if your site’s still usable.

102. If you are requesting users to sign up for a service on your website, always keep the amount of required information to a bare minimum. Keep things simple.

103. Keeping file sizes as small as possible is important for improved page response times.

104. Mobile web designs should be simple. If you have less content, no Flash dependence, a single column layout and a liquid design, you should have few problems with visibility.

105. mobiForge has an excellent mobile web development guide that is full of best practices and some useful guidelines to helping make the mobile experience better for your end-users.

106. Don’t rely on fixed-width designs. Toolbars, sidebars, add-ins, viewport sizes, window sizes, screen resolutions and many other factors can affect the amount of real estate available to users.

Colors

107. Color can invoke a wide range of subtle psychological influences over people. Knowing how to use color and various contrasts may help you better engage with your audience.

108. Consider how people associate color with feelings: red for hot, blue for cold, white with purity and clarity, black with darkness and death, yellow with happiness and sunshine, etc.

109. Contrast is important when using colors. For certain people like the color-blind, the ability to distinguish various shades may be diminished and they may struggle to read content.

110. The idea of web-safe colors is relatively redundant due to the way screens have evolved, but making sure your site is color accessible for visual impairments is worthy of your consideration.

111. Color theory and harmony are important parts of design. Understanding how such devices influence the way information is perceived is worth studying.

Typography

112. Typography is an ever-increasing variable of importance within web design. As the range of fonts that can be used within designs increases, the legibility of those fonts becomes vital.

113. Producing a font stack is easy! Have your chosen font followed by an alternative that looks similar, then its closest relation that’s likely to be available, and finally the type (like serif).

114. Size is another variable of typography within design that you should consider. The larger the scale, the more readable it becomes and the increased attention it will receive.

115. Giving emphasis through styled italics, strength through bold visual styles or underlying and striking through content can affect the perceived importance design elements receives.

Arranging Design Elements

116. White space/negative space is a valuable commodity. Don’t pack your design full of stuff! Having enough breathing space will improve the readability of your design and help the reader "scan."

117. Scanning is the act of an end-user flicking through content on your pages to determine the information they are looking for. The ease they can do this will affect how they use your site.

118. Websafe typography is a big deal unless you embed a font (which has legal implications). You can’t guarantee the end-user will have any font installed, even common ones like Arial.

119. Organising your information on-screen can be a tricky task. Using conventions and patterns like the logo appearing in the top-left hand side can improve the ease of use for visitors.

120. Knowing how to appropriately display content like navigation menus is an art form and a science. Seeing how others implement such devices can help measure success rates; check out the site called Pattern Tap for common design patterns such as site navigation.

121. Remember that most people read content in a left-to-right manner. Therefore, it makes sense to have important details as high and as far to the left as possible in your design.

End-User Considerations

122. Your design should directly reflect the needs of the end-user. Don’t pack it with useless features and widgets like clocks or weather applets. Only give them what they need, as they need it.

123. When updating your website (which you should do often), check your website statistics to see how people navigate around your website. It can be helpful to find where issues occur.

124. Understanding how people perceive and respond to your brand can be the difference between trust and abandonment. Your visitor’s views are more important than your own.

125. I’ve noted it earlier, but it’s worth reinforcing: update your website often! People gauge the prevalence and accuracy of websites by the rate at which they are maintained.

126. If you have the time, consider reading about psychology and sociology topics. They’re not strictly dedicated for the web, but they apply in so many regions of the industry that it’s worth learning about.

127. Don’t design a website for yourself. As much as you may like that scrolling animated reel you just implemented, you will spend little time visiting the website compared to your audience (who matter).

128. In a websites design, people look for an experience. If you give them something positive to remember, you’ll give them satisfaction, which may result in a long-term relationship.

129. The satisfaction a user gets is directly related to the way you provide information. If the user struggles to find their way to a document, you’ll make them angry.

130. Interaction-based design is important. While static content has uses in certain situations, giving users something to explore and play with will result in a more memorable experience.

131. Unnecessary interaction should be eliminated from the project. While subtle or useful enhancements are great for the end-user, added barriers may cause a user to abandon ship.

132. Applications tend to follow different rules to conventional content distribution. A need for logical structure and purpose will be of increased importance within the user interface.

133. If developing apps for a mobile device, it may prove useful to attempt an offline version for when Internet access is not an option. Dead zones for cell phone signals still exist.

Web Accessibility

134. Accessibility is an important aspect of any web design. If certain people can’t access the site or the content, that’s a group of people who you could have converted to a customer.

135. Numbers in relation to accessibility are highly biased. Don’t think of people with disabilities as a minority; just think of how many people need glasses for reading — that’s a major one!

136. Impairments come in all shapes and sizes: they can be physical, intellectual, emotional, social or even technological (e.g. people without broadband connections or people using mobile devices as their browser agent).

137. The scale and duration of disabilities differ: someone may be paralysed (which would be long-term) or they may have a broken arm (short term). Don’t just think of lifelong issues.

138. There are plenty of helpful specifications and laws in relation to accessibility. Have a read through WCAG 1 and 2, Section 508, PAS 78 and the Six Revisions guide on quick web accessibility tips, to name a few accessibility guidelines and best practices resources.

139. Always provide alternative content for images or media and don’t rely on <img> elements without alt attributes or Flash content without text variants. You’re hurting some of your visitors.

140. Checking your work in a screen reader is quite easy to do. There are free tools out there such as WebAnywhere, a browser-based screen reader simulator, as well as commercial alternatives like JAWS that you can install and test your website through.

141. Don’t become too reliant on tools like Cynthia as accessibility validators because these tools only examine machine-readable code. They’re not perfect solutions for checking your design, semantic structure, content flow, and visual elements of accessibility. Read more about the problems with website validation services.

Usability

142. Usability.gov has a selection of great guidelines in PDF format that can help you improve a website for your end-users. These PDFs are well worth reading through to see what they can offer in your design process.

143. Steve Krug and Jakob Nielsen are two highly respected experts in the field of usability. If you pick up books they have written, you’ll find lots of fantastic usability guides in them.

144. Usability is about making a website as seamless and functional for the end-user as possible. Do whatever you can to help users find and accomplish what they set out to achieve.

145. Before you launch a website to the general public, it’s worth getting a group of people together to test out your design and find any bugs which exist in the system and to see how usable your design is.

146. Carrying out a usability study can be as simple as asking a group of visitors to carry out a specific task and getting their feedback in the form of a questionnaire to improve upon.

147. Ensure your design degrades gracefully to create a usable design that is as universally designed as possible.

148. Progressive enhancement should be what you aim for. Simply put: you want to make sure everything can be used at a core level, and increase functionally for devices that can cope. A scenario would be using CSS3: make sure that your design still works and looks decent on browsers that don’t yet support CSS3.

149. Encourage people to get involved in helping improve your design. Ask for useful critiques and feedback that can give you future website evolution ideas.

150. Keep striving for perfection. It’s probably not possible to have a perfect web design, but if you always aim for the best, it’ll encourage you to continue making an effort in maintenance.

Continue on to Part 2

Do you have more quick web design tips regarding planning, design, and content creation?

Related Content

About the Author

Alexander Dawson is a freelance web designer, author and recreational software developer specializing in web standards, accessibility and UX design. As well as running a business called HiTechy and writing, he spends time on Twitter, SitePoint’s forums and other places, helping those in need.

66 Comments

Mark O'Leary

June 29th, 2010

4. Avoid using dashes and underscores in your domain name. (e.g. sixrevisions.com versus six-revisions.com or six_revisions.com).

I believe the search engines actually prefer dashes in domain names to seperate the words. Any other opinions on this?

Mark

Jacob Gube

June 29th, 2010

@Mark O’Leary: Not sure about search engines, but people definitely prefer no dashes in URLs (generally). It’s an extra character you have to type, and it’s best to keep a name as short and as easy to type as possible (for obvious reasons).

Anne

June 29th, 2010

Excellent info, nicely laid out and definitely worth keeping as a reference.

I just have one thing to mention and this is with your point no. 4:

“4. Avoid using dashes and underscores in your domain name. (e.g. sixrevisions.com versus six-revisions.com or six_revisions.com).”

Strictly speaking, convention says we should not use domain names with dashes and underscores. I agree with not using underscores, but there is a valid (and lesser known) argument for using dashes in some specific cases.

There is a school of thought in the SEO field (and I have experimented with this myself with good success) that holds that using dashes in a domain specifically for SEO purposes – especially if the domain name contains important keywords – can actually be beneficial.

I would perhaps not use such a domain name as primary domain to represent my business, but for promotion purposes, don’t discount it! Just a tip.

sayrus

June 29th, 2010

Google is able to understand domain name with dashes without penalty.

Brett Atkin

June 29th, 2010

For SEO, it is generally believed that breaking up a domain name helps SE’s understand more about the content of the site. For example, remarkableleadership.com vs. remarkable-leadership.com. In the first one, SE’s will have a difficult time understanding the separation. In the second, they can easily decipher that site is most likely about remarkable leadership. The same principle apples to file names…remarkableleadership.php means nothing, but remarkable-leadership.php does, not only for SE’s but for users.

I completely agree that domain names need to be as short and simple as possible and wouldn’t use a “-” in a domain name if at all possible. For longer domains though, it might be a better option for readability for users and SE’s.

John

June 29th, 2010

This is great and I appreciate the hard work that was involved in this post!

I don’t necessarily agree with #4. I think most internet users are lazy and will type what they are looking for into google. In this case if SixRivisions had a dash it will still give me the website I intended to find. The way the internet has grown, and continues to grow, dashes will need to be considered.

Tobias Fox

June 29th, 2010

Huge list with a lot of helpful links. Alexander – you did a great job thanks for sharing this.

lots of your tipps i did know, but few very interesting ideas there thx!

take care,
tobias

Chris

June 29th, 2010

Brett,

While this was discussed extensively in the early 00′s where it was advised so that google could seperate the words, technology and google have caught up and it is no longer needed or will provide any more advantage one way or the other. It’s simply a redundant discussion.

Jacob Gube

June 29th, 2010

There seems to be contention about using dashes in domain names. Would it be fair to say: “Don’t use dashes unless you absolutely need to?” or not? Just want to see your thoughts, is all. I still would have to agree with Alexander, though – avoid using dashes and underscores. My agreement, however, doesn’t factor in SEO (which I know is important, but if I were to choose between users/visitors or search engines, I choose the former).

Oh and please add more of your tips about web design here in the comments, my hope is that someday we can all look back here and see a myriad of tips from web designers all over the world.

Anne

June 29th, 2010

@Jacob

Yes, “Don’t use dashes unless you absolutely need to”, and I would add don’t use dashes unless you really know what you’re doing, and absolutely, avoid using dashes in your domain if you’re using your business name, i.e. Happy Toys should be HappyToys.com or happytoys.com. That’s my 2 cents for whatever it’s worth.

Rhonda Brown

June 29th, 2010

Great points! The tip I like the most is number 76. Content Is King. It’s 100% true. When writing content, I always think about the “what’s in it for me?” factor. You have to cater to the reader you want to attract, which means writing content they want and need.

Alexander Dawson

June 29th, 2010

As has been stated, search engines are smart enough to separate keywords. The only time I would ever consider using a dash or underscore is when the words could be misinterpreted (like pen-island or experts-exchange). But those are exceptionally rare cases and end-users manually typing the URL appreciate the simplicity of alphanumerics.

Santosh Maharshi

June 29th, 2010

Very detailed and good post. But if I am right, underscores are anyways not allowed in domain names.

Jae Xavier

June 29th, 2010

Major points stated.

Especially the “Don’t design your website for yourself.” I see lots of that going around.

David Fitzgibbon

June 29th, 2010

Great post, nearly too much to take in but probably good to take a glance over when you’re at particular stages of development.

Thanks for the hard work!

Drew Clarke

June 29th, 2010

Excellent article

Point 4: dashes in domain names.

If the domain name is always going to be clicked on from somewhere, it doesn’t matter. Dashes actually make it a bit more readable. http://www.thewebsitethatdoesntusedashes.com is nowhere as easy to read as http://www.the_website_that_uses_dashes.com
However, Please consider the poor help/sales/support desk person who has to read out your domain name 150 times per day.

Customer: “Could you tell me your web address please?”
Help desk (bored): “dubya dubya dubya dot the dash website dash that dash uses dash dashes dot com”
Customer: WTF???

So on banners and links in sites, no bother, over the phone, take care!

Michael Tuck

June 29th, 2010

Alex, nice article, bro! Gonna take me a while to wade through all 250 tips, but it’s worth the time.

Jacob Gube

June 29th, 2010

@Santosh Maharshi: You’re actually right (my fault on that one). Domain names follow the LDH rule (letters, digits, hyphen). Great catch – updated.

Dan

June 29th, 2010

Wow, that was quite a list! Thank you. As is only human in such a list, there were a couple mistypes that I figured I’d point out.

25. “their second to none.” Their should be they’re, and it should probably be a separate sentence that says, “They’re second to none.”
28. I think you meant Lynda.com instead of Lyda.com
78. Instead of, “emote passion,” I think you might have meant, “evoke passion.”
108. After, “Consider how people associate color with feelings,” either put a colon, or capitalize “red” as the beginning of a new sentence.

You emphasize throughout the article how important it is to have accurate information and clear writing, which is the only reason why I figure you might find use for these possible corrections. Thanks again for the useful article!

Jordan

June 29th, 2010

In regards to #4:

So correct me if I’m wrong, but wouldn’t it make sense to just register both domains? Advertise the domain without hypens/underscores (business cards, billboards, etc) and let Google do the rest of the work.

Although it’s probably a moot point these days; I’m pretty sure google will be able to pick out the real words in your URL.

Jacob Gube

June 29th, 2010

@Dan: I should hire you as our proof reader/editor. :)

@Jordan: That could be a possibility, and then redirect them to one domain name. But (a) you’ll have to maintain and pay for two domain names, (b) it’s better if you create your brand around one domain name.

@CorettaJackson

June 29th, 2010

Love this list! Mega tips… Thanks!

JakeLsewhere

June 29th, 2010

Great list of useful tips.

One thing I didn’t see in the design section, maybe I missed it in my skimming, was the horrendous tendency of some sites to have light text (typically white, sometimes other florescent colours) on a dark (typically black) background. This is especially hard on those of us with night/dark vision issues, and I can’t imagine its very comfortable even for people with decent sight. What are your thoughts on that?

Jacob Gube

June 29th, 2010

@JakeLsewhere: I don’t like it too, but it’s a point of personal preference, so it’s hard to state a guideline for that. Black background/white foreground is high contrast, so readability of text theoretically is good. I know a couple of devs who set their source code editor’s theme to a black background with white and florescent foreground (check out this Coding Horror post to see what I mean). That’s their preference.

Jai

June 30th, 2010

Great tips!!! thanks

kaniadona

June 30th, 2010

I like tip Number 100..

couse I hate spam too…

BWD

June 30th, 2010

Thanks for such a great info. This information will help me a lot and also many budding web designers. Thanks again for such a wonderful list.

David

June 30th, 2010

Thanks for posting this nice article. You have covered a lot of ground here, installing a development platform like XAMP is very useful, I would recommend this to any web designer out there.

Dylan Parry

June 30th, 2010

One of the points that spoke most loudly to me was:

“72. Even if you’re not an articulate individual, trying to ensure that your spelling and grammar are correct should be at the top of your agenda.”

I often find that articles on sites have spelling errors or grammatical mistakes, and this is one of those things that can totally kill the credibility of an author. When we have access to spelling and grammar checking tools, there really is no excuse for failures in this area.

The most common types of error that put me off an article are when the author misuses your/you’re or there/their/they’re for example. Those types of error really make an author look amateur.

This was a nice list of tips, but in my opinion it was far too long for one article. I found myself a little tired by the time I got to around tip 75! Perhaps a series of more than just two articles would have been better? I’d have split it into five articles of 50 tips each.

Jacob Gube

June 30th, 2010

@Dylan Parry: I’ll keep both of your sentiments in mind.

Alexander Dawson

June 30th, 2010

Wow, thanks for the feedback everyone! I’m glad that the tips have been so well received. Certainly when I write an article of this length again I’ll consider taking it too multiple parts, but hopefully it’s length didn’t reduce it’s usefulness!

Jacob Gube

June 30th, 2010

@Alexander Dawson: And I think when you walk into a post that says “250 tips,” I think it’s fair to expect that it may take you a while and that you bookmark it so that you can come back to it later as a reference. Personally, I would’ve liked it to be longer! Great job Alexander, as usual!

Thomas

June 30th, 2010

Hi ya Jacob, I am interested in this also. (Take a look at my most recent blog post.) Your article is good to read; you’ve certainly provided me with some food for thought!

Dave Harrison

June 30th, 2010

Great list, My whole knowledge bank condensed into one blog post, how humbling! look forward to part 2

Jon

July 1st, 2010

Quite the list. Really brings home the increasing complexity of creating modern websites.

I really have to call you out on No. 1 though. Yes make sure it works for both, but make sure you pick ONE of them and 301 to it.

Otherwise the website will exist in search engines as http://www.domain.com and domain.com – thus incurring a duplicate content penalty. The other alternative is a canonical meta tag but blanket 301ing is preferable in my books.

I like consistency. =)

InkRaider

July 2nd, 2010

I am so impressed. I haven’t seen so much information on one place. I have printed it out and will read thoroughly. Will comment about the details later on.

sheena

July 3rd, 2010

Fantastic article Alex! Great to have all those tips and pointers in one article. You must have put some work into it!! Well done…definitely one to bookmark for future reference :)

Kevin Patrick Robbins

July 3rd, 2010

In all the SEO-related comments I’m surprised that the first item on the list didn’t jump out at folks. It did to me.

1. Ensure your website functions both with and without this famous subdomain.

This is actually REALLY bad. What sites should be doing is enforcing the use of one or the other and STICKING WITH IT.

If you ensure that both work, search engines actually interpret this as two separate sites and you end up splitting, and compromising, your ranking. Sub-domains are viewed as completely different websites.

(sixrevisions.com and http://www.sixrevisions.com are two sites, in the same way that sixrevisions.com and m.sixrevisions.com are two separate sites.)

Alex put together a very informative article, the kind I wish someone had written 16 years ago, but when sixrevisions interviews Dan for the proofreader position, you should see if he has fact-checking skills as well.

As for dashes in the domain name issue: leave them out; engines can decypher them just fine. You do, however, want to use them in the request URI portion of the URL (after the domain name), such as: http://sixrevisions.com/hiring/looking-for-a-proofreader-and-fact-checker/

Kevin Patrick Robbins

July 3rd, 2010

Damn it! I only just now read Jon’s comment.

Mike

July 4th, 2010

Thanks for the detailed tips. I think you have covered most tips from the beginning of the design project till finished. Nice done!

Alexander Dawson

July 4th, 2010

Kevin, sorry but you’re wrong. When I stated that it should work with both, I was implying that the URL being entered should be functionable, not that you shouldn’t use a wild-card redirection (to enforce the content does not appear as a duplicate). Many people try to enforce a “with or without” WWW policy by having one or the other not work or even redirect (resulting in a dead link). As there is no knowing which a website uses, it’s vitally important that BOTH are usable, even if this results in a redirection to highlight that convention.

Alexander Dawson

July 4th, 2010

Just for added clarification, I do agree that canonicalizing your links is a good thing, but it’s not factually incorrect to recommend redirection over dead links (which would result if one or other is non-workable) as there’s potential implications for those manually entering URL’s.

Roman

July 5th, 2010

I haven’t finished reading yet, just scrolled down quickly to say thanks, definitely this will be a reference from time to time.

fireRoxy

July 6th, 2010

Thanks for useful tips.

sarfraz raza

July 7th, 2010

Wow, I must say very nice designs. Today web designing is growing day by day and it is very important that website must be very appropriate with it subject. Here given examples are superb and very well designed. Nowadays people need more and more creative designs. These all are really very nice examples. I really appreciate that you had shared this.

Kevin Patrick Robbins

July 8th, 2010

Alex, the problem then is the distinction between stating and implying. If you’re going to imply something in an article, which you have time to write, edit and revise, you might as just state it, and be clear with what you mean, instead of stating something else meant to imply what you actually wanted to say. But in a less convoluted way that that just was.

Alexander Dawson

July 8th, 2010

@Kevin: While perhaps it could have been more tightly defined, there’s no flaw in what was said. I only highlighted the need for “function” (which simply states that it does something rather than nothing) whereas your comments were directed towards how that function is implemented (which is a different matter). Though I appreciate the feedback as we’ve now cleared up what was misinterpreted… so crisis averted!

SJL

July 9th, 2010

Great post, So much useful information, definitely worth bookmarking.

Thanks.

Michael Davis

July 10th, 2010

A very detailed and good tutorial, I’ve read halfway and already learned a lot. I’ll bookmark this for future reference. Thanks!

Cesar Castro

August 30th, 2010

Wow, that’s a quite long list, I have read just a few and bookmarked it, I’m sure this is a great resource.

Thanks,

AcrylicWeb Swindon

September 9th, 2010

The most important thing to anyone looking to develop a website – as a hobby, favour or for a living – is to learn how to organise information and how to best distribute that on the site in the form of pages that can be easily accessed from the home page.

Also, to sell anything one must have taste. A nicely designed page with organised content is a good starting point for other horizons such as creating dynamic content and complex SEO.

Great article!

Eswar

October 15th, 2010

Php development environment for xampp is really good to basic test project, thanks

Rabiul Mahtab

October 28th, 2010

Thanks for your helpful tips.

Avenue Factory

December 20th, 2010

Great post! However, definitely an exhaustive list. It’s kind of funny. You see the “Top 5 Design Tips” or the “Best 20 Design Tips”. Then you see a 250 long two part list of design tips – makes me smile ~~

webma8

December 21st, 2010

wow I cant read in one sit. Bookmarked it. thanks.

titu

April 17th, 2011

this is post is great.i have learned a lot from this.thank u very much

Chris Quinn

April 22nd, 2011

Nice post. 250 tips is HUGE! This took a while to read, but the tips are great. Keep up the awesome articles.

J. Hendrix

May 9th, 2011

Great post, thanks for these tips!

Saad Ijaz

June 8th, 2011

this is post is great.i have learned a lot from this.thank u very much

Arbtech

June 26th, 2011

Great post. Read the whole thing. Thanks a bunch for the tips!

warren

July 25th, 2011

Yes, I agree with you. “Content is king” that is why it is important to provide the web visitors with relevant content. I looking forward in improving my website form as well.

Mike

August 9th, 2011

Lots to digest. Thanks for the well laid out tips.

baidu123

September 8th, 2011

Great being visiting your website again, its got been months for me. Well this article that ive been waited for so extensive. I need to have this short article to full my assignment within the college, and its got very same subject with your posting. Thanks, good share.

Bethany Davidson

September 23rd, 2011

Great tips! This is truly valuable content. :)

Aahna Saxena

August 28th, 2012

It took a long time to read it, but it is really worth it.

Sean Coyne

June 11th, 2013

Never give up should be #1. Learning a new skill, and then mastering said skill takes lots of work, and lots of time. Keep pushing forward and keep your eye on the ball and you will be where you want to be.

Leave a Comment

Subscribe to the comments on this article.