Usability Testing Templates

Usability Testing ,
This websites provides a details guidance on usability testing with participants with disabilities.

1. Preparing for Usability Testing


2. Conducting Usability Testing


3. Reporting Usability Testing


4. Checklist for Usability Testing


5. Recruiting Screener

Each parts cover in deeply but in a simple and precisely.
These five parts are important in Usability Testing.
The interesting parts is the Recruiting Screener , it provide a list of question need to be consider in recruiting the users for testing. It helps to guide the developer to set the recruitment guidelines.

Usability Testing Template (PDF) , this PDF file is a detail usability testing template,

This template is simple, especially the questionnaire for the test users, It really simple and precise for his product, we can learn from it to provide a simple questionnaire to get the users opinions.

Reference:
Usability Testing
Usability Testing Template (PDF)

Web Accessibility for All

I have found a useful website to know more about the web accessibility.



First of all, this website apply lots of accessibility techniques.
For example, you can ajust the text size by yourself. It really helps the elderly to view your websites.





Also, it get the skip navigation to skip the navigation direct the user to the main content. This make the blind person easier to listen what the main content is without reading the long and useless navigation(if they are access the web thousand of times).

This web also provide somes tutorials and examples for web developer to reference.
We can learn the accessbility skills from them.





"Learn by Examples" is the most interesting page. It provide two pages: one page is applying inaccessbility skills, another one is apply accessbility skills. We can compare these 2 pages to clarify the accessbility of the site.

Besides it suggests some evaluating accessibility tools and show some showcases.
Learn from examples and fault are the ways to success.
Therefore, we should learn more and more .


Web Accessibility for All

Free SEO tools

SEOMOZ.org provide a multiple purpose free SEO tools with a simple registation.



After register an account in this website. It provide lots of tools for the websites.
We can easy to take 5 websites ranking by using the RankTracker.
We need to provide the links in the textbox is fine.





There are lots of Free tools to check the SEO.
For example. We can view the popular searches in those Search Engines
It can view the previous date with different search engines( ie. Google, Yahoo, Ebay, Amazon...)


This can also help to get the keyword when we develop our websites.



This "Trifecta" can score the website to measuer the pages importance and popularity. It predicts the page's ability to rank well in search engines, the reach of your brand awareness and how well you currently draw in traffic.

It also provide some opinions for you to improve the site.
To teach the developer how to get a higher ranker and score base on they existing websites.

There are still lots of free tools provide in SEOMOZ.org.
I think it is good to share with you.

There are also plenty of free online SEO tools.
The following website provide 15 popoular free SEO tools.
http://www.socialseo.com/the-top-15-free-seo-tools.html

Selction fonts when design the Web

When choosing the fonts of our web, we should consider the font types:

1. fit the character of your site,
2. are easy to read on a computer screen, and
3. are widely available across many browsers and operating systems.

There are basically two types of fonts: serif and sans serif.
Serif fonts are those that have fine cross-lines at the extremities of the letter.
Sans serif are fonts that don't have serifs.

The formation of serifs helps to guide the eye around the letter form and improve readability.

Examples of web-safe Serif fonts would be

and .

Georgia:

• Readibility On Screen: Very good. It is the best serif font for on-line reading.
  
• Character: Modern, friendly and professional.

Times New Roman: :

• Readability On Screen: Acceptable for font sizes of 12pt. and up, but terrible for smaller sizes.
  
• Character: Serious, formal and old fashioned.
• 
  

Sans Serifs have become the most popular typeface that is used online because of low screen resolutions that show serifs poorly, especially on smaller fonts sizes and details.

The most common Web-safe font examples for sans serif would be and

.

Arial*:

• Readability On Screen: Not the worse but definetely not the best, especially at small sizes, when it becomes too narrow and the spacing between characters too small.
  
• Character: Has a streamlined, modern look but is also plain and boring.

*For Mac users, the equivalent of Arial is Helvetica.

Verdana:

• Readability On Screen: Exceptional. It's wide body makes it the clearest font for on-screen reading, even at small sizes.
  
• Character: Modern, friendly and professional.

Generic	Font	Windows 9x/2K/XP	Windows Vista	Mac Classic	Mac OS X	Linux Unix
serif	Cambria
	Constantia
	Times New Roman
	Times
	Georgia
sans-serif	Andale Mono
	Arial
	Arial Black
	Calibri
	Candara
	Century Gothic
	Corbel
	Helvetica
	Impact
	Trebuchet MS
	Verdana
cursive	Comic Sans MS
monospace	Consolas
	Courier New
	Courier

*The green marks show very common fonts, the yellow shows not so common but all are generally accepted as web safe.

It is very important to include fall back fonts when creating the font selection of web site. It is because it can ensures the readers get the same look and feel of your web site. These are very simple rules to follow in order to ensure that our website gives a universal experience by using web standards and web safe fonts.

Reference:
http://www.theinternetdigest.net/archive/websafefonts.html
http://www.10e20.com/blog/2009/09/11/fonts-for-the-web-what-works-best/