Notes on the Redesign

by Joshua Porter  |   6 Comments

If any of you reading Bokardo tend to stay in your RSS reader, you wouldn’t have noticed my latest redesign of Bokardo.com. Not given to wholesale redesign much, I actually did the redesign over several weeks after finally getting a local copy of my blog running on my Powerbook (it wasn’t that hard, but I tend to procrastinate on things that take longer than 15 minutes to do).

A few notes:

  • New Color Scheme
    A new blue/green/orange color scheme that stands outs starkly against my old grey and brown one. Lots of folks thought the old one was too subdued, and I think they’re right if I’m going to be talking about new ideas.
  • Liquid Design
    I’ve long had a fixed-width design here at Bokardo, and I finally accepted something about it. Fixed-width designs are simply not as efficient as liquid designs. You can fit more information on a page when it is liquid. When I thought of it from that standpoint, and not from a developer’s control standpoint, it became obvious that I had to go liquid. The problem with liquid, however, is that it can really make columns of text awkward to read, and on the widest screens it gets rediculous. Anybody on a really big screen? Let me know how it goes…
  • 3 Column Layout
    Partially in response to the liquid layout, I’m using three columns on all pages now, not just the home page as before. This allows me to provide more meta-information about each post. To create these three columns and not have them break in IE, I had to add some additional <div>s to the markup. I hope I don’t burn in semantic markup hell.
  • More Linkage
    The theme of my new redesign was links, links, links. The more links to content I can show, the more likely it is that people will find something that interests them. I’ve got links from Del.icio.us, links to Web 2.0 mavens, links to more achive pages, and I’ll be adding more soon. Each of my link sections is a simple library file in wordpress, so changing one takes about 3 minutes.
  • My Bottom
    Taking a cue from Derek Powazek, I’ve embraced my bottom. Jeff over at Newburyportion pointed me to this, and I recognized it as the blogging equivalent of what Amazon has been doing for a while now. It feels good to embrace my bottom.

By the way, if you’ve got feedback on the redesign (good, bad, or indifferent), send it along. The comments are still there, and I have a contact page now!

Comments ( 6 Responses so far )

1.  CM Harrington on October 6th, 2005 (Comment) #

Thanks so much for adding the “accepted tags” list!

Not sure about the new design, but that’s just personal. I am sure it’ll grow on me.

About your bottom… I totally missed it. Luckily, it seems that the functionality contained in the footer is repeated elsewhere on the page. Did you read (forgetting which weblog) where “embracing the bottom” totally messes with your google pagerank? I’ll try to dig up the article.

2.  Derek on October 6th, 2005 (Comment) #

Lovely redesign! Well done!

3.  Bud Gibson on October 6th, 2005 (Comment) #

Josh:

I wondered if my browser was brokne when I clicked through to post something in delicious (I am using firefox beta). The liquid design makes it hard to figure out where things are.

Bud

4.  Alex Barnett on October 7th, 2005 (Comment) #

wow, big difference…i would have stayed in the reader if you hadn’t mentioned it!

I like the widescreen look.

nice,

Alex.

5.  CM Harrington on October 7th, 2005 (Comment) #

as a followup, it was DK Robinson’s Asterisk weblog who had the problem: http://www.7nights.com/asterisk/archives05/2005/09/site-tweaks-footer-bad

6.  Josh on October 7th, 2005 (Comment) #

Thanks for the nice comments. I can tweak things much easier now that I have a local copy of everything (and a local web server to run wordpress). I’ll be iterating it relatively frequently, I hope.

Keep the suggestions coming!

CM: I did see Keith’s post…but as he says he thinks it might have had more to do with the removal of the top navigation than the addition of the footer.

Add Your Comment

Accepted tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

Preview...

If your comment contains links, or if it is your destiny, your comment may not show up immediately. I'll approve it as soon as I can. (I delete dozens of comment spams per day)

Get updated when someone posts a comment: Comment Feed


ABOUT

Bokardo is the blog of Joshua Porter, a web designer/developer, researcher, and writer. I live in Newburyport, MA, USA.

WHAT IS SOCIAL DESIGN?

Social design is design that focuses on the social lives of users. It deals with the activities, behaviors, and motivations of people who work and play together through software interfaces. It is built on the observation that many of the decisions we make are greatly affected by those we surround ourselves with in our social lives: our family, friends, and colleagues. Exploring our motivations and how to design interfaces to support them is what the Bokardo blog is all about.

Designing for the Social Web

Building a social web site or application? I wrote a book just for you!

designing for the social web

Find out more or order from Peachpit or Amazon

Upcoming Speaking Events