Archive for the ‘usability’ Category

Last-Minute 9-Point SEO Checklist for 2011

Friday, December 23rd, 2011

The last couple weeks of the year is usually down time in most offices, distracted by holiday parties and run on skeleton crews. We have a productive idea for making the most out of these last nine days of 2011: do a little something to improve your search engine results. We wouldn’t dream of taking you from those festive glasses of bubbly, so we’ve come up with a task-a-day SEO checklist that won’t overwhelm you but that will leave your website performing better in the new year.

SEO Tweaks

1. Know and use heading tags.

These are widely misused but can help visitors as well as search engines navigate your site. The W3C says, "A heading element briefly describes the topic of the section it introduces." This Improve the Web article has a great break-down of how you might use the H1 tag, suitable for people who are less than acquainted with HTML mumbo jumbo.

2. Swap out your outdated bold tags.

Search engines like Google scan through the text on your page for keywords – the words that best represent what the page is about. One of the things they look for is words in bold, assuming that you bold things that are important.  Bolds should use <strong> tags, not outdated bold <b> tags. The Spunky Jones SEO Blog has a nice description of why strong is better than bold for SEO.

3. Submit your site to some directories.

Don’t assume everybody knows your site is there already. Submit it to directories that address what you do. Library Spot has links to some of the most popular nonprofit directories. Don’t forget to look for directories in other countries.

4. Bookmark it.

You might already Tweet the heck out of your site’s articles or pages, but don’t forget other social bookmarking sites. Search Engine Journal has a wicked long list of 125 social bookmarking sites.

5. Add a sitemap.

Search engines use sitemaps to quickly find each page on your site. Add one. If you have a big site, make sure it’s automatically updated.

6. Beef up your content.

Search engines like meaty text. Make sure your site has an adequate amount of text instead of a few floating headlines. If your pages should be longer, go ahead and beef them up. Just make sure to optimize for easy reading.

7. Plan your blog.

The best way to keep the search engines (and people) coming back is to blog. If you don’t have one yet, take a couple hours and plan out some ideas for a new blog you can launch in 2012. If you do have one, still sit down and plan out some ideas for 2012. You’ll appreciate being organized.

8. Update your content.

Everybody – humans and search engines alike – hate old content. Conduct a search-and-destroy mission on old dates and duplicate junk on your site. Our Definitive Website Pre-Launch Checklist is a handy tool for systematically updating.

9. Don’t lose yourself in your quest to be Number One.

Listen, everyone wants to be number one. While it helps to be the first listing in Google, but it’s not worth obsessing over. No matter what certain SEO charlatans promise, it’s impossible to guarantee being listed number one. Just concentrate on building a useful site that works well, and more people will use it.

Free SEO Analysis Contest

Contest time

Contest time

Improve your search engine readiness with a free SEO analysis – a $600 value. If you win our drawing for a free analysis, we’ll comb through your site to tell you where you can improve your site for better performance on search engines.

How can you be entered to win? Just use the comments below to tell us about the next step you’re going to take to improve your search engine rankings (it’s OK to use one of the tips above – that’s why we wrote them!), and you’ll be entered into a drawing to win.

Deadline for entries is Jan. 23, 2012. We’ll pick one winner at random from all entries on Jan. 24, 2012 and will notify the winner via e-mail. You must leave your name and a correct e-mail address to qualify.

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

Reader Question: How Do I Get Feedback on My New Website?

Friday, October 7th, 2011

We’re getting ready to launch a new website, and I want to know how it’s doing. What’s the best way to get honest feedback?

Thanks,
Roslyn Kruchten

The fact you’re asking that question already puts you on the road to a better website. A new online project doesn’t end when it launches. That’s just the ending of the development. Hopefully, you’ve done your homework into what your audience wants and needs before the launch, because then you can focus on how well you’ve delivered after that.

Here are a few good ways to get feedback on a new website, although it’s a good idea to check how well an established website is doing too.

Issue a survey – the same one you offered before beginning.

It’s always a good idea to put out a survey before you begin any web project to see how you might improve. Its results will tell you what you should build into the site, but it will also set benchmarks. Keep those results, and then after your new website has launched, you can issue the same survey and compare results.

Here’s a free user survey you can print out or e-mail to your audience.

Ask the people you know.

Simply send a message to the people in your contacts lists, though e-mail, on Twitter, Facebook or your other social media accounts. Ask people who have nothing to do with your industry, because they’ll give you insight and help point out jargon. You can ask them to simply respond to your message, or you can create a submission form for them to add anonymous comments.

Set up a usability test.

If you’ve got the time and budget, the best thing to do is set up a usability test. Ideally, you’d have a focus group with subjects and interviewers, seriously studying how they do on your site. The W3C has some excellent test scripts and interview questions you can use to model your own session.

[Have a question you’d like answered? Ask on the comments form at the bottom of this page, on Twitter @talance, or on Facebook. We’ll review your question before posting (don’t be shy about asking!) and get back to you with a response.]

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

Essential Tips for Making Websites Accessible

Wednesday, March 23rd, 2011

Slick web designs might impress the board, but what good does that do if your visitors can’t see? Making your website accessible is extremely important for people with visual or physical hindrances. Tiny fonts and low-contrast colors might look good in practice, but they’re useless if they can’t be read or used to navigate your website.

The upside to embracing accessibility is that your digital materials, be them websites, online courses or electronic documents, will be better used by everyone.

Here are nine tips that make a more accessible website.

[You can find an article about the importance of accessibility and helpful tools in the last issue of the newsletter. Subscribe to the newsletter.]

Graphics

Make sure you use images, icons and other visual elements consistently and appropriately.

Text equivalents

If you you’re using graphics, figures or illustrations, make sure you include a line of text or a longer description for people who can’t see them.

Headings

Use H tags to organize and structure your content rather than using larger fonts and different colors. This is a helpful article on H tags and best practices.

Remember PDFs

PDF documents are often neglected in an accessibility review. Make sure they’re accessible too.

Spell out abbreviations and acronyms

Screen readers have a hard time with acronyms – they think they’re full words. Either spell them out or use coding to make them readable. Look at the acronym in the previous paragraph to see an example.

Use tables appropriately

Not everything should be in a table; many contain information that’s more readable when they’re simply written out. If you do use a table, make sure you’re marking it up appropriately.

High contrast

When you use colors, make sure they stand out. I like to run websites through Vischeck to see how they display to people who are color blind.

Captions or scripts

If you’re using video or audio, use closed captioning or provide a script for people to read along.

Use descriptive links

No more “click here.” Use descriptive text around your hypertext.

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

10 Commandments of Writing for the Web

Wednesday, July 28th, 2010
  1. Thou shalt break up long pieces of text with bullets, for it is easier to scan that way.
  2. Thou shalt use short sentences, even if it feels thou art using more periods than commas. Punchy maketh for better reading.
  3. Thou shalt bow down and worship thine spell checker.
  4. Honor the inverted pyramid style of writing. It hath helped journalists for decades for good reason.
  5. Useth not more than one idea per paragraph. Readers never readeth carefully enough to catch more than one.
  6. You shalt not make wrongful use of verbs. Choose active verb construction rather than passive.
  7. Thou shalt cut everything you write in half. Shorter articles art better.
  8. Thou shalt use highlights, such as bolds and hyperlinks, to call attention to important words.
  9. Thou shalt not be creative with sub-headings and instead use clear ones. They aren’t the place for cuteness.
  10. Useth lists and numbers to organize ideas into an easy-to-read format (cf. 10 Commandments).
Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

Handy Guide to Knowing Your Web Visitors

Monday, June 21st, 2010

If you don’t know who’s visiting your website, you can’t accurately guide them to the information they’re most likely looking for. That’s why before you begin planning a new website project, you should do a little demographics research. Your research into who’s using your site – the people who make up the segments of your audience – will prove invaluable when you begin working on a web building (or rebuilding) project.

The best way to do this is to take it to a literal extreme by creating a user profile, sometimes called a persona. We use these in web development to help us imagine the many ways visitors will use a website and to know how different visitors’ needs differ. Think of it as a character profile for a book. You should know things about the person’s age, gender, financial background, job description, computer set-up, nationality, etc.

It even helps sometimes to associate that persona with a picture and a name. That might help solidify the fact that real people go to your website, not just traffic numbers.

Here’s a sample questionnaire you can use to begin thinking about the people who visit your website. Copy and paste is into a document and fill in the blanks. Flesh it out if you think you can come up with additional important characteristics.

Website User Profile

Age:

Address:

Marital status:

Nationality:

Other important demographic characteristics:

Job description and responsibilities:

How often will this person use the website:

Computer and software capabilities:

Technology experience:

Physical limitations:

Education:

Reading level:

Tasks they will perform on the website (be specific and list in order of importance):

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

Make Websites Easier for Older People

Wednesday, June 9th, 2010

The day I bought my mother a cell phone, she cried. Believe me, they weren’t tears of happiness. She looked at all those buttons and numbers and codes and had a little meltdown. We put the phone away and gave her a new cordless phone instead.

My mom is 70, and while there are plenty of hip 70-year-olds e-mailing pictures of their grandkids around and doing online banking, not all of them are. To many people of my mother’s generation, the online world is utterly confusing. They look at websites with no history and with no idea how to navigate.

At the same time, more people are moving into a 60-and-older age bracket than ever before. These are the people who will be using your website. If you’re a non-profit, these are also the people who may be looking for ways to donate their money and time.

Make it easy for them. Here are a few things to keep in mind when presenting a website to older viewers:

Put the most important information up top.

This should be a given no matter what age demographic your audience is. But in studies, older users failed to scroll down the page because they didn’t know it was a possibility.

Explain things in plain English.

We’re all guilty of using too much jargon, but sometimes we don’t realize how much. These are all terms that may confuse: user, content, URL, homepage, browser.

Use a search tool.

Studies have shown that older audiences are more likely to use a search tool to find items than younger people. One possible reason is that younger users are more accustomed to conventions of placing items on a page or within navigation.

Provide a text resizer.

This makes it easy for people with visual limitations to increase the font on the page. Some older users find anything less than 12 points a challenge to read.

These tips are common sense. Follow them, and your website will be easier to use not only for older people, but for everybody.

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

Five for Monday

Monday, June 7th, 2010

Honestly, who feels like delving into those voice mails and uncompleted projects this early in the week? Fill your cup of coffee and watch these five great little movies that will help polish your tech education.

What Is Drupal? from help.asu.edu on Vimeo.

Search Engine Optimization (SEO) basics for Non-Profit Organizations (NPO) from Firstgiving on Vimeo.

Demo Usability Test by Steve Krug from Larmon VanWinkle on Vimeo.

History of the Internet from Melih Bilgil on Vimeo.

Why Video Content Is Important from WebDesign.com on Vimeo.

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

Assess Your Website Mess (May 2010 Newsletter)

Friday, May 7th, 2010

Why is there silverware in the pancake drawer?

[This little gem is the e-mail newsletter our subscribers just received. Want a slice of this for yourself? Sign up now.]

Websites are like silverware drawers. They start out the vision of order, with special compartments for everything. Then a grapefruit spoon gets mixed in with the soup spoons. Someone tosses in a ladle because they can’t figure out where else it should go. Toast crumbs accumulate at the bottom. Before long, what was a bounty of neatness can become a chaotic mess just from day to day living.

It’s understandable, because websites are always growing and changing. Nevertheless, it helps to take a periodic assessment to figure out what should go where, and if it’s operating at optimum capacity.

Here are a few things you can check right now:

  1. Is your name clearly identified on your homepage? Make sure it appears on internal pages too.
  2. Are your organization’s colors consistently used? It’s a good idea to limit your colors to two.
  3. Are there broken links? If so, fix them right away!

While that’s a good start, you should do a complete website assessment and do it regularly. Lucky for you, we’re here to help.

This month, as part of Talance’s year-long 10th anniversary celebration, we’re performing free website analyses to determine how you can improve the performance of your website. The analysis includes a review of design, user-friendliness, search engine visibility and how popular it is in social media. We’ll deliver you a handy report you can keep and refer to while you make updates.

>> Request your FREE website analysis now!

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

5 Ways Your Website Can Make a Great First Impression

Monday, April 26th, 2010

First impressions count for everything when it comes to websites. In real life, you might have second crack at forming someone’s view of you: making a joke or warmly shaking someone’s hand. But online, when the average viewer’s attention is being pulled in a million different directions, you have to hit them exactly right to make sure they keep coming back.

Working with clients over the years, we’ve uncovered five simple tips that will help you present a great first impression so you can convert a website visitor into a fan.

1. Make your pages consistent.

Few things are as confusing as when each page looks different than the page that came before it. Web users need consistency when it comes to websites. This means when they click through the items in your menu, they always thing they’re on your site. If your structure is sloppy and inconsistent, you look sloppy and inconsistent.

2. Ensure quick load times.

If you think the people in the line at the DMV are impatient, multiply that by a factor of a bajillion to approximate their impatience with website loading pages. If your site doesn’t open in a reasonable amount of time, your visitors are gone, baby.

3. Clean up your logo.

Your logo is the flag of your website. It communicates important information about you at a glance. If that information has anything to do with tired clipart or design ideas borrowed from anybody else, it can have a negative effect on your visitors.

4. Appropriate colors.

Colors can communicate a mood to someone before they even read a word. The colors of your website should be attractive and also appropriate. An IBM blue probably isn’t the right color for a preschool website, and electric pink isn’t the right shade for a funeral home.

5. Everything works.

If a link is broken, if your margins are askew, if your images don’t load – these are all big mistakes that reflect badly on you as an organization. Taste is subjective, but operability isn’t.

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

4 Winning Elements of a Navigable Site

Monday, March 29th, 2010

Newspaper articles need to explain who, what, when, where, why, how. Anything less than those elements doesn’t tell the whole story. Websites also need to tell a story. Someone visiting for the first time should be able to know what you’re about and what you do without thinking too hard. Thinking too hard, in Web terms, means clicking off your page.

Here are the questions you should be able to answer easily if your website is well built:

1. What is the site all about? What’s its identity and reason for being?

2. Where do site visitors begin?

3. What’s the site structure? Does it have a clear hierarchy?

4. How do visitors search for things?

Pose those questions to your site, and if you can answer quickly and concretely, you know it has good bones.

Share this article: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • bodytext
  • del.icio.us
  • Google
  • E-mail this story to a friend!
  • Live
  • Print this article!
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb