Archive for the ‘Usability’ Category

5 Painless Ways to Squeeze More from Your Website

Friday, July 10th, 2009

Getting your website to work for you doesn’t have to mean a complete overhaul. Here are five small updates you can make without suffering.

1. Add a feedback form

One of the very best ways to get more use out of your website is to give its visitors a way to interact. If you add a contact form to your contact page (here’s an example), you’ll open up opportunities for accepting comments. It’s welcoming, will help limit spam, and can increase the amount of feedback you receive from your site. A pretty big payoff for something so small.

2. Make menus consistent

Clicking through the pages of your site should not cause motion sickness. Yet some websites have inconsistent navigational menus. Sometimes they actually jump around. Sometimes the options change. Sometimes they don’t even work. Make them consistent and reliable, and you’ll find more people will be clicking around.

3. Limit what’s on your homepage

You wouldn’t stuff all your house’s furniture into the foyer, would you? Same thing with all the content on your website. Put your front-page stories on the homepage, and tuck the rest of the information where it logically belongs.

4. Add some links to and from your social networking accounts

Many organizations have well-used Facebook, MySpace or Twitter accounts, but you’d never know it from the website. Do some cross-linking, and add some links on your site. (Note: Join for the Talance Facebook Fan Club, and we’ll give you some lovely social media icons.) People can learn more about what you do, and they can subscribe to your accounts and receive updates and reminders.

5. Launch a blog or microblog

Even if you update it just once a week, a blog is a great add-on to a website. It increases your chances of telling the world what makes you so great, and it keeps people coming back for more.

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

How To Create a Dysfunctional Website

Monday, June 22nd, 2009

In preparing for an upcoming presentation on how to create functional websites, and it’s got me thinking about all the dysfunctional sites I’ve seen recently. There’s no single feature that makes a website completely unusable, but there definitely are trends.

Below, divided into three categories, are the chief gaffes you should follow if you really feel like creating a website that doesn’t work.

Market Positioning

Build your website without thinking what you want. “Yes, we need a website!” is a lousy reason for a website, yet it’s the one too many people follow. First, make a list of all your organization’s goals, and then think about how technology might help you meet those goals. Then from that you can start to think about shaping your website around your needs.

Don’t think about who’s looking at the site. If your audience is made of 50-year-old women from the Midwest, why would you create a zippy website built to attract college students? If those people are interested in volunteering, why would you load the homepage with information on grants, staff bios and news releases? Think about what the people coming to your website want or need to see, and then give it to them.

Design

Ugly artUse lots of clipart. Ooph. Steer clear of crummy clipart. Go for real pictures, even freebie stock photography, rather than goofy cartoon drawings. Check out the Creative Commons images on Flickr or Stock.xchng for good resources.

Include pictures of empty rooms. What’s welcoming about an echo-y chamber? Put some people in there!

Use flashy splash pages. They look like ads and have the same effect. People click off splash screens and never get to the meat inside. It’s like going around with two hats on. The top one doesn’t matter and makes people think you’re nuts.

Use a microscopic font. You know how on TV ads, they put all the stuff they don’t really want you to read, but are required by law to display, in teeny text at the bottom of the screen? It’s because no one can see it, and they ignore it even if they can. Small font does the same thing to your website, but the whole website.

Honestly, tell me how readable this is.

Usability


Shroud donation processes in mystery.
Heavens, if people want to give you money, make it easy for them. Here, take this big bright Donate Now! button and put it on your homepage. (Right-click and choose Save As.) A gift from Talance to you.

Donate Now!

Glom onto every widget you can find. A real danger with the proliferation of widgets and plug-ins and add-ons is that you have a website that looks like a carnival. All flash, no focus. Choose wisely with anything you add onto your site, and make sure it follows your directive of achieving your goals.

Add 50 items – or even 10 – to your menus. People’s eyes cross when they see more than seven items in a menu, so stick with that magic number.

Put the most important info at the very bottom of the page. People look at the top left of web pages to pick up the most important information. If there’s something you really want people to read, put it up there and not down below.

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

Reader Question: Is it really OK to scroll?

Wednesday, June 17th, 2009

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

A reader asks:

I’ve heard from so many places you shouldn’t put anything below the scroll. Is it really OK?

There are so many rules in Web design that you really shouldn’t break. It’s a shame that the Do Not Scroll rule has gotten so much long-standing traction.

Back when we all started designing web pages, we noticed that people tended to look at pages in one glance, and then move on to a different site. The theory was they wouldn’t make the modicum of effort to use the scroll bar to look at the bottom of the page.

This fed the idea of packing as much information at the top of the page as possible, often with nothing at all below. It lead to a raft of websites that could fit on postage stamps, a favorite new refrain of “Keep it above the scroll!” and a deep-seated fear of putting anything on the lower part of the page at all.

Then there came blogs.

Blogs are all about scroll, with the most recent postings at the top of the page and story after story trailing down the page. I’ll bet you, reading this right now, will give this blog a good scroll so you can see what else we’ve written about recently.

Yes, people do tend to look at the upper-left-hand corner of the page more carefully than other places on your website. But it really is OK to put information at the bottom of the page. It’s sure a lot better than fitting everything you can into a postage stamp.

Take a look at these glorious examples of pages that contain loads of information well below the scroll, pulled at random from the Web browsers open on my machine:

From Last.fm
From last.fm

From Oprah.com
From oprah.com

From Weather.com
From Weather.com

From SlideShare
From SlideShare

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

Harsh News for Tired Eyes

Thursday, May 21st, 2009

covering the eyes
[Photo credit: "covering the eyes" by Secret Seasons, on Flickr]

Here’s a harsh reality you must face when you’re thinking about the design of your website: nobody likes to look at computer screens.

Yes, we all do it all the time, but that doesn’t change our physiology. Most people suffer from screen fatigue simply because monitors flicker and render an image that’s grainer than print. Think about how many times you’ve gotten a headache from spending too long looking at a computer screen or blinked your dry, irritated and watery eyes. Happens to me almost every day. That’s why I sit by the window; frequent eye breaks.

That’s also why we can’t help scanning websites. Our eyes seek out big fonts, bullet points and images to help us make quick identifications rather than focus on tiny text. It means that sometimes we frequently don’t take in enough information to get the full picture – we just glean what we can quickly.

Good web designers will think about these usability issues when designing a site. Make sure you think about what you need to do to present your site so it’s easiest for people to read.

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

Every Door on Your Website Is an Entryway

Wednesday, May 20th, 2009

One of the mistakes web designers often make, especially those that come from a print background, is assuming visitors are coming to a site only through the homepage. It makes sense with a brochure or booklet: you first read the cover and then flip through the pages. You really only need the title on the cover.

But this makes no sense on a website. People are going to be visiting your site from any page they find. For instance, if they’re looking for your organization’s mailing address, they’re going to search for “Your Org mailing address” and probably be taken directly to your contact page.

The biggest mistake you can make is to skip branding on internal pages. Make sure that your logo, address and other important information is just as visible from internal pages as they are from the homepage.

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

How To Lose Donations and Confuse People

Wednesday, April 15th, 2009

The Chronicle of Philanthropy has a great article about what prevents people from giving online (Confusing Web Sites Discourage Donors From Online Giving). What does it come down to? Bad design.

Nielsen Norman Group, which conducted the research and wrote it into this report. A summary of the biggest problems, which I can testify are the same problems we fix too:

  • Poor presentation of the charity’s mission
  • No information on how contributions are spent
  • Poor page design and unclear content makes it hard to find how to donate

Most of those issues are text related, so make your changes right now.

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

Make a Better Website with a User Survey

Monday, April 13th, 2009

Many people start a web project by deciding they need a website. OK, good start, but that’s not where the project should end. Unfortunately, often it does, without any real thought given to what the website should do, what it should be used for and who should use it.

So the next step in starting a web project is to ask some questions, and who better to ask than the people who currently visit your website? Set up a questionnaire survey to find out what your audience thinks is most important. Take their comments into consideration for your needs assessment process (which I talked about here).

What those survey questions will be largely depend on your own organization’s directives. But a question like this might help you get started. I find Likkert-type questions to be the most useful in gauging opinion.

Please rate the value of each of these features, with 1 being extremely important and 4 being extremely unimportant.

- Ability to log on to access premium material
- A blog
- Video clips that demonstrate how we work

Make sure to leave a comments space so people can add features they think might be valuable. This is also a good time to evaluate some of your current processes, like asking people how long it took them to receive feedback or how easy it is to make a donation or pay for an item.

There are plenty of free survey tools out there you can use to collect responses, and just include a link to your survey online. But also send your survey out to your mailing list and include a line about it at the foot of outgoing e-mails or inserts in your paper newsletter.

Remember to not only use this exercise as building a route to a website that better serves your audiences, but add another survey in six months to make sure you’re meeting your users’ needs.

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

Your Contact Page Is for More Than Just Phone Numbers

Tuesday, April 7th, 2009

When I first started paying careful attention to the people who visit my website, I was surprised at how many went to our contact page. Sure, some people would send messages or look up a phone number, but not everybody.

Many people look at your contact page so they can learn something about you. They want to know where you are, who works at your organization, what you look like and different ways to get in touch with you (such as Twitter or Facebook).

Take a few minutes today to check out your contact page and see if it says everything it should. Also check out this earlier post on where to put links to your contact info.

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

Online Usability: The Natural Way to Learn

Thursday, March 26th, 2009

[The following is reprinted from the technology issue of Torah at the Center, and educational publication from Union for Reform Judaism. Read the whole technology issue by clicking here.]

By Monique Cuvelier, Usability Consultant and CEO, Talance.com, Burlington, MA

The last thing you want a student to do in an online course is to think. That sounds wildly counterintuitive, considering most instructors want students to have thinking caps strapped tightly on and cranked to maximum when they sit down to learn. However, if students are thinking too hard about what to do with online course software, they’re not going to be engaged in the course materials – and that’s the reason you want them there in the first place.

The benefits of e-learning programs are clear. They’re convenient, bring students together who live in different places and can be adapted to address the various needs of students. But many organizations focus too closely on the benefits and not enough on usability, the ease in which students can navigate a course and accomplish learning goals.

The trouble is that creating good usability should look natural and easy, but it’s incredibly hard. What seems the natural way to work in an online arena is not natural; it takes planning and design. In the six years that I’ve been making online learning environments more intuitive for students and teachers at my company Talance.com, I’ve seen students drop out of courses, give up on their favorite topics and turn their ire to their hapless instructors all because they were confused and frustrated by the technology.

Below are a few rules you can think about when evaluating online courseware or creating a simple online learning environment from scratch.

Familiar Workflows

Students should move naturally from one task to the next. Tasks should guide the students to the right information at the right time. For instance, you may want the student to work through the course this way: log in, read any pertinent announcements, review reading material, discuss a project in the bulletin boards, submit a writing assignment. In this case, make sure the announcement appears on the course homepage and that instructions for the writing assignment are at the end of the reading material. Include enough shortcuts that students can navigate easily from one task to the next.

Free-Flowing Communication

Students should have open channels of communication with you (the teacher) and other learners, whether the course is synchronous or asynchronous. Add options for navigation. Icons on the homepage that take you to different sections of the course are OK – as long as you’re on the homepage. Use tabs at the top of the screen to create quick access to frequently used sections of the course, because they can be seen from any page. Course participants should find it easy to send course e-mail, and they should know at a glance if they have new messages. They should know where to find help, through an FAQ or an e-mail form where they can submit technical support issues.

Flexible Enough to Foster Creativity

Multiple-choice questions may be fine in some circumstances but are too rigid on their own to address all learning styles and encourage creativity in an online course. Present several ways for students to learn and interact, such as real-time chat rooms with whiteboards, and essay-type questions in tests. Allow students to upload Microsoft Word documents, which let them work in their familiar computer environments rather than typing responses into text forms.

Hebrew-Language Support

Think about how your software handles Hebrew, if you require it for your class. Support for Hebrew is often not included in the first release of software packages. Can you render characters in Unicode or graphically? Discussion boards in particular may have difficulty rendering Hebrew characters, especially along with English. Can you allow students to attach Word documents that are formatted for Hebrew?

Just the Essentials

One hazard of working with an online course is there is no page limit. Avoid information glut by presenting students with just the information they need. Create places for secondary information elsewhere in the course for those who want to learn more.

Following these principles is only the first step to creating a more usable online course. Make better usability an ongoing effort by constantly noting problems students have, asking for feedback and making adjustments. Eventually, you’ll find the more you think about how students learn in an online environment, the less your students will have to.

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

Don’t Squander Your Money: 10 Essentials for All Websites

Friday, March 20th, 2009

This Halloween I might dress as the economy. I can’t think of any scarier. You’re right to be scared too, especially if you’re a nonprofit and beholden to funders, because you’ve got to make the case why you need a good website.

Hold on. Reality check: you aren’t thinking of cutting funding for your own website, are you? That would be a grave mistake. Websites are not only the public face of your organization, but the best tool you have to information and create a community on a budget.

Now that we’ve got that straight, let’s look at the top 10 things your website should have so that it gives you a good return on your investment. And just hanging in there won’t cut it. People will stop visiting your site – and thinking about your organization – if they don’t see some worthwhile action happening online. This is one of those times you need to invest.

In no particular order (because they’re all important), here are 10 things your website simply must have and that will wind up saving you money.

1. Contact form. You can always post your e-mail address on your website, but be prepared to be overrun with spam. Avoid this by putting a contact form on your site to make it easy for your website visitors to reach you and to avoid spammers at the same time. You might also think of adding a Captcha to your form.

2. A place for feedback. This could be a contact form, but better yet, let your website visitors leave comments. This might be on your blog, on news postings or on articles. You can also allow ratings, which lets people cast their vote.

3. Consistent navigation. Make sure people know where to go on your site by putting your navigation in the same place everywhere.

4. Regularly updated information. Freshness keeps people coming back. At the very least, make sure you’re cycling through new content on the homepage on a weekly basis. Blogs and Twitter accounts make this an even easier way to create an online community through content.

5. Analytics. Try a tool such as Clicky or Google Analytics to find out when people are coming to your site, where they’re from and a whole load of other stuff. Analytics tools are way more powerful than a counter.

6. Donate now button. If you’re a nonprofit that accepts donations from a constituency, make it clear and easy.

7. Address front and center. A street address. With a phone number. Do it.

8. Search tool – for your site, not someone else’s. A search box will help your visitors find exactly what they need. But don’t make the mistake of putting a Google search box or a search tool from another site on yours. You just make it easier for people to leave.

9. Really good URLs. This starts with your web address (I know nonprofits are swimming in alphabet soup, but don’t make everyone else guess your acronym). Then make sure you have Clean URLs installed throughout.

10. A CMS. A content management system will make these things a bajillion times easier to do if you have a publishing system in place. Here’s how we do it.

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

UA-2525455-5