Form vs. Function In Blog Redesign . . . or One Man's Skirmish with Cloud Computing

Form vs. Function – It is the age old argument about which should be emphasized in a design. In marine designs, there are widely divergent possibilities, and each feature on each craft produces results that affect both the resulting form and function. Mariners have long held strong opinions. Some are more romantic, comparing the form of a fine craft to that of a beautiful woman – recall that boats and ships are referenced with feminine pronouns. Others subscribe to the ultimate utility despite what the result looks like. See the Brossard Trimaran video below for an example in the extreme.



Where do I sit on this Form vs. Function continuum? I’m a minimalist who believes the most elegant solution is the one that gets the job done without encumbrances. I once took the scenic route  across the U.S. – on a bicycle. And when it comes to water, my boat isn’t any more elaborate. I paddle a 17-foot mahogany kayak I built from this design; apparently, 45 pounds of boat is all that is needed to cover 20 miles before lunch.


For those who have followed this blog, you likely know that I am a minimalist who emphasizes function when it comes to design. That philosophy is reflected in the kayak line drawing above (thanks to designer Nick Shade of Guillemot Kayaks).When I created this blog, I used the Minima Dark template on Blogger, designed by David Bowman.

I chose it then for the same reasons I chose my kayak: it was aesthetically pleasing, and it seemed like it was enough to do the job well without extra bulk. When I initially adapted the template, it looked like this:

My first set of changes to the blog created the following page, which most of you have read for some time. During the first month, the body was expanded from the default width to a wider specification to make the blog more readable. The wider version looked like this:

Since then, I've discovered an increasing fondness for my blog and most of its design, but I have to tell you, the mechanics of altering it have been a battle . . . more on that later. Pondering a redesign, I set out to change features in ways that matter, and decided to stay away from features that were superfluous. I’ll run through the design changes briefly, and then I’ll discuss what worked – and what didn’t.

The features I desired included:

1. a more personal and meaningful banner
2. truncated posts
3. a texture to the background
4. an RSS feed
5. a link to delicious
6. a way to have others link to my blog
7. that the blog be identified by search engines

Let’s review these one-by one.


BANNER


The new header was a success. The images were chosen to contrast simple and complex forms and functions, and the contrast of a line drawing with a photograph underscores the difference. The banner uses two typefaces, Bradley Hand ITC and Corbel, and was created using PowerPoint, then Inkscape, and then Jing screen capture software. The line drawing of the kayak is actually a negative I made of a proprietary source graphic, and a text gadget was added for attribution. While the header appears elementary, 13 versions were completed and uploaded before I settled on one. Posting it required fiddling with the colors, backgrounds, and various widths within the template. Compare the header at top to the old version below:

Score: Steve 1, Technology 0


TRUNCATED POSTS


One day, I decided to truncate the posts to fit more on the initial view. Searching the Blogger help files, there were instructions for using the Jump Break feature. Simple enough. I installed it on every long post. Afterwards, I found that my right-hand sidebar had dropped below the body of my blog – see below.

Researching this problem, I found it was a common dysfunction reported by others for the Google Blogger platform, but, despite more hours than I care to recall, I never found a reported solution that worked for my blog. Later attempts never resolved the issue, and, in the end, I removed the feature from all the posts. For now, the blog is limited to displaying two posts. Truncating the posts remains a “to do” item.


Score: Steve 1, Technology 1


A BACKGROUND TEXTURE



On a number of occasions, I surveyed available patterns and even tried to make my own using various methods, such as this pattern that I intended to tile in the background.

Hours went into the development and selection, with the most recent favorite being this one:

More time went in to the attempted upload. In every instance, using various techniques specified by the Blogger help files or the many other sources I found on the web, I was unable to get my blogs to accept the CSS or HTML code associated with these features. Searches for fixes led to further installations of code that did not work, or were so technical, I couldn’t understand them.


Score: Steve 1, Technology 2


AN RSS FEED


This was one of the few things that worked easily. It went in as a gadget in the sidebar. Done. See right. Phew!


Score:Steve 2, Technology: 2


A LINK TO DELICIOUS



I tried to post code into the Google Java script gadget, and also tried posting code into the template of this blog. I used code from at least 4 different sources. No avail. The best I could muster was the delicious logo sans text on one of my test blogs.


Score: Steve 2, Technology: 3


A WAY TO HAVE OTHERS LINK TO MY BLOG


I think my content is worth reading, I want others to be able to share my blog. I found HTML code that could be inserted into a Google Gadget that that showed viewers how to post a link back to my blog. It worked in this blog, see right. I posted the code displayed here into one of my other test blogs. It displayed properly there, and linked right back here. Here’s a screen shot of the feature:

Score: Steve 3, Technology: 3


GOOGLE SEARCHABILITY


Initially, my blog was not found when I searched for it on Google. Eventually, I figured out that Blogger's Label feature was metadata, so then I went back through all my posts and added descriptors to the Label fields. Two days later, Google was finding my posts. I showed the results to my kids and told them I was famous. Their eyes just rolled . . .


Score: Steve 4, Technology 3


CLOSING THOUGHTS


I suspect that there is something amiss. Other Blogger users I know have not had the same level of difficulties as I. And writing this post to admit temporary defeat on several counts isn’t a source of pride. Furthermore, I have a website project on Google Sites, and I am finding that it is riddled with similar issues. Some are genuine user errors, but some are attributable to unstable templates or technical difficulties that have yet to be diagnosed. I have tried working three different blogs, created several Google accounts, and worked from two different geographic locations using different ISPs. I can’t figure out what it is. My errors? Perhaps . . .


In Cloud Computing applications like Google Blogger, posting your problem to the Help forums is often useful, because end users who’ve experienced similar issues can give you good advice. But several problems could arise here as well: (1) you may have a problem that no one else has experienced; (2) a knowledgeable user may not be around when you need one; (3) if you don’t understand your problem, you may not describe it in terms others recognize, and therefore, will get no response. What else can you do? Call Google? Nope. If these conditions apply to your situation, you may find yourself On Your Own.


Back to this blog. In the end, my redesign was more modest than intended because of my battles with technology, limiting the resulting FORM. But given my minimalist ideology, a good basic template, the use of mixed media and a strong emphasis on communicating with a clear and personal voice, the content has remained the No.1 priority for this blog. The results emphasize FUNCTION. And looking back over the posts, it turns out that I have really enjoyed this process. If you’ve enjoyed it, too, than I think this blog is accomplishing its mission, A Better Message.