Designing for understanding and user empowerment

I recently wrote a post about desiging for people who don't feel like they can understand computers.  Specifically, I said, "The trick is adding a sense of empowerment and taking out the disempowering elements."  That can mean all sorts of things in different situations, but I saw a really interesting example of it in a Discovery Channel show while I was away for the holidays.

The show was about genetics and mutations in the human genome.  That's a really complicated subject, but the show did a very good job in presenting it in laymen's terms.  One could just as easily become confused and frustrated and give up on the show entirely, just as one could on a website, but the content and graphics were very carefully designed to break everything down and to make the viewer believe that they have the ability to understand, and to take pride in that ability.

When I was in 9th grade, my teacher said that authors, especially mystery and suspense authors, liked to write so their audience was just a little bit ahead of the characters in figuring out what was going on.  That way they would get a little ego boost that they were smart enough to figure it out and feel good about continuing to read the book.  I think the genetics program provided similar little ego boosts throughout the program to keep the interest of people who otherwise might not think they could understand the subject.

I'd like to talk about one animation in particular, and it's a pity I didn't manage to find a clip of it, but little text diagrams will do.  Several times the show talked about the genetic changes that appear between the genomes of people with a genetic disease and without or between chimps and other animals and humans.  Now, genes can be represented as a series of the letters A, T, C and G, and while the voice-over was talking about the changes the program showed the sequence of letters from one gene and from the other gene with the differences highlighted in red.  Then it would show just the changed letters all by themselves, isolated from the rest of the gene.  So you might (if you'll pardon my completely making the sequence up) see something like this:

AATGCGAAT

AATGTGCAT

TC

I'm not a geneticist, but I'm pretty sure that the TC there all by itself doesn't really mean anything isolated from the rest of the gene.  All it's really communicating there is the amount of change that happened, but it maintains the original sort of "techy" look.  This was especially interesting when they were talking about two sets of changes—the differences in a particular gene between a chicken and a chimpanzee and between a chimpanzee and a human.  There were very few changes between the chicken and the chimpanzee, but a lot between the chimpanzee and the human, so the red highlighted changes that they pulled out looked something like AG and CCGATTAATG.  They could have communicated the difference simply with lines of different lengths (|--| and |----------|), but by keeping in the original letters it sort of feels like you're understanding something more complex than just "this change is more dramatic than this change."  And if you feel like you've understood one complex thing, you'll have more confidence that you'll understand other things the show might tell you as well, and feel good about yourself for understanding.

I wrote before that technical looking things should be avoided, but in this case it's actually a benefit.  However, what it's actually communicating is quite simple, and by that point in the program the viewer already has a fair amount of confidence from other animations and explanations that the program will break all the technical things down to an understandable level, so it's not going to scare people off immediately when they see it.  So it is a very interesting method of building a user's confidence in themselves, but I wouldn't use it without earning the user's trust first that you won't throw them things they can't handle.

So now I'm thinking about other ways to make a user feel proud and empowered for having understood something, and other classic narrative conventions that can be used to build engagement and trust.  If you have other examples like this, I'd appreciate it if you'd mention it in the comments :)

Comments