Useful links: 2 Readlists, WCAG=ISO, responsive menus

Two Readlists. 1. Adaptive Web Design was created by Aaron Gustafson. 2. Responsive Enhancement was created by Jeremy Keith.

WCAG 2 is now also ISO/IEC 40500 at the W3C.

10 Tips for How to Handle Responsive Menus Successfully is at usabilla. NIce blog, I’ve never seen it before but will keep going back.

Useful Links: ySlow, WordPress headers, mobile form validation

Getting Started with YSlow is at Speed Awareness Month.

Creating a responsive header in WordPress 3.4 at Web Designer Depot uses a bit of jQuery to insert a responsive image into a WordPress header.

Steven Hoober makes a case for form validation on blur for mobile devices in Mobile Inline Form Validation.

Useful links: JAWS and ARIA, TechWomen mentors, Mobile Design

Steve Faulkner reports of some of the quirks in the way JAWS announces ARIA landmark roles.

If you are a woman working in technology fields at innovative companies in the San Francisco Bay Area you can mentor a woman from the Middle East through the TechWomen program.

Jakob Nielsen wrote about mobile and got some reaction. Here are a few links:

How To Test Your Site’s Usability Without Breaking The Bank

When you are creating a new site, one of your first steps is to create an interface that is both presentable and useable. But testing for usability takes time and – frankly – money. Which isn’t easy to come by when you are first starting up a website, especially if your company deals largely in ecommerce, and so you need the initial funds to move forward.

Your budget is important, and so you might think you have to skimp on the frills, like useability testing. What you might not know is that if you don’t make that a priority, you can lose business or visitors. In the end, your bottom line will change and you won’t meet your goals. That is the exact opposite of what you want to be doing, and saving a few bucks will ruin your chances.

Luckily, there are things you can do that give you great useability testing on a budget. There are low cost methods and even tools that you can utilize to make the most out of what you have, without sacrificing the look of your site.

The Methods

  • Cut out the basics before you begin testing. This means anything that you can find just by doing a bit of manual legwork through the site, or even just visual misses you catch as you are browsing. If you can catch it before the tests, you can fix it without needing to spend any money to do it. You would be amazed by how much cash is wasted by not catching the little, easily addressed problems in the beginning.
  • Hire a freelance designer or professional trained in website useability to go through the tests. A few things to remember here: first, they should not be with your firm, or have any preconceived notions of the website design. Second, they should be able to prove they are experienced in catching small, hard to see problems with useability.
  • Go for the real bare bones. A pad, a paper and someone at the computer looking at your site. What does this equal to? Useability testing. It might be at the most basic level, and it could be compromised by human error, but it does count. If you are really strapped, this might be the way to go.
  • Know how many to test. A lot of companies make the mistake of over testing their website. This is very easy to do, because they think the more users being tested, the more accurate the results. It is true that having 15 or 16 users tested will give you a very accurate result. But using just 5 gives you a result in the 85 percentile, and adding a few more bumps up your accuracy significantly.

The Tools

  • UserTesting – This is a fast, traditional and affordable useability testing service that hires visitors on your behalf to take a look at your site. They then give you both a video of their browsing with their spoken thoughts, and a fully written report on any errors or problems they encountered, as well as their view on the interface. The cost is $39 per user, making it a fairly cheap option.  They are used by many major franchises, such as Cisco, CNN, Fox and more.
  • Userfly – Userfly uses video captures and an installed software with a single coding line to gather your data for you. They have a demo you can use for free, which guives you 10 captures a month, unlimited domains and 30 days of recording storage. Their other services range from $10 to $200 per month, with varying levels all the way up to Enterprise. Signing up is simple, as is running their service.
  • Feedback Army – This service is a little bit different. It works by taking questions from you about the site. Then, they set out their little soldiers to test it out and answer it. They are fast, thorough and well trained. Ten questions costs $20, which is a very cheap way to figure out what needs to be fixed. But because they are just answering your questions, you have to make sure to have them drafted properly so you can catch all eventualities and potential problems.
  • Google Web Optimizer – King of all things Internet, Google is an obvious place to find help in this way. Their optimization tool gives you full access to their site useability testing, but you have to have a Google account to run it. This probably isn’t a problem…who doesn’t have Gmail or something similar now days?

Conclusion

Useability testing doesn’t have to be costly. It just takes a little bit of fancy footwork, some plans for cheap alternatives and tools to get you along.

What are some your ideas for eliminating the cost of useability testing?

Guest Author Jessy is a social media geek and marketing blogger.

Review: Designing for Emotion

 

Designing for Emotion, written by Aarron Walter, is another of the brief but valuable books from A Book Apart. If you’ve read other books from A Book Apart you know they are high quality work from knowledgeable writers. This one is no exception.

With only 7 chapters and less than 100 pages to tell his tale, writer Aarron Walter gets right to it in a hurry. He explains what emotional design is and how it uses personality, humor, and positive experiences to meet human needs on web sites. Walter infuses the book with personality, humor and positive experiences, too, making it a delight to read. For example,

There’s a very practical reason that emotion and memory are so closely coupled—it keeps us alive. We would be doomed to repeat negative experiences and wouldn’t be able to consciously repeat positive experiences if we had no memory of them. Imagine eating a delicious four-pound log of bacon and not having the sense to eat another the following day. That’s a life not worth living, my friend.

That wasn’t the only remark in the book that made me smile. Walter does practice what he preaches.

He gives examples for each point he makes, giving the reader some real world examples to examine. In the chapter explaining what emotion design is, he points to Wufoo and Betabrand.

In the chapter on designing for humans, he talks about psychological principles that guide the emotional language and imagery web designers might employ. For example, “baby-face-bias”. Baby-face-bias triggers positive emotions with characters with large eyes, small nose and a pronounced forehead. It’s behind the successful imagery used by Brizzly, Twitter, StickyBits, and Walter’s own work at MailChimp. This chapter also talks about the use of contrast and aesthetics.

There’s a chapter on personality. Creating a website with personality gives users a sense of human-to-human interaction. He talks about personas and provides a detailed downloadable worksheet to help you create a design persona for your website. Online examples include Carbonmade and Housing Works.

In the chapter on emotional engagement, Walter talks about surprise, delight, anticipation, and priming. Examples in this chapter include Photojojo and the New Twitter. He discusses the idea of variable rewards from sites like Groupon, but I think the uncertainty of what will come next from the new app Siri on the iPhone 4S—which came out after this book was written—is a terrific example of baked in emotional engagement, surprise, delight and anticipation.

The next chapter is overcoming obstacles. This chapter deals with convincing users to click, sign up, complete the process and keep coming back. He discusses game theory, bribery and a sense of achievement. Mint and Dropbox are the examples described.

In the chapter called Forgiveness, Walter talks about what to do when you screw up, and how to help people overlook your shortcomings. Flickr is the example he uses in this chapter.

The final chapter is about risks and rewards. It talks about the risks of getting started with emotional design, and the rewards. CoffeeCup Software is cited as an example of how to start small with a limited time idea to see if it works. He describes the risk of starting a new site with emotional design in mind from the beginning. Designers can alienate users instead of making them feel good about a site with emotional design. Walter discusses some of those risks. He borrows the phrase progressive enhancement for those who want to work some personality into existing websites. The online example cites Blue Sky Resumes.

Finally, there is a list of resources for those who want to dig into the concepts from this book in more detail. The resources are genrally books about design principles, science, psychology, behavior, the human brain and user experience, but there are some online resources, too.

Summary: Brief but packed with useful concepts and concrete examples.

A review by Virginia DeBolt of Designing for Emotion (rating: 5 stars)

Useful links: Low Vision, Usability isn’t Accessibility, Media Queries

Myths about Low Vision: Nose to the Page is an important post from Knowbility.

The Difference Between Web Site Usability and Accessibility. Succinct and useful.

Adaptive & Mobile Design with CSS3 Media Queries. Nice demo and downloadable example files. Speaking of media queries, here’s a very good tutorial by Steven Bradley: How to Use Media Queries for Device Targeting.