Home » former blog page » Archives for Julie Muenster

Author: Julie Muenster

Let’s make a poster!

Our local theater marketing team created this poster for an upcoming show, but the director did not like the girl in the logo.

I asked if I could take a shot at redesigning it (just for fun, because I love doing this stuff!) Here are some of the thought processes behind my design decisions:

  • Analyze rhetorical situation
    • Audience: Current and potential theater patrons.
    • Purpose: Draw more people to the theater!
    • Context: Seen in public places like grocery store bulletin boards, etc.
    • Conclusion: The poster needs to grab people’s attention and quickly give them the information they need.
  • Logo: The director wanted something more sophisticated and less focused on dancing girls. After doing a search, we chose something similar to this, which I modified.
  • Color scheme: Goes well with the story—dark and dramatic, with Nazis. The red on black type is a little hard to read; I brightened the red and made the size larger.
  • Layout: The original poster had a group of logos. The audience has little interest in these, so I placed them at the bottom and reduced them in size. The most important message is now at the top of the page.
  • Typography: A mix of serif and sans serif fonts naturally breaks up the content into bite-size chunks, easy for a reader to scan.
  • Content:
    • Who cares who directed the Broadway version, right?! But this content is required to be on the poster. I reduced the size and moved it to the bottom.
    • Does everyone know what Cabaret is about? Are scantily-clad dancing girls the first thing they think about? This production focuses more on story than sex, so I included a blurb that summarizes the real drama in the story.
    • The original poster does a good job of including elements a theater-goer would want to know—when, where, how.

When all the elements come together, it’s a functional thing of beauty!

Your marketing and communication materials should look good and make sense! If you need document design work, please contact me! 

monitor with Go, Bulldogs to represent school website

Six steps to a professional school website

There’s a young family moving into your part of the state. While choosing which neighborhood to settle into, they research one of the most important factors in their decision: the school district. How will they conduct their research? A primary way will be visiting school websites.

With the options afforded by school choice, your district must consider how it is positioning itself as an educational leader. You have an important service to offer. If you want parents to choose your school, you must evaluate the effectiveness of your image and message, including your online presence. Your website is the core of your school marketing.

Many schools are unprepared for this culture of choice. Simply having a website is not enough—sites that look outdated or haphazard don’t inspire confidence. If a parent visiting your site doesn’t get the impression that you value excellence and are current in technology, they may wonder if you can meet the needs of today’s students. If your message doesn’t resonate, they have the option of sending their children elsewhere.

Since we are educators, consider this article a crash course in web design. Your first assignment: take a benchmark assessment. Check your current website against the rubric below. Then take the course—and do your homework!

wi-school-news-icons-300x300-01

Lesson 1: Determine your rhetorical situation

Every type of communication has a rhetorical situation: audience, purpose, and context. Good design is built on a thorough analysis of these fundamentals.

Audience

Who visits your site? Your list might include parents, grandparents, community members, students, staff, organization leaders, potential new student families.

Purpose

Purpose is closely related to audience. Your purpose may include conveying information (e.g., lunch menu), connecting people with other people and programs (staff email addresses), and appealing to potential new student families (list of Advanced Placement classes).

Context

How will users connect with your website? Will the majority be on PCs or smartphones? Knowing the answer will affect your layout and design choices.

wi-school-news-icons-300x300-02

Lesson 2: Determine your content.

Once you’ve analyzed your rhetorical situation, plan the content for your site. Determine what information the different groups are seeking. For example:

  • Parents: School calendar, lunch menu, staff contact information, etc.
  • Community members: How to request space in the facility, how to connect with the parent/teacher organization, why we are going to referendum.
  • What do potential new student families want to know? What does the staff need from the site? Students?

When gathering this information, don’t merely guess or assume. Talk to your audience. Know what they come to your website for and how frequently.

wi-school-news-icons-300x300-03

Lesson 3: Organize your content.

School websites have massive amounts of content. The structure of your site should lead the different segments of your audience on a pleasant, logical (to them) journey.

A practical way to lay the foundation for site navigation is card sorting: Write content topics on index cards and ask various users to organize them in a way that makes sense. Working with actual site users will make the final product more user-friendly—and you will be enlightened by the differences in logic you observe. Accommodating these differences demonstrates you practice what you preach regarding differentiation.

Create a visual representation of your information architecture (a site map). This is a great tool for collaboration. It also enables you to see how many clicks it takes to get to any information on your site. To create this structure, you can use free online wireframe software, a large whiteboard with plenty of colored markers, or index cards and an empty wall or floor.

When creating the navigation for your site, consider these tips for better user experience:

  • Limit the categories in your navigation bar to seven or fewer. More than that is overwhelming.
  • Organize content so users do not have to click more than four times to get the information they need.
  • Create a quick-links section for information that is sought most frequently.

wi-school-news-icons-300x300-04

Lesson 4: Design your site.

Finally, we are getting to the actual design in this web design class!

First impressions matter—website users make snap judgments on whether your site is worth their time or not (you’ve made those kinds of decisions yourself). You don’t want to irritate or frustrate your users. This is why the home page design is core to your site’s effectiveness. Colors, typography, images, white space, and content must all work together to create a page that’s appealing, welcoming, and informative.

Decide the color palette, layout, typography, and images for the entire site. Create a style guide that has all this information. Include the specific site colors; the typography styles for headings, subheadings, paragraphs, and links; and specific logo and mascot images to use and how to access them. Many schools have different people in charge of various sections of the website. A style guide ensures that the team maintains consistency across the site—an important aspect in looking professional and building trust with your visitors.

Design cannot work effectively apart from content. Keep readability and usability in mind when making decisions. For example, if you have a lot of content on a page, break it up with subheadings, lists, and white space so users can scan for the information they’re seeking. Keep PDFs to a minimum—or make them accessible for all users. Left justify large amounts of text —centered text is hard to read (don’t frustrate your visitors).

Consider the context of your website—how users will interact with it. Let’s say a mother is going school supply shopping. Is she able to find the supply list without navigating a series of dropdown menus on her smartphone? Can she access the supply list online without having to download it? Is your site mobile friendly, or does she have to enlarge the screen and swipe to see the entire list?

See the rubric for more details on the finer points of website design.

wi-school-news-icons-300x300-05

Lesson 5: Test your site.

Make sure your site displays correctly on all browsers and on all screen sizes. Test all the links.

Check your site for readability, accessibility, and color contrast. See the Resources sidebar for more information.

Conduct an informal usability study. Select members of your audience groups and give them tasks, such as, “Find out when the next school board meeting is scheduled.” Then take note of the process they go through to find that information. Have them speak what they’re thinking—you will gather valuable information on how users navigate your site.

wi-school-news-icons-300x300-06

Lesson 6: Maintain your site.

Congratulations on your website makeover! But the work is not finished—the site needs to be maintained and updated.

If you are dividing these responsibilities among team members, invariably something will be forgotten (and you know what they say about too many cooks). Designate one person to be in charge of the website. The site go-to person can manage all the details, maintain the style guide, and do behind-the-scenes maintenance. This leader can also provide training and support for other website editors, such as teachers who want to update their classroom pages and administrative staff responsible for various sections.

Now take another assessment of your site and be proud of the improvements you’ve made. Who doesn’t love a good makeover?!

Keeping your website effective, functional and accessible is an ongoing process. While the work continues, keep that young family in mind—you want them to visit your site and be confident that yours is the school district for their children.

website-rubric

 

gingerbread men

Your website could benefit from a good cookie analogy

“I don’t want a cookie-cutter website!” said my customer. I understand his desire to stand out, but I disagree with the belief that his site needs to be mind-blowing to attract customers. The fact is, being too edgy can turn off the very people you are trying to attract.

It’s similar to physical shopping. You know what to expect when you go into a clothing store: Apparel on racks and tables, arranged according to size, color, function. Does this consistent organization make all clothing retailers boring? Or all look the same? Far from it! There is plenty of room within the organizational framework for originality. In fact, creativity thrives within boundaries.

Just look at the coloring book craze. Would you rather be given a blank sketchbook and told to start drawing, or be handed a coloring book? Are coloring books killing people’s creativity or giving them an outlet for it, providing those boundaries within which people can go creatively crazy?

The same is true for websites. It’s great to look good (and effective websites should be appealing), but if you’re not connecting with customers and meeting their needs, you won’t make a sale.

Tip #1: Scale back your ego.

Your website is not about you. Yes, it’s a reflection of you, but the primary purpose of your site is to serve your audience, not glorify yourself. You may be proud of your unique site, and it may proclaim the wonders of your business, but if it’s not answering clients’ questions or serving their needs, it’s a fail.

Tip #2: Embrace the cookie-cutter.

Your visitors have already been to thousands of websites, and they come to yours with certain expectations. For example, they expect to find:

  • your logo at the top left.
  • main navigation at the top.
  • a clear value proposition (what you do and how you can help them) high up on the page.
  • social media icons (often found in the footer).
  • a way to contact you.

You don’t want your visitors to feel confused, annoyed, or embarrassed that they can’t figure out how to navigate your site. You want them to come in, check out what brought them there and maybe explore a little more.

When you embrace the basics, the creativity can begin. Just like literal cookies. A gingerbread man has got all the expected conventions–head, torso, limbs. Do you reject it because it’s not unique? Or do you take colored frosting and sprinkles and candies to customize it? I challenge you to make your website one amazing gingerbread man.

 

 

 

David Tennant

Tenet, Tenant, or Tennant?

tenets-full-size

Fodder for today’s blog came via email first thing this morning, and is a mistake I see and hear often: Misunderstanding of the difference between tenant and tenet.

Tenants” are people who live in a particular place or who rent property to occupy. The tenants of the apartment were happy to see the landscapers mowing the lawn. A church’s core tenants, then, would be people who rent the church and live there. Clearly not what is meant in this article.

The correct word is “tenets.” A tenet is a principle or belief, especially one of the main principles of a religion or philosophy. The tenets of Christianity include loving your neighbor as yourself.

And a Tennant? Why, he’s the 10th Doctor!

example of hone in error in book

Home sweet hone?

One of the quirky delights in my life is finding typos in books. I found the gem above in a tome published by Faith Words (I’m available for freelance proofreading, Faith Words!).

The writer made a common error—choosing hone in for home in.

Home in: Direct attention, move or aim toward a target or goal

Hone: To sharpen, make more accurate, perfect

In the example above, he wanted the howitzer operator to home in on the enemy battery; he wanted the operator to aim toward that target. If the howitzer operator was a bad shot, he should hone his targeting skills to shoot the enemy more precisely.

home in to a targethone skills graphic

Another clue: If the word you want makes more sense when followed by in on, you probably want home.

Now that you’re aware of the difference, you’ll hear/see it misused regularly. How delightful!

 

the emperor has no clothes image via haltonhousing.org

The website has no clothes

Your website should not make your users turn away and avoid looking. Remember the story of The Emperor’s New Clothes? The emperor was persuaded by his tailors that his new clothes were all the rage when, in fact, they were invisible. He thought he was regal and stylish until the truth—and his embarrassment—were revealed. And people looked the other way.

Some websites remind me of this tale. The owners are persuaded that edgy, enigmatic sites make them appear sophisticated and trendy. However, it is more likely that this style is hurting their business. Rather than ooh and aah over the clever design, visitors turn away.

For example, check out the website Alan Designs and tell me what they do. How could they help you and/or your business?

home page of alandesigns.com

Effective web design is not just about a great look. It’s about meeting your customers where they are, not confusing them. It’s important that they are able to get their questions answered without becoming exhausted. As Donald Miller says, the mind is always striving to conserve calories. If your site is obscure, users are not going to waste good brainpower trying to figure out your message. You also don’t want to embarrass them; you don’t want them to feel stupid because they can’t figure out how to get into your site.

Know your audience and tailor (get it—tailor?!) your content to meet their needs. In seconds, users should be able to identify:

  • What your company does.
  • How you can help them/solve a problem/make their life better.
  • What they need to do to buy your product/service.

Be wary of those who promise you praise and adoration via your website. Let’s dress our sites with wisdom, beauty, and truth.

(Drawing via haltonhousing.org)

 

 

 

 

 

 

 

your PowerPoint is not your presentation

How to design a professional PowerPoint

Actually, your PowerPoint isn’t your presentation—it is there to support you and what you’re going to say. THAT is your presentation. (See previous post for tips on creating content for a persuasive presentation.)

A professional PowerPoint does not have a lot of text

Don’t bore your audience with lots of text. People want snippets and sound bites that reinforce your message. Make the focus on you, not on your wordy slides. And please, don’t read to them!

 

Some bullets are okay in a PowerPoint

Some PowerPoint experts believe slides should seldom contain text—that it’s all about evoking feelings. I believe they are okay in moderation. Use images and color to support the feelings you want your audience to experience.

 

A professional PowerPoint is easy to read.

Your audience should not have to work to read your content. In fact, they won’t—they’ll tune out. For text that doesn’t strain your audience, consider the following:

Figure-ground contrast:

This just means that there’s a marked distinction between your text color and the background color. Black text on a white background has the most contrast and is the easiest to read. White text on black background also has maximum contrast, but is harder to read in large amounts. (If you do use white text on a dark background, make the text larger.) Colors that are similar in value (lightness and darkness) are difficult to read, like the gray text on teal. Colors that are complementary (opposite each other on the color wheel) together—like the red on green—will give your audience a headache. And the rainbow text? Please. You’re not in elementary school anymore.

 

Typography is important for readabilityTypography:

Another consideration in readability is the typeface (also referred to as font—we won’t go into the technical definitions here). Some fonts are difficult to read and should NEVER be used. Some fonts work well for striking headings, but should not be used for text.

There are two major categories of fonts: Serif and sans serif. Serif fonts have little lines/feet on the letters. Sans serif fonts do not (“sans” is French for “without”). There is some debate as to what is better. In general, sans serif fonts are easier to read when projected and are the preferred font for body text areas in PowerPoint. Limit yourself to two or three fonts—perhaps one for headings, another for body text, and another for subheadings or captions.

Some typefaces have a bad reputation. Don’t ever use Papyrus—it’s been overdone. As has Times New Roman and Arial. Use Comic Sans only if you don’t want to be taken seriously. Avoid the default fonts in PowerPoint—everyone has seen them.

Justification:

Do not center your body text. To read efficiently, we have trained our eyes to snap to the left to begin reading the next line. In centered text, the reader has to work to find the beginning of that next line. This is annoying and distracting. Remember, you want their focus on you, not on trying to

read your slide.

A professional PowerPoint is not cluttered

Don’t feel you have to fill every space on your slide. White space allows your audience to rest their eyes and focus on your important message.

 

Engage the audience with visuals.

Granted, there are too many on this page. But you get the idea. The brain processes visual images much faster than text.

By the way…avoid clip art. It will date you.

 

A professional PowerPoint is not full of crazy transitions and animations

A few simple transitions and animations can be effective in keeping the audience’s attention (or bringing it back). Keep it simple—you don’t want your presentation to look like a third-grader made it, one who’s just discovered these features.

 

A professional PowerPoint uses color wisely

Again, don’t make your audience work hard and don’t give them a headache. Color is fantastic for adding interest and creating a mood, but it should not overwhelm. Try warm colors—reds, oranges, yellows—when talking about food. Blue evokes trust. You’ll see green on presentations about finances or the environment. Black can be edgy and sophisticated. A Google search about color and emotion yields fascinating reading.
A professional PowerPoint is original

That’s it! You’ve got the basics of designing an effective, professional PowerPoint. These tips also work for websites, posters, brochures, church bulletins, campaign flyers, and business cards. The opportunities to stretch your new design muscles are endless!

Now be confident! You’ve got a persuasive presentation with great content coupled with a professional PowerPoint! Go change the world!

 

 

school lunch

Let’s change the world (or at least school lunch)

Let’s say your teacher/boss has asked you to create a persuasive presentation using PowerPoint (or equivalent). What’s your reaction? “Woohoo! I can change the world!” Or, “I don’t know where to begin.”

Crafting an influential message takes focus and skill, and, it’s probably not something you learned in elementary school. And that’s a shame. I’ve been going through the following steps in creating a persuasive presentation with my sixth graders, and I’ll bet they are helpful whether you’re a student or employee.

1. Know your purpose.

What are you trying to accomplish through your presentation? Just bringing awareness of an issue is not enough for a persuasive presentation—you want a call to action. For example, if you want to improve school lunches, what is it specifically that you want to change? Do you want your school to incorporate locally grown produce? Do you want the government to change their guidelines? Do you have recommendations on food choices? Do you want to change the tray color? Knowing your purpose will help you craft an effective message. Write it down.

2. Know your audience.

Audience and purpose are interconnected. If your audience is chosen for you, you may have to modify your purpose. For example, if you are trying to improve school lunches by incorporating local produce, and your audience is your fellow classmates, you might encourage them to sign a petition for more vegetables (good luck!) that you will pass on to the kitchen and school administration. On the other hand, if you are able to select your audience, who would be best? Who are the people in position to make the changes you recommend? In this case, you may choose to talk to the kitchen staff, school administration, or the school board. Then you will tailor your message to that specific audience.

3. Research.

Pulling quotes from a couple of websites is not enough. Learn your topic thoroughly. You need to become an expert on your topic, so don’t skip on your education. In addition to internet research, you may also want to interview people or take a survey to collect data. Don’t forget to study the opposing view—you may want to directly address what they are saying. For example, you may think the school lunches need improving, but what does the food director think? How will you address his/her position? (And as always, save your sources for your reference page.)

4. Organize your content.

Don’t overwhelm your audience with information. Select the strongest three to five points that support your purpose. More is not always better. You want your presentation to be short enough to keep your audience’s attention, but thorough enough to get your message across. Perhaps kids in Greenland have much better lunches than students in the US, but is that a solid reason we should change our school lunches? Probably not—it’s just an interesting fact. Unless, however, there’s data to support a correlation between good lunches and good grades. That would be a strong argument for your position.

Once you have your major points, it’s time to be strategic. How do you want to lead your audience to action?  Organize your points, then flesh them out to engage your audience. Perhaps you want to hook them with humor, like a funny image, then present your data. You could engage them emotionally with a picture (like above) or story. An infographic might be the best way to make your point , such as a chart showing how students rated their lunches or how many pounds of food were thrown away. We’ll be doing more engagement work in the design phase, but have an idea of the direction you want to take your audience and how you’ll keep them moving along with you.

Next time, the real fun begins—design! Can a sixth grader (or you) design a professional presentation? You bet!

 

 

glass of water

Make a poster—but make it good?

I am interrupting my website analysis series for this public service announcement:

We need to teach design to our students so they can be effective communicators. 

As a mom, I’ve seen my children create a variety of projects for homework—posters, books, presentations, videos. I applaud their teachers for throwing out the worksheets and promoting creativity. But what is the purpose of exploring media if the students aren’t taught how to use that media effectively?

We emphasize content while neglecting its container—design. If content is water, design is the cup, the bottle, the vase, the hose, the pool, the riverbank, the shore. Design helps us better understand the content. Is it to drink? Look at? Swim in? It contains the content so we are not overwhelmed. We often don’t acknowledge good design, but we know when it’s not there.

In our school system, content and design are compartmentalized. We learn to write in language arts; we learn design elements in art class. But this isn’t how our world works. Our kids explore websites, play games, use apps, even read books. All of these avenues rely on the effective combining of content and design. Will kids play a game that’s poorly designed, unappealing, hard to understand? For that matter, do you explore websites that are poorly designed, even if the content may be what you’re looking for?

To combat this problem in my little corner of the world, I have teamed up with a sixth-grade teacher in the local elementary school to work with five students on a project: Create a persuasive PowerPoint presentation. For the next few weeks I will be sharing my experiences with these students (who, by the way, are absolutely delightful to work with). We will explore the process of combining content and design to create an effective presentation. So if you missed this in sixth grade, I welcome you to class![/ezcol_2third]

screenshot of art gallery website

Don’t assault your website visitors

Lesson of the Week:

Welcome your website visitors and invite them to explore.

Recently I was working on a website for an art gallery and browsing Google for inspiration when I came across the site above. It is anything but inspirational; it assaulted my senses!

  • There are links all over the page—do they lead to the same thing? How do I know where to go? There are six “Abstract Art” links on the home page!
  • What does the graphic mean? Colors and fonts and arrows…oh, my!
  • The moving art exhibit adds to the clutter.

Yes, you have a lot to share with your potential customers, but overwhelming them with all that information will drive them away. Can you imagine an art gallery where they crammed all the art on one wall? Where all the art was vying for your attention at the same time? Can you feel the tension such chaos would generate? Just like the curator of a fine art gallery, organize your exhibits (content) and provide a path (navigation) that makes sense.

Here are some tips for improving this website:

  • Make it clear who this site is for. Art buyers? Art sellers? Both?
  • Organize the information and make it concise. Provide clear navigation.
  • Don’t be cutesy with graphics.
  • Just like an art gallery, use white space to highlight what’s important.

Welcome your website visitors and invite them to visit for a while.

screenshot of engineering company website

The way of avocado appliances

Every internet visit provides you an opportunity to analyze websites so you can improve your own. There is no shortage of material out there! Let’s take a look at an engineering company website I came across.

Web-sins of this site include:

  • Opening animation: First, only its name trickles in a letter at a time; then it explodes and resets itself (a letter at a time) in the upper left corner of the home page. Many visitors will not wait that long, and there goes a relationship opportunity and potential customer.
  • Poor readability: White text on black background is hard to read in large amounts. You don’t want to annoy your visitors so much that they don’t stay to read the text.
  • Also, the font is very small. You don’t want to strain your visitor’s eyesight—that does not recommend you.

Here are some ways this business could improve its website.

  • Tell the audience what you do. “Serving clients by developing efficient and creative solutions” does not say anything. Solutions for what? Sure, they’re an engineering firm, but what do they actually do? Can they help me? If a visitor does not feel you understand their problem, they won’t go to you for answers.
  • Don’t use opening animation. It has gone the way of avocado appliances. It makes you look old and out-of-touch.
  • Improve readability by using a larger font and use black text on a white background.  Would you want to work with a company that annoyed you?
  • Make sure all your links lead to valuable content. Check for dead ends. The potential customer may be thinking: If they don’t pay attention to details on their website, can they manage my multimillion dollar project?

Lesson of the Week:

Don’t remind them of Grandma’s kitchen—and don’t make it hard for Grandma to read your website.

movie theater home page

What is the #1 question?

What is the purpose of your website? To impress visitors? To tell the world how great you are? To sell products/services? These may be valid reasons, but are they the BEST reason?

The most important purpose of a website is to answer your visitors’ questions. That means you need to know who your audience is and what they want to know (not just what you think they need to know). The #1 question you need to answer when creating a website is:

What do people who visit my website want to know?

My website analysis of the week focuses on a movie theater site. What is the top reason people visit this website? To see shows and showtimes. But that’s not what you see first when you visit this site. Instead, this website focuses on ticket prices. You have to scroll to see what shows are playing. Sure, this theater provides good value, but is that the most important part of the movie-going experience? I doubt it, since plenty of people pay $10 or more to see films at other theaters.

Here are some action tips to make this site more effective by providing a better user experience:

  • Put the films that are now showing near the top so visitors don’t have to scroll.
  • Replace or remove the gold center. The design is distracting, and it’s unclear how it’s related to movie-going.
  • Change the font to one that’s easier to read.
  • Organize the links in a way that’s easier to navigate and more intuitive. There are too many to wade through, and the arrangement is awkward. You don’t want to annoy your visitors by making it difficult to find what they want.

Web design is about more than “pop.” Be sure to address the needs of your audience—they will thank (and reward) you for it.