![]() |
![]() |
|
Displaying posts from November, 2009 (Clear Search) Wednesday, November 4th, 2009
By Tyler King
Recently I've found myself reading a lot of poorly written online content. I don't mean that there were typos or that the writer wasn't using big fancy words. After all, there will probably be typos and a noticeable lack of big words in this blog post. What I mean when I say "poorly written" is that the content just doesn't make any sense. I can't tell what they writer is trying to say.
I'm certainly not strong enough of a writer to be too critical of other people's work, but I saw this as another example of people trying to over think things. This is a pretty common topic on this blog so I thought it was worth bringing up. The problem with most unclear writing (particularly online) is not that the writer is unable to communicate well. The problem is that the writer is trying too hard which ends up making things too complex. If something is difficult to write, there's a good chance that it's difficult to read.
If I randomly walked up to 100 people on the street and asked them simple questions like what they want to eat for dinner or what their favorite sports teams are and why, I'm pretty sure every single one of them could effectively answer me (assuming they speak English). If those 100 people wrote blog posts about their dinner plans or their favorite sports teams, I bet some of those people would end up writing incoherent pieces of crap.
If you are able to communicate a thought in a conversation, communicating that same thought in writing should be a piece of cake. Just write the exact words you would say. The problem is that when people can take the time to analyze every single word, they end up messing the whole thing up. If you stare at something for too long, it starts to look different. You can go through and make sure sure that you don't end any sentences with prepositions. You can make sure you break long sentences into multiple smaller ones (or you could do the opposite). You can replace words with more impressive sounding synonyms. In the end, each sentence may look a lot better, but the actually meaning may have been lost. Unless you're writing the next great novel, no one really cares about anything except the actual meaning.
Don't get me wrong, I proof-read these blog posts and make minor tweaks. Bracken and I both spent about two hours working together to come up with the right text for the homepage of LessAnnoyingSoftware.com, and there are only about 100 words on that page. The real purpose of this blog post is just to point out another way in which people tend to sabotage their work. Just because something was easy to do, that doesn't mean the quality will be lower than something that was hard to do.
Tags: Writing, Simplicity Thursday, November 5th, 2009
By Tyler King
If you're ever making a flier, brochure, or any other type of document where you need to squeeze a lot of information on one page, you've probably struggled to find ways to differentiate different sections of text. For example, on a page where lots of things need to be called out, it can be difficult to draw the attention of your audience to the right places. Everything can't be bold, and if it is, bold no longer has any meaning.
If you've ever run into this problem, here are a couple easy techniques you can use to clear up your design. Using these tricks, you can make a page much cleaner and more attractive without actually changing the content.
Use different shades of gray
Text doesn't always have to be black, but it can be really intimidating trying to pick colors. Instead of coming up with your own color scheme, try using grays to differentiate text.
Change the font family
Fonts can have a huge impact on how the reader sees text, but once again, it can be really scary trying to pick between the endless different font options. If you don't want to sort through all the fonts, just pick between the two different main styles of fonts: serif and sans-serif. Serif font's have the little nubs (not sure what else to call them) sticking out of letters, while sans-serif don't. Generally, serif looks more old school and sans-serif looks more modern. If you're not sure what I mean, this graphic might help:
![]() So if you don't want to spend time comparing different fonts, just make sure to be conscious of whether a font is serif or sans-serif because that makes a huge difference and it's easy for you to choose between the two. If you're looking for even more guidance, just choose between Palitino Linotype and Verdana. Those are always safe picks that aren't too boring.
If you're going to use both font types on one page, you should generally use one for headers, and the other for body text. You shouldn't mix and match though (don't use both serif and sans serif fonts for the main body text). It's perfectly fine (and normal) to only use one font, so don't feel pressured to use two.
Don't use the Comic Sans Font
Under no circumstances should you ever choose Comic Sans as your font. Seriously. Never. Everyone hates it. It died in the 90's. Just let it go.
![]() Think about how most people read things
When an average person sees a page, they skim it first, and then go back and read details if they think they'll be interested. Make your page so that if someone takes one quick look, they're forced to see the most important information first. People generally skim in straight lines (top to bottom, or top-left to bottom-right).
Change the font size in subtle ways
Everyone knows that headers should be bigger than the body text. Font size differences can also be used in much more subtle ways that the audience might only notice subliminally. Keep the headers big and everything else small, but consider using a slightly smaller font for notes, parentheticals, and descriptions. I'll show you an example of this later.
Reverse Indent
Cramming text together can make it really hard to tell when a new line is just a continuation of the one above it or a completely new paragraph. Everyone knows about indenting text when writing long paragraphs, but that style normally looks weird on graphical brochures and the like. Try indenting every line, or every line after the first instead.
Subtle background colors
Most brochures have totally different sections of content on one page. It's hard to separate these without cluttering up the page. Try putting a very light gray background behind one section to set it apart without calling to much attention.
Don't center so many things
The human eye is attracted to strong vertical lines. It's hard to skim a page when the text on each line starts in a different place. If you center something, it should be because it's very important and shouldn't be grouped with anything else (which is why titles are often centered). If related content is all centered, it is very difficult for someone to parse all the information when they first look at the page.
There must be whitespace
Having whitespace (empty, unused space on the page) is absolutely critical. Without whitespace, the whole thing blurs into one big mess. Even if you have to cram individual sections together or make the overall font size smaller, you need to figure out a way to have some whitespace on the page.
There are multiple dimensions of emphasis
Between color, font-size, bolding, underlining, etc. you should be able to emphasize things in different ways. Give your audience visual cues that help them thoughtlessly group your page into different sections and then let them decide how to take it in. Instead of them thinking "this line is more important than that line", the reader can identify that some lines are headers, some are descriptions, some are details, and some are notes. It's not important for headers to be the boldest lines as long as the reader can quickly identify them as headers.
So let's put these principles to use. I recently received a pdf brochure from a friend and one of the pages stood out as something that could be easily improved on. I'm not trying to pick on the original version (it serves its purpose just fine), I just thought it would be a good page to practice with. Also note, I used some kind of extreme tactics to highlight the tricks I mentioned above. This isn't necessarily how I would design the page, it's just an example.
So here's the original (click the image to see a larger version)
...And my new version
I made a few changes to the text to match the design, but for the most part I kept things exactly the same. Notice that there is absolutely no color anywhere on the page and there's nothing remotely fancy from a graphic design standpoint. My goal was to break the page into sections so that the audience can naturally break the page down and take it one section at a time.
Look at the names of the artists. Even though they are smaller and a lighter shade than the description text, they stand out more because they are bold and they're on the strong vertical line on the left of the page (they line up with the title, sub-title, header, and logo).
Think about what a reader sees when they skim this page. They see the title, sub-title, "Featured Artists" and then the name of each artist. After taking in that information (which is the order in which I want someone to see things), they can move on to the right column where they see the raffle items, and then the date/time/address.
There's whitespace, tons of different font sizes, four different shades of gray, exactly two font types (serif for headers, sans-serif for everything else). Just a few simple tricks turned the page from something that looked like a big mass of text into something that is easy to parse and comprehend.
This is obviously just an example, but the next time you find your page looking bland, cluttered, or unfocused, try out some of these tricks.
Tags: Design Tuesday, November 10th, 2009
By Tyler King
As of Monday night, Less Annoying Software is officially live. What that means is that our software (the CRM I talked about earlier) is both stable enough and complete enough to be ready for real customers. If you were thinking about trying our software out, now is as good a time as any to get your account set up. Here's a video explaining how the product works:
If you're reading this in a feed reader or email, you may need to click through to see the video. At this point, the thing we need most is feedback, so I'd love to hear what you think. Thanks!
Thursday, November 12th, 2009
By Tyler King
I have an annoying habit of evangelizing certain technologies to just about anyone I talk with. One of the most common programs I recommend is Chrome, a relatively new web browser from Google. I've been asked to defend my love of Chrome enough times that I figured I'd publish it online for posterity.
So here are some reasons why Chrome is a great browser. I don't think that any of the features are completely unique, but I don't know of any other browser that can compete with Chrome on all, or even most of these.
Pull-away tabs
This feature is particularly useful if you use multiple monitors (which you absolutely should). When you have a bunch of tabs open in one browser window, you can just click on one and drag it anywhere else on the screen and it breaks it off into a new window. Some people don't think this sounds useful, but I assure you, it's incredibly useful.
Speed
Sure there are plenty of measurable ways to demonstrate how fast Chrome is, but you really just need to use it to understand how much faster it feels. Now that Chrome is my main browser, it's painful how slow everything else seems. This includes, starting the application, loading pages, and executing javascript code.
Search built into the address bar
There is absolutely no reason for browsers to have an address bar and a separate bar for search queries. With Chrome, you type whatever you're looking for into one bar. If it's a URL, it takes you to the website. Otherwise, it does a Google search. It also guesses what you're looking for so if you aren't sure what the exact URL is or what the right search terms are, Chrome will make suggestions as you type.
Lots of vertical real-estate
For some reason, browsers were originally designed with a status bar at the bottom, a file menu at the top, plus the normal bar at the top that almost all applications have. This means that there there's a lot of wasted space so your screen isn't being used efficiently. Chrome makes smart use of space. It's as if Google actually understands that the reason I use a web browser is to look at web sites.
Easy updates
One of my biggest pet peeves with Firefox is that almost every time I open it, I'm either asked to install updates to the browser or extensions or I'm told that updates were recently installed (like I care). It often takes several minutes for me to just open the browser. With Chrome, everything happens in the background when you aren't using it. The browser stays up to date, but you don't have to worry about a thing.So those are the main things I like about Chrome. If you haven't tried it, I really recommend it (obviously). Is there anything I forgot to mention here?
Monday, November 16th, 2009
By Bracken King
Hello blogosphere, Bracken here, checking in for the first time on the Less Annoying Blog. While I have been working behind the scenes on Less Annoying Software, I've been absent from the blog to date. Tyler finally prodded me with enough force that I'll be posting with some regularity for the foreseeable future. As Tyler mentioned in our inaugural post, I'm currently finishing up a degree in computational biology and I also manage the computing resources for my lab. As such, you can look forward to a wealth of needlessly technical and obscure scientific analogies in the coming months. In that vein, I've got a series of such posts that'll come on over the next couple days. I wanted to start off my blogging with a few thoughts on my interpretation of a popular theme of this blog: the value and costs associated with change.
Activiation barriers in the upgrade path A certain amount of my research to date has focused on optimizing a production pathway in bacteria. Essentially, we are trying to coax bacteria into making something that it wouldn't normally make, and we want it to make it in large quantities (similar systems are used to make a variety of pharmaceuticals and a certain amount of clean energy research is focused on trying to convince bacteria to produce fuel). In our case, we've picked out a specific enzyme whose throughput needs improvement. A commonly used framework for thinking about how to optimize the performance of this enzyme is called transition state theory. Basically, it states that the speed of the reaction is entirely determined by the difficulty of reaching the least favorable state during the reaction. The energy input needed to cross that state is called the activation barrier, and the basic idea is that if you can lower the difficulty of the hardest part, you'll speed up the entire reaction, but optimizing other parts of the path is basically useless. Activation barriers certainly aren't an idea unique to chemical reactions. It's easy to recognize them in things as trivial as, say, writing a blog post. Once you get the first sentence down in electrons, the rest of the post tends to just go on it's own. Anything you can do to make the hardest step easier is probably gonna speed up your process. Improving the process of posting online (an already easy process), isn't likely to help anything. While this all sounds pretty straightforward, when you're in the middle of improving a system, it can be easy to miss. Now there are plenty of things that can be difficult about upgrading technology, particularly ones that we rely on regularly. The actual upgrade process, however, is getting easier and easier these days due largely to the ubiquity of broadband. Many software programs upgrade themselves automatically. Actively developed web programs may do so on a daily basis. Data is often stored remotely enabling trivial transfer to new devices and programs. All of these advances make it easier to stay up to date on software, the problem is that they're no longer the limiting step. While all of these things used to be important barriers, I think they're pretty well optimized by now. All that's left in many cases is a natural aversion to change on the part of the user. The whole idea of an activation barrier is that some energy is required to get you started. Generally, that would be some new feature, smoother operation, or the like. Problems arise when that energy input never happens, however, because activation barriers in technology tend to grow with time. The longer you wait between upgrades, the harder they are. As such, I think there's an argument to be made at times to upgrade for upgrading's sake: the motivation for crossing the activation barrier can be lowering the next barrier, even if there aren't any awesome feature upgrades that you need. We've recently run into this problem in lab. We'd been using the same firewall since 2000 or so. We'd never had any problems with it so we'd never really bothered to change it. We recently noticed that the firewall was limiting some of our work because it didn't have enough bandwidth, so we bought a new one. Installing it has been a huge headache almost entirely because we waited so long between; none of the configuration from the old firewall is valid on the new one so we basically had to redo everything from scratch. We never really needed to upgrade in the intervening 10 years, but if we had, I'm confident our total cost of both upgrades would've been smaller than our one upgrade right now. Incidentally, while I'm not a big fan of the practice, Apple does a pretty decent job of basically forcing this upon people. They drop support for their older hardware pretty quickly which causes people to upgrade even if they wouldn't otherwise. As a result, each upgrade is fairly painless (though potentially expensive in dollars). Windows did the opposite with Vista. The XP to Vista release cycle was much slower than typical, making the transition much more painful. Coming tomorrow, cooperativity in technology.
|
New posts will be emailed to you each night
About this blog
This is a blog for small businesses interested in how they can better use technology. Most tech
is targetted at either individual consumers or huge corporations. We'll help you find the tools
that are powerful enough to help run your business, but simple enough that you won't need an I.T.
team to use them.
There are two main writers on the Less Annoying Blog: Tyler has worked on the tech side of several small businesses and knows first hand what the little guys need, and don't need. Bracken is finishing up a PhD at MIT and he's always experimenting with any new software he can get his hands on. We also run an online customer manager tool called Less Annoying Software which was created specifically for small businesses to track all their customer activity.
Search the blog
Tips and Feedback
We obviously want to write about things that you want to read, so help us out! If you are
interested in reading about a particular topic, let us know. We're also always on the lookout for
new software and tools to try out (and review), so feel free to forward information on any new
tech you'd like us to write about.
You can reach us at blog@LessAnnoyingSoftware.com
Archives
|


