
Smashing Magazine we smash you with the information that will make your life easier. really.
10 Designer’s Checkpoints To Be Aware Of
August 10th, 2007 in Developer's Toolbox | 74 Comments
Automatic tests, checks and analysis services can be extremely valuable if you’re looking for bugs or try to avoid them. To make sure everything is just the way you think it should be, you need validators. To improve the value and quality of your content, you need to be able to analyze the behaviour of your visitors. And to perform better in the future you have to know exactly, what your competitors are doing, how they’re doing it and what you should learn from them.
In this overview we’d like to present some useful analytics services, validation tools and monitoring services you should be aware of. Some “standard” tools - such as W3C Validators - are skipped; instead we’ve tried to focus on tools you probably don’t know that much about.
Please notice that the results provided by these services can include mistakes. Some rankings don’t have to be right. And some calculations don’t have to be based on correct statistical data. In every case the results have to be examined carefully; however, often they can inform you about current tendencies you might be willing to be aware of. And thus you can find some useful starting points from where you can really improve your web site. All listed tools are free or at least have a free “basic” version.
Ten Designer’s Checkpoints To Be Aware Of
1. Know how good your site ranks.
Sitescore, probably the most prominent analytics tool in this overview, delivers a detailed report on dozens of various design-related aspects. Every single key point is evaluated and rated according to its performance on the scale from 1 to 10. Among other things Sitescore analyzes the quality of incoming and outgoing links, keyword density, page titles, plagiarism, popularity rank, the usage of popups and the effectiveness of site’s structure. Sitescore also grades the printability, readability, spiderability and usability of the page as well as spelling and W3C compliance.
Performing over 35 tests, the tool analyzes 5 pages which are selected depending on the internal links on the page. You can tweak your Sitescore rating as long as you find the optimal level of user-friendliness and validity.
Another tool with similar approach is the Page Strength SEO Tool. It measures the relative importance and visibility of a page, the potential strength and ability to rank in the search engines and presents data on popularity, links & mentions of the page across the Web. The tool is designed to satisfy the curiosity of webmasters, surfers and web marketing professionals seeking a better metric to quickly assess a site/page’s relative importance and visibility.
Blog Juice estimates blog’s value upon the approximate number of Bloglines subscribers, Alexa rank, the ranking assigned by Technorati and the number of inbound links.
Similar to Sitescore, Webagogo tests the quality of web sites and presents the results as reports in a brief overview. The tool performs markup and style analysis, accessibility tests, usability tests, speed benchmark tests and calculates SEO effectiveness. Not really spectacular, but it’s nice to have some important checkpoints ready to hand.
The usage of the service isn’t straight-forward as you have to verify the ownership of a web site and have access to an e-mail address on the site’s domain.
2. Use the power of Usability Tests
Once the web design stage is passed, it’s time to perform some usability tests to fix problems and bugs - such as layout structure, spelling, redundancies etc. Since you’ve been developing the page for a while, you know exactly, how it works and what should be done in order to get from point A to point B. However, most users won’t have the knowledge you have, which is why the usability testing phase isn’t only important, but also essential in almost every project.
Problem: such tests can be quite time-consuming.
Not if you use Taskee. This web-tool offers an effective website task management system you, your colleagues and your testers can use to exchange information and discuss some critical issues related to the page design.
No download and no installation are needed. It’s enough to insert one line of code in the page you’d like to test and your users can assign, comment and manage tasks directly on your website. Furthermore, they can discuss the problems they’ve found and offer suggestions and ideas on how the problem can be solved. The latter option can be extremely useful once you design a corporate web site, which involves different target groups or if you’d like to find the best compromise between your professional know-how and your clients’ requirements.
As a project manager you can see a list of URLs that have tasks assigned and be notified about new tasks by email. The current beta-version of Taskee is free and can be used without any restrictions whatsoever.
3. Track your growth permanently
Urltrends’s primary task is to observe trends and developments related to your web site. The tool collects information about incoming links from Google, Yahoo and MSN as well as social bookmarks which point to your site and presents them in Flash-based graphs. Thus you can observe directly, how your site is growing, which tendencies occur and what changes might be important to increase your popularity.
You can register a free account and track 10 different web-projects in your watch list. Besides, you can also subscribe to RSS/Email to get the new results automatically.
4. Make sure your site is prepared for search engines
SEO Analysis tool is supposed to help you analyze and measure the ranking potential of your pages. The tool uses the same technique spiders use to analyze sites and extract essential information from them. You can simulate the behaviour of single spiders such as GoogleBot or Fast-Webcrawler and boost the effectiveness of your appearance in search engines. Particularly, you can see which words have more weight and what information you provide to robots.
Alternative: Nikita The Spider is a service that validates and link checks your entire Web site and reports on what she finds. All you have to do is give Nikita your home page URL and she’ll take it from there. Nikita’s link checker will find broken images, broken hyperlinks (both internal and external), and references to missing documents. The tool uses the same validation parser engine as the W3C Validator and checks for HTTP headers that often contain mistakes.
Besides: Xenu’s Link Sleuth. The absolute classic finds broken links on web sites. You can also use W3C Checklink Validator.
5. Identify your weak spots and fight against them
Website Grader calculates the marketing effectiveness of your web-pages based upon the keyword popularity, link popularity, page structure, traffic ranking, readability level and search results in Google.
With this tool you can compare the quality of your web site with the quality of your competitors, partners or colleagues and thus generate a detailed competitive analysis which can give you some ideas on what you might be willing to improve. The tool also calculates the amount of diggs and articles from your site submitted on Digg.com.
Alternatively you can also use Compete to analyze the difference in growth of two or more web sites…
… or the Link Popularity Checker…
… or BackTags, which also displays your tags and the most popular tags of your competitors in a tag cloud.
6. Ensure the Best Performance
mon.itor.us provides free real-time personalized Ajax dashboard interface, checks server performance and availability, generates uptime and availability reports, tracks visitors, checks system resources, and alerts its users in case abnormalities are detected.
The service also provides tools for performance research and web analytics. Thus you can use the service to benchmark your site performance versus competitors effectiveness. So you can analyze web traffic tendencies and observe the performance all in the same place.
7. Ensure the best quality of your content
A perfect site is based upon the perfect content. However, there is nothing more annoying than mistakes and typos - particularly in the opening paragraph. To make sure you’ve brought your article in an optimal form, you should make use of an online spellchecker.
You can use Orangoo Spell Check or/and SpellCheck.net to improve the quality of your content.
8. Know what your users are doing
Clicky offers web analytics in 2.0 style. The service is supposed to give bloggers a more personal understanding of their visitors. The tool offers a highly customizable, clean and simple user interface. Apart from “traditional” data about the visitors of your page, Clicky stores the details about every visitor, including every action they made on web site (page views, file downloads, outbound links).
Particularly, you can use the “Spy” feature that shows you actions on your site as they are happening, delayed no more than five seconds. Clicky also supports the FeedBurner RSS stat integration and Google Maps integration. You can also subscribe to the stats via RSS - feeds are available for a variety of areas, including recent visitors, recent searches, recent links, as well as popular links or searches within the last 1-96 hours.
The free version allows the usage of up to 3 sites and tracks up to 1,000 average daily page views per site. The ‘pro’ version also allows you to track custom data on a per session basis and provides you with an API for easy access to all of your data in XML, JSON, and PHP formats. 21 day free trial period with all functions is available.
9. Explore your demographics - know who your users are
Quantcast presents the demographics of web sites as well as the estimated monthly unique visitors, similar sites and the profile of a typical visitor of the site. Unfortunately, the results are sometimes quite unusable, because there are simply too many sites quantcast doesn’t know yet.
Microsoft Demographics Prediction does exactly what its title says. This tool, developed by AdCenter Labs, predicts a visitor’s age, gender, and other demographic information according to his or her online behavior that is examined from search queries and page views.
10. Know where you stand
There are literally dozens of services which can calculate the link popularity of your web page. Here are two precise, clear, usable and well-done ones:
Popuri.us delivers everything you’d like to know - on a single page.
Xinu - Check quickly your PageRank, backlinks and much more (particularly, domain information, social bookmarks, syndication statistics and backlinks).
Check everything you ever wanted to check
You can also use time-consuming tools in order to check some specific aspects you are interested in. The following services provide references to all checkers you could ever possibly think of.
Jens Meiert’s UITest generates links to a given URL. Once you’ve typed the site address, you can use provided links to get to the check tool directly. The site provides validators, checkers, generators and tools for sophisticated web development. Accessibility checkers, validation tools and further services are listed.
A quite nice alternative is offered by test everything! - you can browse through sliding categories and select among 128 services only those you’re interested in. Afterwards you can type in the URL and generate links to all services you’ve chosen. Nice idea, nice implemented and extremely useful for all developer’s needs.
Similar approach, different implementation - Scrutinizethis.com offers 195 tools in 11 categories.
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 53 CSS Techniques
- 50 Beautiful Designs
- 50 Simple Designs
- 45 Fresh Designs
- 30 Dark Designs
- 45 Blog Designs
- 65 Flash Designs
- Brilliant Wallpapers
- Brilliant HDR Pictures
- Brilliant Photos
- Free Design Templates
- Free CSS Layouts
- Free Icon Sets
- Free High-Quality Fonts
- Slideshows & Lightboxes
- Adobe Photoshop Tutorials
- Adobe Illustrator Tutorials
All Posts
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- Blog Designs
- Blog Headers
- Book Covers
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Domain Tools
- Dreamweaver Tutorials
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4
- Forums
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Design
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- Laptop Sleeves
- Laptop Designs
- Link Building
- Mascots
- Motion Graphics
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Pagination
- PDF Magazines
- Photoshop Tutorials 1, 2
- Pixel art
- PNG Transparency
- Portfolios
- RSS Best Design Practices
- RSS Icons
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Splash Pages
- Start Pages
- Stock Icons
- Tab-Based Interfaces
- Tag Clouds
- Textures & Backgrounds
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Vintage and Retro
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Web Profis Ideas 1, 2
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
Webtips
Sideblog
Ross Johnson discusses 8 forgotten fonts you may use in CSS. Among them are Palatino Linotype, Century Gothic, Copperplate and Gill Sans — apparently, these fonts are installed on a variety of operating systems.
How creative can a table of contents be? Designobserver presents Thirty Tables of Contents. The collection includes excerpts from the books by Philip Larkin, Philip Roth, Paul Rand and Jan Tschichold.
A set of 18 splendid and colorful looking 3D RSS-Icons. They are done with 3d Studio Max. JPG.

In Font Clock 12 different fonts are printed within the mechanism of a clock, providing a random, mixed display of graphic language within a single time piece. Designed by Sebastian Wrong.
One pixel notched corners as used by Google Analytics. Instead of each option being boxed in a clickable rectangle, there is a 1px notch in each corner. It's not necessarily a curved corner, but it is a little softer than a normal box. Nice little trick.
Hartija is a CSS print framework which is an attempt to unite best CSS printing practices into one single CSS-file.
Rather than standard website templates, a free admin template is nearly impossible to find. This is an admin template which you can use for web applications like online-shops or CMS.

Fully Personal Interface research is a survey where people are questioned about their interface preferences. Results: labels and icons should be placed on the left, horizontal menus are more popular than vertical ones.













































Mac (August 10th, 2007, 4:54 am)
Thanks, huge list !
James (August 10th, 2007, 4:58 am)
Great links and tools as usual, some new bookmarks for me there!
Paul Rouke (August 10th, 2007, 5:10 am)
Another fantastic resource of information - very useful indeed. I imagine our latest live project for a Link [www.theredcat.co.uk] providing a modern relaxing dining atmosphere will benefit from some of these checks, especially with the use of dynamic Javascript photo galleries and Sifr font replacement to aim for optimum on-site SEO.
Keep the articles coming!
paul (August 10th, 2007, 5:11 am)
11. Know how right grammar good
Seriously, check that heading for number 1
EB (August 10th, 2007, 5:19 am)
You never disappointed to generate a huge list of resources.
Smashing Magazine is one of my most common web destinations.
Thank you for the great content.
Juan Manuel Lemus (August 10th, 2007, 5:23 am)
Good, very inspirational por web designers and administrations tools templates. Jejej, I use GetClicky Stats and it is included.
Congratulations!
John (August 10th, 2007, 5:41 am)
Thanks, great list! Personally, I think Sitescore comes nowhere near the Webagogo tests. I also enjoyed Xinu.
Jack Shipley (August 10th, 2007, 6:46 am)
Site Score’s free analysis is down while they pump up their capacity.
John (August 10th, 2007, 6:59 am)
@Jack: I know, but I’ve been there before ;-)
Daniel (August 10th, 2007, 7:34 am)
Best post yet!
criticalerror (August 10th, 2007, 7:52 am)
I’m testing this (all) great list of tools!!!
I’m not to popular! :(
chip (August 10th, 2007, 7:58 am)
Simply amazing! I had a few of these bookmarked but you really extended my list.
We really have no excuse not to have an accessible and search engine ready website!
Thanks again.
Melissa (August 10th, 2007, 8:06 am)
Great collection of tools, some of which I’ve not used before - make some great additions to my del.icio.us!
Thanks for the (as always) great post!
Samuel (August 10th, 2007, 8:45 am)
Great collection of stats and SEO stuff. Terrific!
Starfeeder (August 10th, 2007, 10:21 am)
omg great post! Now going to take 5 hours to “check” out all these links
kevin (August 10th, 2007, 10:47 am)
awesome list!
Adil Hashem (August 10th, 2007, 11:55 am)
awesome list! Good stuff
one great tool left out is Link [haveamint.com]
sambub (August 10th, 2007, 12:35 pm)
You people amaze me! Great job.
Jose (August 10th, 2007, 2:41 pm)
Guys, great site, great articles!!!…but please put the google ads on the right at the beginning of the article :P
Darren (August 10th, 2007, 4:24 pm)
Wow super list. I havn’t used any of these tools so definitely a few of them are going to end up in my bookmarks
typo3fanatic (August 10th, 2007, 5:03 pm)
Really good list!
Toni (August 10th, 2007, 5:39 pm)
Link [tagspage.com] is a good way to increase you PageRank
Mrad (August 10th, 2007, 10:45 pm)
Dude, the reflections on the graphic for mon.itor.us are driving me nuts. How many light sources are there? Five?
Anyhoo, great write-up as usual.
Scott Gunsaullus (August 10th, 2007, 11:23 pm)
Great article. Thanks. In terms of taskee, can anyone recommend a similar product that we can run on our own server. Taskee looks great but I’d like to be able to maintain custody of the data.
Graeme Hunter (August 11th, 2007, 5:40 am)
Nice one, have been using some of these throughout today, found some useful things to work on with my sites.
James (August 11th, 2007, 6:37 am)
Whoa, I had no idea there was that much out there…
John S. Britsios (August 11th, 2007, 9:30 am)
Great job! Many tools I have not seen before and I already began using them. Though I have noticed that you added our tool “SEO Workers Analysis” tool but the URL is incorrect.
Would be nice if you could change it from Link [www.seoworkers.com] to Link [www.seoworkers.com]
You may not have noticed yet that in the breadcrumbs it shows “Submission Error”.
Glad that you like it, and thanks for adding it on your list.
Vitaly Friedman & Sven Lennartz (August 11th, 2007, 3:30 pm)
thanks John! urls changed
Martin (August 11th, 2007, 6:39 pm)
Reply to: Scott Gunsaullus
Mark (August 12th, 2007, 4:39 pm)
Thanks for the informative article. It was really useful to know these tools.
On the webs analytics I have been using Link [gostats.com] , I see you have not mentioned this tool. I am really happy with them still open to ideas.
Razvan (August 12th, 2007, 7:08 pm)
Good list, it’s very useful. There’s also Link [www.reinvigorate.net] for statistics.
Marcelo (August 13th, 2007, 10:43 pm)
Wow, this is great. Very helpful
Jens (August 14th, 2007, 5:07 pm)
Fantastic list. I’m the webmaster of Kursoversikt, an online directory for education and courses. I will definately use some of these tools to improve the site.
gene (August 17th, 2007, 1:30 am)
Great list.
I found another great resource: Fegan Finder, it has lots of resources for checking links.
Link [www.faganfinder.com]
CaSiteCenter (August 17th, 2007, 5:31 pm)
almost all of them are the same but i like the xinu
anyway thanks for collecting them
equatorlounge (August 18th, 2007, 11:35 am)
nice advice,
has been bookmarked :-)
Nathalie (August 20th, 2007, 1:48 am)
Thanks, this is so useful! I have learnt so much more today in terms of SEO thanks to these tools.
Marco (August 21st, 2007, 4:09 am)
Seriously one of the best articles I’ve ever read, big thanks for this! Keep it coming with these posts.
Greetings,
Marco
Marcis Gasuns (August 30th, 2007, 9:09 pm)
This page is our Bible. It’s worth a million.
Phil (September 20th, 2007, 6:39 pm)
This is a FANTASTIC page. Great resource, use most of these daily now!
Phil
Communication Agency (September 21st, 2007, 2:04 am)
Really great article on new media and SEO. We tried all services. Some are using other free services gatherd to new product other are unique. Next day we get calls from above companies. Great article how to sell other products. Really nice. Respect.
arsham (October 17th, 2007, 9:15 pm)
I’m using Link [www.monitis.com] monitoring tool which I find from listed above Link [mon.itor.us]. It has nice interface and a lot of monitoring features.
Binyamin (October 22nd, 2007, 11:10 pm)
Really great!
johnny depp (December 13th, 2007, 9:34 am)
nice advice,
has been bookmarked :-)
Dean Peterson (December 15th, 2007, 12:34 pm)
Just when you thought all you needed to know about making websites was html and CSS. Thanks for adding to my workload :-)
Shycon Design (December 20th, 2007, 12:54 pm)
Very nice list… a few of these tools I’ve never seen before.
Buzzing with Ange (February 7th, 2008, 6:13 pm)
Cool list and so much to know!
Thanks
web dizainas (February 10th, 2008, 1:57 pm)
good list of great tools for website testing thanks…
web design cheltenham (February 28th, 2008, 6:03 am)
Brilliant list will be using the popuri.us tool regulary as it is accurate and gives valuable information about backlinks instantly. good stuff
rajaji (March 5th, 2008, 7:26 pm)
gr8 resource site there….keep up da good work!
Alex Mos (April 14th, 2008, 1:44 am)
Wow, great resource… this is really a “must tag” in my delicious