Monthly Archives: February 2008

Give Peace A Chance

The peace symbol is 50 years old today.

I don’t usually do that thing where I post links to other people’s entries with no personal analysis, but I think other people are more knowledgeable about this than I am, and that I think it’s an always-important topic.

A little post on the peace symbol, via swissmiss:

The entry on the peace symbol on Wikipedia: Interesting how the peace symbol is designed.


Voting and Polling (Places Photo Project)

It’s probably annoyingly tiring to hear people say, “I voted!” today, so I won’t say it, even though you know what I did.

I Voted Sticker and my personal Access Code to the machines

For the past few days, I wondered if I should participate in the Polling Places Photo Project, organized this time by the New York Times and AIGA. The main reason for not doing it was that I was scared, scared that the poll workers would yell at me and kick me out, or that the other voters would feel uncomfortable with someone taking photos. But fortunately, that didn’t happen. The poll workers were very nice.

At first, there was some confusion about where I was in their roster since I registered “late.” But it got all cleared up and I painlessly cast my ballot on the fancy electronic ballot. Turns out that supposed iPod-like thing that I saw in the sample ballot was huge; I thought it was going to look like a BlackBerry and whatnot.

The electronic voting machine

Anyway, I didn’t take the photos of the space, but just the machines, because I was scared that other voters were uncomfortable, and I didn’t want to ask them personally for permission. I did ask for permission from the poll workers to take photographs, and I said that it was for a “national project” called the Polling Places Photo Project by the New York Times, but they didn’t seem to know about it. I mentioned “national” and “New York Times” just to gain some credibility that I’m not doing this just for myself or as some sort of partisan spy.

Three voting machines

I took a few pics of the machines and quickly left the polling place to take photos of the signage outside, which I believe are as important as the inside. (I guess I should mention now that (for the locals), I voted at Westborough Rec Building on Galway Place in South San Francisco. I looked up the city on the NYTimes site and they don’t have any photos from SSF posted, so I’ll see mine up there soon and hopefully, someone else will post theirs, too, especially someone who had the guts to photograph the space inside.)

Directional sign with orange cones

Here’s the farthest sign I found from the entrance. The cones were leading towards the alley-like path to the venue. Notice the yellow sign temporarily slipped between the rock things to let you know where to go.

Intentional directional sign

Here’s a more official, intentional sign for the event. (Same sign as the one off-right on the previous photo.)

Alley to the entrance

Here’s the alley that leads you to the entrance. It kinda made voting a shady thing where you go to the back of some building to do it.

Entrace of polling place

Here’s a Photomerged composition of the end of the alley and the entrance (Click here for the entire image). Lots of blue painter’s tape with information in three languages. I didn’t bother to read them; I don’t know who does/did. Nice touch with the American flag, with the blue painter’s tape.

So that concludes my voting experience for the presidential primary. I want to thank my old roommate Mike for informing me that citizens vote for the primaries, too, and making me register, because I probably would’ve been apathetic about it and wait for the candidates battle it out before I do it for sure in November.


Background Change By Time

Been a few days since posting an update on the web site. Before you make snap judgments on the image below, hear me out. That’s not how the site is going to look, exactly. Think of the idea, the concept behind it. Concept, concept, concept.

The point is that I figured out how to control color using time, as well as brightness and saturation control just like the HSB panel in Photoshop and the like. This might be a sarcastic BFD for geeky programmers, but I’m still proud that I figured this out in one night, part of it without power because of some storm.

Background Change By Time

Three versions of the beta site with a different background color at different time of day.

I may or may not continue applying a time-based background color on the home page. This is actually the same saturation and brightness as the original dull blue background color, but I guess it’s just too bright and saturated-looking in other hues.

Shaun Inman

The idea for this came from Shaun Inman’s site, which I heard about from a (relatively) recent BADG podcast interviewing Shaun Inman. His site has a changing background that repeats every year, and on top of that, his older articles fade to white as a metaphor that writings on web programming and such get outdated very quickly over time, even stuff written in 2002.

I will continue to play around with the background color; I’ll probably make it darker and muted if I was to keep the script on the home page, because frankly, I don’t really have a strong concept and reason like Shaun’s to have the script on the home page.

The process of writing the script is documented under Experiments > Web > JavaScript.


Voting is Confusing

So I got my sample ballot and Vote-By-Mail ballot in the past two days, and I couldn’t help but notice the continuing lack of good visual and information design in these election documents.

Front Cover

Sample Ballot Front Cover

Let’s start with the front cover. There just seems to be just too much information. The key word is seems. There’s actually not that much information, but it’s just arranged on the page so that it looks like a lot. In terms of the white arrows, the left one points to the improper outlining of type (more on that on the next image). The top right points to what I believe to one of the many instances when they unnecessarily stretched the type. And the bottom arrow points to just too many individually centered type that together ironically lacks unity.

Sample Ballot Front Cover Close Up on Outlined Type

This is a close up of the front cover. Notice the gray outline around the yellow “Non-partisan” all against a lighter gray background. While at first glance, the solution of “NO OUTLINED TYPE!” immediately came to me, but when I realize that if the outline wasn’t there, the yellow would start to get lost in the light gray. The easiest, cleanest solution I have for it (at least as a start) is to have a darker gray background. No, it won’t match the gray of “non-partisanship” that the cover takes on, but it’s definitely the same hue (or lack thereof) so it’s not a big deal if it’s not the same shade of gray.

On Outlined Type: Ever since Davis, I had learned that outlined type is bad. But since leaving Davis, I’ve become more tolerant of outlining type, while still conservative compared to the billions of commercial type I’ve seen. Outline type is not evil; it’s just abused.

Voting’s so cool, it’s like a magazine!

Sample Ballot Half Sheet inside the document

Anyone want another card-stock half-page that inherently reminded me of the same kinds in magazines? I know, they want to save paper, blah blah. But they should not stick them in the middle of spreads like that. Give it its own space and people will not ignore it like I had (except for taking this photo).

Technical Stuff

Sample Ballot margins had lines sticking out

Elements outside the lines when they’re not meant to. This makes me think of the first one or two Illustrator class assignments that students would produce (for some people, it’s in all projects). This would not happen under my watch. “If I were elected San Mateo County’s next sample ballot designer, I promise to make sure that all lines would not stick out of their containers like hangnail!”

Sample Ballot showing missing closing quote mark

The second image involves grammar. Being a Grammar N-word (the other N-word). This is more upsetting than the hangnail. I am beginning to be convinced that this document is made entirely in Illustrator, because of the use of Myriad as its body typeface, the hangnail, and now, the missing closing quotation mark typical of the “designing on the spot” spirit of the designer who does not look back for accuracy. The right arrow is where the quoting began, and the left arrow is where the quoting is supposed to stop. “If I were elected San Mateo County’s next sample ballot designer, I will make sure that the disappearance of closing quotation marks will seize, and I will pass legislation to make sure that there will be No Quote Marks Left Behind.

Voting is Like, So Kewl!

Sample Ballot electronic voting machine instruction diagram

This is the deal sealer (“seal-dealer?”) about Illustrator. Preset strokes to make it look like you used a wax pencil to draw that arrow, and then your pencil suddenly turned into a pen, and your handwriting has identical k’s and e’s and pretty much every letter in the alphabet.

Oh, and look, the new electronic voting system is just like an iPod! How cool! Voting is so cool, all the kids are doing it!

The Important Stuff

Sample Ballot page design

This probably has the least problem, because it’s not about color, and it’s not about being “cool.” It’s about the content that has stood the test of time, constantly perfecting the best layout. Even so, I think there’s still the problem of overall typographic arrangement. Maybe they’re doing this to be neutral and as boring as possible because it’s the actual ballot design, but the lack of contrast in type confuses me and causes more frustration than it should.

Set in Helvetica Roman or something, there are only four font sizes to distinguish all words, and all but the smallest font are set in caps. My problem with this is that the separation of one question with another is very subtle, by a single line, the same width of line used to separate names of districts, which I have no idea what they mean (See top of image). I’m sure it’s important to display that information, but how should that relate to the actual reading of the proposition descriptions below that?

Those three lines for the district names completely distracted me from the Instructions for the ballot, which is more important to me as a voter to know how to do this right and not where in the state I’m doing it, because I know where I am. A simple solution I could think of is to just make those lines between propositions thicker and not the same width of the type stroke. It shows that this is the end of this proposition, and this is the start.

The other problem is the names of the proposition of category being hidden into the rest of the entry, and if I get lost in thinking about the proposition’s pros and cons, I might accidentally subconsciously fill in No for the previous question just because I see the current question closer to the Yes/No boxes. While they obviously give generous whitespace to show the Yes/No boxes, I think they should be next to or below the proposition number and not right before the next one, so they know for sure they’re voting for the right choice.

Too Much Red

Vote-By-Mail envelope that has a lot of red writing and lines

I’m gonna go for a guess that they used red as an emphasis of things you should do before sealing the envelope and mailing it in. But this is a ridiculous amount of red type and lines and boxes. Emphases are meant to emphasize a limited amount of the most important thing(s), not everything you think is sorta, kinda important.

What Am I Looking at?

Sample Ballot Back Cover

And finally, the back cover. What am I looking at? Did you know there’s a perforation across the middle where you tear off and mail it in to get a Vote-by-Mail ballot? Did you know that before I told you? And did you know what is the most important information you should know as a voter on this back cover? I haven’t found it yet, because I don’t want to look at it for more than three seconds at a time, kind of like the sun.

I realize that I sound really cynical and sarcastic with this pamphlet to a point of appearing arrogant and cocky, but I’m just upset that an official government publication failed to uphold the highest standards in print design, be it aesthetically, like the outlined type and the red-emphases-saturated envelope, or technically, like the missing closing quotation mark (which led me to think that you didn’t proofread this government document or any government document.

I can’t promise that as a beginner designer I can produce the best sample ballot pamphlet, because I know some of these problems involve a lot of bureaucracy and politics as well as dealing with many people who think they know what the best design should be, based on their own interests. But I can say that I would do my best to make sure that little (yet representative) problems like this don’t appear.

It’s interesting to see that the Polling Place Photo Project is continuing and growing via New York Times. I’d like to see a similar project in the documents involved in the voting process.