Dutchgirl Portfolio: 29 posts

Editing of book on user interface design rules

Designing with the Mind in Mind, by Jeff Johnson

Client: Jeff Johnson, author (Morgan Kaufmann, publisher)

Task: Edit the manuscript for Designing with the Mind in Mind: A Simple Guide to Understanding User Interface Design Rules This link goes to a different site.

Dutchgirl’s solution

I provided light editing for this illuminating book. First, Johnson (author of GUI Bloopers, a manual for software engineers on avoiding common mistakes in user interface design) outlines up-to-date research on cognitive psychology. Then he shows how the design of human beings determines the rules of usable design for software and websites.

For more details

… or to discuss your project, contact us.

Editing of book on web reputation systems

Cover of Building Web Reputation Systems, by F. Randall Farmer and Bryce Glass

Client: F. Randall Farmer and Bryce Glass, authors (O’Reilly Media and Yahoo! Press, publishers)

Challenge: Enhance the value of input from expert reviewers of the manuscript for Building Web Reputation Systems This link goes to a different site by editing the manuscript before review.

Dutchgirl’s solution

In this book, coauthors Farmer and Glass show — with architecture and system diagrams, formulas, and a detailed case study — how to build a system that reveals surprising and powerful information about users’ motivations and intentions and the quality of user-contributed content on a site.

My edit of the manuscript allowed expert reviewers to focus on reviewing the book’s content without being distracted by problems with clarity, usage, style, spelling, or grammar.

For more details

… or to discuss your project, contact us.

Content coaching and guides for Cascadia.edu

Style guide contents detail

Client: Cascadia Community College

(This page shows one part of the work I did for Cascadia. For an overview of that project, see Cascadia.edu website redesign.)

Challenges: Help Cascadia develop usable, professional-looking web content for a website redesign, and leave the marketing department with tools for maintaining the college’s voice and the content’s usability over time.

Dutchgirl’s solutions

After designing a modular, flexible site architecture for Cascadia.edu, I delivered content templates, guidelines, and standards and tutored content authors (administrators from departments across the college) in applying the guidelines and standards to their content.

The guidelines included special instructions for updating the homepage, calendar items, news items, promotions, and images. In the style guide, I included both editorial style standards and a 1-page cheat sheet of basic web writing guidelines.

» Cascadia style guide contents (PDF)

» Basic web writing guidelines included in the Cascadia style guide — see next:

Three rules for writing webpages

For Cascadia Community College web content authors

1. Make it short and simple

  • Make it short: Avoid long paragraphs. Divide information into easy-to-grasp chunks by using h2 (and h3) subheads, short paragraphs, and bulleted lists or numbered steps.
  • Stick to one thing at a time: One topic per page, one point per sentence, and one idea per paragraph.

2. Put the most important information first

  • Use inverted-pyramid format: As in newspaper articles, start the page with the main message, and follow it with supporting content. The “fold” is where the page content meets the bottom of the screen without scrolling: Do not put any of the most important information in your topic below the fold.
  • Frontload headings, list items, and links with keywords: When people arrive at a webpage, they scan headings, links, lists, and captions first. By packing those items with keywords (the words that most users would use to search on your topic), you’ll help users recognize information that’s relevant to them.

3. Be polite and straightforward

  • Focus on value: Focus on what the site does that is valuable from the users’ point of view, as well as how Cascadia differs from other colleges. Promoting something without substance detracts from Cascadia’s image.
  • Use the active voice: Address the site’s users as “you.” Don’t use language like “Students must provide their Social Security number” — instead, write “Include your Social Security number.”
  • Use plain language: Avoid jargon and invented terminology. If you must use a technical term, tell people what it means. To make the site accessible to international audiences, avoid American idioms, slang, metaphors, analogies, and abbreviations.
  • Include alt text/captioning: Include descriptive alternative text for all images and captioning for all movies, to make the site fully accessible to disabled users.
  • No gratuitous multimedia: Use graphics, images, and movies only to support text content, provide information or instruction, or otherwise help people complete the tasks that they have come to the site to perform. Using multimedia gratuitously distracts people from the content you want them to see and the tasks they are trying to complete.

For more details

… or to discuss your project, contact us.

Homepage design for Cascadia.edu

This slidecast shows part of the work I did for Cascadia. For an overview of that project, see Cascadia.edu website redesign.

Disaster preparedness toolkit for nonprofits

NCG disaster preparedness toolkit header

“Cate transformed a traditional piece of sequential learning into a dynamic online experience.”

Client: Northern California Grantmakers, San Francisco

Challenges: Northern California Grantmakers was publishing an online toolkit of guidelines and checklists to help foundations prepare their facilities and grantmaking capabilities in case of a major emergency. NCG’s staff had compiled useful content, but the content needed adjustment to meet basic guidelines for website usability.

Dutchgirl’s solutions

To make the toolkit “web ready,” I provided these deliverables:

  • Website outline with an easy-to-understand name for each page
  • Homepage wireframe that designated space to describe the purpose of the toolkit and links to all of the key sections
  • Edited content with edits focused on a few kinds of changes that would make the site easier to navigate and help to optimize it for searching

I also provided content guidelines to help NCG produce more consistent, user friendly, and searchable content while keeping budgets for future website updates to a minimum.

New homepage for toolkit
Homepage of Northern California Grantmakers disaster preparedness toolkit

Live page:
NCG disaster preparedness toolkit This link goes to a different site