I Get By with a Little Help from My Tools

There is a risk that I might never see the sunshine again. I just discovered the "tablets" that attach to a computer to help the user create and manipulate graphics. They have a pad that works like a drawing board and an inkless pen that's really just another kind of mouse. Between the software that can morph my photos into "paintings" and the freestyle drawing and "painting" capabilities with the pen, I'm in heaven.

I sought out this tool as a practical matter. I wanted to create some personalized banners and other graphics for my blog, websites, and various documentation projects. Using a regular mouse to "paint" was, well, like serving soup with a bridal veil. It was just a plain mess! On top of the visual aspect, my repetitive stress injuries flared up like a bonfire. I see the purchase as an investment in my sanity and physical well-being.

It comes at a very good time, too. This new device is a great distraction from my job concerns. You see, I work for a financial arm of one of the big three American automakers...and we have not had a good week. In addition to worrying about just having a job, I have to apologize for the cluelessness of the people at the top of my food chain. It's embarrassing, actually. I walk around with dark glasses, a scarf, and a trench coat in hopes that no one will recognize me.

It's not like I didn't try to counsel them early on. For years, whenever they posted an announcement on our company intranet about one of the new overpriced, gas-guzzling, ozone depleting, carbon-spewing monstrosities in their line-up, I would post in our discussion forum a request for more compact cars with high mileage...an American version of the Prius, Honda Civic hybrid, or, dear heart be still, the Insight with 50+ miles per gallon. Their response would be a short blurb about the company investing in fuel cell technology...something that certainly won't be viable in the near future.

And I identified a need for a reality check when the CEO visited our small corporate offices in Pennsylvania a few years ago. As we saw co-workers going through the first of what turned out to be many lay-offs, this gentleman talked to us about the need to purchase the company's vehicles. He regaled us with a story about how his kids were just turning driving age. With all of the new cars he was buying to satisfy their transportation needs, he was running out of room and trying desperately to purchase his neighbor's property for the garage space. We were to empathize with him. I notified my managers of the necessity to provide this manager with some sensitivity training. Apparently, no one in Detroit received my message.

So, I immerse myself in things that keep me off of www.bloomberg.com and the Wall Street Journal site and from fretting over things I cannot control. These distractions include seeking out new opportunities and learning new skills.

Notice Anything Different?

First order of business was to redesign my blog. This blog was my very first attempt at blogging. When I set it up, I used a Blogger template and made a few changes that were facilitated by the functions in the Layout and Settings options. It was okay. I liked the green but I felt restricted by the template.

Let's compare. Here's a shot of the site on the first day:


While you can see what it looks like now, it will probably look different months from now. So here is a shot of the current view:


It's Not Just About My Opposable Thumbs

I started the redesign with a Blogger template (one called "Stretch Denim"). But the template was not quite the look I wanted.

To take it further meant learning how to use new tools. As I discussed above, I acquired a "tablet" to work on graphics. The tablet came with Adobe Photoshop Elements 6.0 and Corel Painter Essentials 4.0. Lightweight tools, I'm sure, for serious graphic artists but these are good beginnings for me.

For the banner, I created a rectangle and filled it with a gradient palette offered in Photoshop. The photograph is from a trip to Casa Loma in Toronto this past summer. Some cropping along with contrast, saturation, and highlighting adjustments in Photoshop gave it a new life to symbolize traveling a path - walking through a process, an experience, life in general.

The other tool I'm excited about is html - Hypertext Markup Language. When I talk to my S.O. ("significant other") about it, he looks at me sideways and tells me that my enthusiasm for html is further evidence that I am not cool and have no hope of ever being cool. But I don't care. Because, with practice and some more time working on my design sensibilities, I can use html to make my web material look great. While I could make a lot of the changes I wanted using the Blogger check boxes, there were some that I could not.

For instance, take a look at the statement in the banner. The heading is an ivory color while the mission is a dark blue. Blogger defaults to making both sets of text the same color. By adding just a little bit of html code, I was able to assign a different color to the mission.


I also had issues with the margin of the text in the banner. Blogger doesn't provide any tools to adjust margins. The text appeared over the image when I first added the banner. A couple of changes to the html code and I had this lovely left margin politely off to the side of the image.

Keeping It Clean

Other aspects of my redesign involved removing excess color. I've decided, after a lot of critical review of web sites and blogs, that I much prefer light or white backgrounds for text. Bold color is good when the site consists of primarily graphics. But a heavily text populated blog like mine needs more light colors. Plus, the big green margins on either side of the old design took up too much space and made each blog entry seem interminably long.

I kept the typeface simple - substituting Verdana for a serif font throughout the body but using Georgia for the top header to make it stand out. I may substitute another color for the green I used for visited links and dates. It could be a little hard to see.

I'd Like to Thank My ...

I received some very helpful direction from my design professor and classmates at NJIT but not everyone has access to them. (Too bad for you!) I also got a lot of useful information from:

• The wonderful tutorial that came with my tablet (a Wacom Bamboo Fun tablet). I was surprised at how helpful and thorough it was.
• A book called "Sams Teach Yourself HTML in 10 Minutes". It was amazingly helpful and broke out the lessons in easy to manage chunks. It has a prime spot next to my computer now.

For now, I'll look for some vitamin D fortified soy milk and force myself to take a walk a few times a week. Now that this door is open, I'm in real danger of becoming a hermit.

What Am I Supposed to Do About This...?

Possums are stubborn creatures. Most animals caught in a humane trap want nothing more than to get out and run when you open the door. Possums are not so eager. In fact, I've had to lift a trap, turn it upside down, and shake it until the little guy loses his grip on the metal mesh-like sides and tumbles to the ground. I'm not sure why they're reluctant to leave. It could be they somehow feel safer there. Or it could be that they figure there was food there so it must be a good place to hang out until more food arrives. Kind of like the reverse of an automat - instead of pulling the food out of a box, you walk into the box and wait for the food to be put in.

Catching wild animals like possums and raccoons is one of the risks of trapping feral or free roaming cats. I've caught my share over the years. It's a little unnerving the first few times. What do you do? Fortunately, I knew a few wildlife rehabilitators and only had to make a couple of calls to get rational and safe instructions. But most people don't have those resources or know where to start. In fact, most people who want to help stray cats don't know where or how to begin.

So, a few months ago, a friend approached me about developing resources for people who want to do something about the feral or stray cats in their midst. After doing some research and pulling together some materials, I started a website - kind of a "do it yourself" guide for people new to this world.

Why a Website?I decided to use a website for a few reasons:

1. The material can be accessed immediately...provided the person looking for help has computer and Internet access.
2. There's no postage or printing expense to get the information to the people in need of it.
3. The information can be updated quickly and without the waste of tossing outdated printed materials.
4. Audio-video material can be provided at a much lower cost than sending out video cassettes, Cds, or DVDs.
5. We can always print out material for people who don't have Internet access.

I see two main drawbacks to using a website:

1. We lose the personal contact that we would otherwise have if they had to ask us directly for the information. Sometimes it is useful to talk to people to prevent them from undertaking unnecessary or ill-advised actions.
2. It can be difficult to effectively format extensive, detailed material for web use, especially for older users. I believe this is the reason that so many paper manuals still pop up in the workplace. More on formatting below.

Getting Started

There are actually a lot of sites out there with information on helping cats. Most are focused on "TNR" or trap-neuter-return. They link to either national groups or groups in geographic areas outside of ours for support. While I don't want to reinvent the wheel, I think we can improve on the available material with better visuals and formatting; in addition, we're providing links to resources local to our area and information beyond TNR. After all, not all cats in need are feral.

What I've posted so far is very basic. Just a start, really. No useful visuals - yet. And the formatting could use improvement. My plan is to approach the design as a technical writer, making it easier for visitors to find the material they need and understand it. While I develop the site, I need to keep these five things in mind:

1. Audience
2. Components
3. Meaningful descriptions
4. Effective visuals
5. Format and organization

Audience

Who is my audience? What will they do with this information? How detailed do we need to get? And what type of language should we use?

It's essential to determine these things before starting out. Typically the person writing instructions has experience and knows the process. But how familiar is the reader with the process, tools, or terms often used by experienced people? Can I use words like "feral" and terms like "TNR"? Can I just say "set the trap" without explaining what a humane trap is, where to get one, or how to set it up?

I've already determined that I'm writing for people who haven't done this before. Sure, we might get visitors who know the routine and are just looking for the local resources. But our primary intent is to have a site to which we can direct people looking for help. They will use this site to help them make decisions and take actions to help the cats. We'll have to take time and explain the difference between "feral" and "stray" and how to make those determinations. Instructions will need to be thorough and detailed. "Set the trap" won't cut it. We'll need to take time to explain what a humane trap is, what the parts are, and how to set it. We will concentrate a lot on detail and concise language.

Components

In a technical document that accompanies a tool or appliance, components refer to the structural components - or actual physical parts - and functional components- or tasks and operations in the use of the tool or appliance. The audience determines what components you describe and how you describe them.

Components on my website consist of the tools used to help cats and the processes - with a heavy emphasis on processes. Step one - assess the situation. Step two - prepare to trap the cat. And so on. Because our visitors are inexperienced, we will - eventually - describe the steps in detail. Alley Cat Allies does a good job of this on their site:

Click on image to view text.

Meaningful Descriptions

Language used must be verifiable and precise as well as appropriate for the audience. Use of carefully chosen accurate terms and figurative illustrations help make the information meaningful to the reader. Defining the audience, as described above, guides the author.

In the examples I provided under Audience, I will want to define the term "feral"- probably with a link to a pop-up definition - because many of our visitors will not know what distinguishes a feral cat from a stray cat. Parts of the trap, such as the trip plate, will be described. For instance:

The trip plate is the flat, rectangular metal piece on the floor of the trap at the opposite end from the trap door. When the trap is set, the trip plate is elevated just slightly at an angle. When the cat steps on the trip plate, he pushes it down pulling on the lever which releases the trap door.

Again, we will need a lot of detail with plain language to make this site useful.

Visuals

Visuals can make nearly any instructional material so much more meaningful than words alone. They can show the reader what an object looks like inside and out, in its entirety or just part of it. They can be used to clarify descriptions, show relationships in size or proportion, illustrate relationships, or demonstrate hard to describe concepts. Photographs, diagrams, illustrations, charts, models, and videos can all be used to support the text.

This is where many of the sites I visited (my own included) fall short. Too few illustrations. While the Feral Cat Coalition's website provides some wonderful information, it's all text:

Click on image to view text.

Others, like mine again, include lovely pictures of cats. Some even have photos of cats in traps like Cat Snip:

Click on image to view text.

While Alley Cat Allies' site has very few visuals with the text, they do have a couple of slide shows and one very useful video:

Click on arrow to view video.

I will add illustrations of traps, photographs, and, I hope, video to supplement the text on our site.

Format and Organization

Instructional information is typically provided in some kind of sequence based on the needs and expectations of the audience. It can be organized in:

• Spatial order - where components are located in relation to one another; describes appearance and structure. An example might be a description of the different components of a humane trap.

• Chronological order - a sequence of events in time; describes steps in order of when they are performed. This could be something high level like

"Step one: Assess situation. Step two: Plan to trap. Step three: Set trap."

or something more detailed like

"Step one: Push lever in front of trap door and squeeze against door. Step two: While still squeezing, lift trap door so it is flush with the top of the trap."

• Priority order - describes components in order of importance. On our site, this might be characteristics for determining that a cat is feral.

How to present information on-line is challenging. Too many sites treat the screen as if it is a paper page. Organizing instructional material on the web so that it is easy to read as well as easy to access can be difficult. Clicking from one page to another to access next steps can annoy users. However, pages with a lot of text are visually unappealing, can take a long time to load (especially if there are a lot of graphics and the visitor has an older computer), and make specific information difficult to find.

I'm a fan of Information Mapping, also called Structured Writing, in my paper documentation. Attempting to adapt that format to web delivery (without the expensive training) has been on my to-do list for some time. In the meantime, I will seek out well-structured "how-to" sites.

Another option is to provide high-level information on the site with links to more detailed documents in .pdf or .doc format. This may be useful but could prove problematic for visitors without the appropriate software. Some users don't know how to find or download the necessary tools to open these attachments; others may be wary about downloading anything for fear of viruses.

Next Steps

So, the to-do list gets longer. While I know our audience, I need to concentrate on:

• Providing more information overall.
• Descriptive, concise language appropriate for my audience - including definitions.
• Adding meaningful graphics.
• Ensuring that I use the appropriate order for each description.
• Creating downloadable documents.
• Formatting the site so it is easy to use.
• And, lest I forget, adding instructions on dealing with those darn possums when they won't leave the trap!

Lots to do. But, it's for the cats so I can't complain.

Just Having a Little Fun

"Some people have too much time on their hands."

Working in the grown-up - read "stodgy" - world of banking, I can guaranty I'll hear that from at least one person when someone passes around a clever, but unproductive, little virtual toy. You know what I mean. The little file or web link that, when you open it up, a rabbit sings or appropriately placed clicks allow you to hit an elf over the head with mallet. Or it could be something that just opens up and looks pretty with sudden bursts of color that morph into different flowers or psychedelic swirls.

Note to employer: Of course, I would never use company resources to circulate that nonsense.

It makes me sad to hear those remarks. I worry about those people. Is it that they just can't have fun? Are they oblivious to the creativity, thought, and skills that are involved in these designs? Or are they just jealous of the people out there who have the creativity and, yes, the time to create these little marvels?

The Biggest Toy Store

When it comes to finding these morsels of entertainment, the Internet is like a huge toy store. Flash websites are like the toys from FAO Schwarz - pricey and desirable. "Flash" is short for Adobe Flash, the tool used to create them.

Some Flash sites are strictly for entertainment. Others are used for commercial purposes. Either can be equally fun or enjoyable.

And, no, Flash isn't used strictly for the entertaining stuff. I'm sure there are many mind-numbingly boring Flash sites out there. But what fun is it to talk about them?

I was recently introduced to some samples of the entertaining or interesting variety. I had a hard time picking a favorite but I think I have to go with this Converse site at: http://www.converserussia.ru/.

Do Not Adjust Your Set

With all of the samples to choose from, why this one? Terry Gilliam. The visuals remind me of his animation from Monty Python's Flying Circus. I love Gilliam's animation. But why does it work?

• Images - The images are interesting. The whole bizarre collage effect of unrelated images pasted together gives the viewer something to look at. There's a quirky sense of humor - the Russian doll with the mismatched male basketball players' legs, the vine with the megaphone, the basketball player with the winged fur hat (or is that an afro?).

• Animation - While this site has fewer moving parts than some of the other sites, it still provides interest. The constantly moving images are minimal and not terribly distracting. For the viewer who moves the cursor around a bit and tries clicking here and there, there are some surprises. I particularly like the wire connecting the large high-tops.

• Color - With collaged images, there are so many mistakes you can make with color. Florescents with earth tones just don't work. The designer(s) at this site kept the colors muted, with more earthy tones overall. They give the feel that all of the pieces are old. It pulls the disparate pieces together.

• Sound - The music is interesting and sounds like it was pieced together just like the images. If it starts to get on your nerves, there's a little icon you can click on to turn it off.

• Text - There's minimal text - most of it's part of the design. Or, I think it is. A lot of it's in Russian and I'm not bilingual so...

• Format and Layout - The images just go slightly beyond the limits of your computer screen. But that's part of the animation. As you move the cursor to the edge that is out of sight, the screen appears to move left or right, up or down.

More Fun...for Those with Too Much Time on Their Hands

I liked these other sites, too:

www.foratthastargerallt.se/kampanj/ - For horse lovers! Gorgeous!

http://lab.mathieu-badimon.com/ - Entertaining but not a high addiction risk.

www.mono-1.com/monoface/main.html - Warning: Can be very addictive!