August 20th, 2009
New shoes
I last redesigned my blog in 2006. Three years ago! I’ve looked at redesigning it for about two years now, so what got in the way?
Well, we’ve been buzzing around working on all sorts of other projects at Mark Boulton Design, and that’s kept me busy. It’s been quite a journey and, rather than just writing a plain ‘ol blog post about this, I thought it would be fun if I shared it all with you in this interview with my friend Carolyn Wood.
CW: Let’s talk about the status of 5 Simple Steps. I had an early, advisory role in the birth of your book, before the writing really got going. The next thing I knew, you’d become a publishing house. Share the juicy details with us! It’s all very easy, right? ;)
MB: Yes. Piece of cake. Actually, I remember from those very early conversations we had, you mentioned the difficulties I could face when writing the book. I think I went through each one of them in turn: blind panic, sleepless nights, writer’s block, more panic, too much to do… the list goes on. It was back in 2006, and I really, really needed some help just getting off the ground with it. I had five popular blog posts but wanted to make them into something more substantial. I had left the BBC, started my own business, Emma and I had our daughter, and we were in the midst of having builders add an extension on our house.
All of that conspired against me a little. The dream of writing a book became somewhat of a foggy, festering cloud in the back of my mind. That’s exactly why I needed someone to help me take those first steps. It was like someone learning to ride a bike. They’re never perfect at first. They fall over, graze their knees. Do it again. Before you know it, they’re off leaving you standing and waving. But without those first encouraging words and helping hand from you, they’d still be walking about instead of riding. And that’s just what happened.
CW: So, I waved you on and you dug in and really started writing.
MB: Yes, suddenly the project had momentum. I was inspired to write, but I was increasingly interested in seeing if this one book could become more, and the Five Simple Steps imprint was born. We (Mark Boulton Design) hired a designer with a strong editorial and publishing background who spent three months designing, typesetting, and producing the final book. As I wrote, we also started to do pretty much everything else in-house from editing and proofreading to distribution (both electronic and traditional fulfilment). We were driven to get it done and out there.
We’re learning as we go. Publishing itself is a creative process for us, too. We’re professional, but we’re indie publishers, too. We plan to be very flexible, perhaps even having a ‘crewing’ model for each book, bringing in a little help from different people outside of the team for each book, depending on its subject. We’ll see—we haven’t planned it all out yet.
We’ve primarily used Twitter to announce offers, launch dates, etc. This was so successful that on the first day of the PDF launch, we sold over 1000 in 48 hours—but the server crashed, causing PayPal problems that took days to sort out! The printed book is only available as a limited edition (for now). We won’t print endless supplies of these, as we just can’t justify sitting on large amounts of stock, especially if we add more titles. Print on demand might be an option at some point. The process is exciting, complicated, scary, and rewarding, all at the same time. I heartily recommend that if you have an idea for a book, and have the people around to help you realise it—as well as an eager audience—there is little reason to go to a ‘normal’ publisher.
CW: Our lives intersected again at the beginning of the open source/open design Drupal project, when I worked on the style guides. I admit I felt fortunate to be off in the corner in a limited role. You’ve been in the thick of things. What is the status of that project? Tell us: Is designing in the open more or less painful than sticking a fork in your eye?
MB: Designing in the open is more painful than sticking a fork in your eye, but it’s also more productive and rewarding!
Mark Boulton Design, Leisa Reichelt, and you were initially asked to work on aspects of the redesign of drupal.org, and Phase One of that project was completed last December. August to December were probably the most challenging months of my career.
After our usual period of discovery, we launched headlong into a twelve-week iterative schedule with prototype releases, user testing, and evaluation, and a new design released every week. It was a killer schedule, but with that pace came great engagement from the Drupal community. During Phase One we’d done broad brushstrokes in terms of design, information architecture, branding, etc.
CW: What happens in Phase Two? I wish you the best with that!
There’s still much to be done: the copywriting and also more UX work—specifically documentation and many social aspects of the site. We simply ran out of time on most of this. However, as with Phase One, the majority of the work will be completed by the community, in the community. The biggest challenge has been to become comfortable with the fact that what we produce will be scrutinised, deconstructed, modified, and remodelled, all for the greater good. I’m still getting used to it!
CW:What prompted the complete redesign of your blog and your decisions along the way?
MB: Three years is a bloody long time in web design and in the personal growth of a designer. While I wanted the blog to be a reflection of the current quality of my work, I was even happier to break free from what people usually expect of me and create something that more accurately represents who I am as a designer.
I started the process with a simple but challenging constraint: What can I do with Georgia? Just Georgia.
With all the talk of font-embedding, I could have used one of the middleware products cropping up, such as Fontdeck or Typekit, along with some great custom typefaces. But, I wanted to really get to know Georgia—as well as I know Helvetica. So far, Georgia hasn’t disappointed. It’s a wonderful typeface. Generalising here, serif typefaces have more character than sans serif typefaces. Yet, Georgia manages to mold itself really well to the content. WordPress.org, Guardian.co.uk, this site all use Georgia, but appear very different due to the varying weights and styles. I also wanted a different grid, a greater focus on writing, and a simpler layout designed for reading.
Perhaps the biggest change isn’t the design but the move from ExpressionEngine to WordPress. I’ve used EE since 2005, continue to use it almost weekly, and still recommend it to clients for certain projects. I’m an advocate for using the best tool for the job. Whilst EE is a very competent blogging engine, lately I’ve felt it (and Drupal, as well) much more suited to content-managed websites for clients. If you have a blog, WordPress is pretty hard to beat; it was the best tool for this job. That said, the redevelopment of this site hasn’t been without its difficulties.
Having used EE for so many years, I was used to its template-based theming approach, designed to neatly fit with a standards-based designer’s mental models. HTML templates can be simply slotted into place. PHP is extracted and replaced with a simple tagging language to hook in the site’s dynamic data. WordPress and Drupal could do with having a look at the strength of this because, to be honest, I feel a lot of designers will take one glance at the PHP in their theming systems and run a mile. EE still has this in the bag, in my opinion.
CW: Please give us a peek at the next book and other MBD projects.
MB: It’s a busy time for us; here’s a taste:
- We’re working with some exciting clients. We’re designing an app based on Adobe Air for a leading film studio. I can’t talk about some work, but we’re heads-down on projects like arts council-funded web apps and a major redesign for an ethics organisation.
- The Drupal 7 UX project is drawing to a close, and it’s been a fascinating seven months’ work. Drupal has great potential and I’m excited to help shape its future from a UX perspective and dedicated to continuing my involvement with the community.
- We’re publishing two more titles this year. Designing Grid Systems will be available this autumn, and Designing the Invisible later this year, possibly early next. I’ve wanted to write the first one since 2006. I have tons of material to challenge current thinking in the web design community about subjects like grid systems, their appropriate use, and the advisability of using 16-column grids for website layouts.
- We’re ramping up to run probably three workshops in three cities in the UK in November and December. They’ll be based on the book: practical design advice that people can immediately apply to their work.
- I’ll be doing more speaking too, which I love. I’ll speak at the wonderful Web Directions South in Sydney, Australia in October on font embedding and CSS. In November, I’m speaking in Belfast at the Build Conference.
CW: Your wife Emma is now part of MBD. Is it difficult to have a normal home life? When you both drag yourselves in the door, who makes dinner?
MB: That last question is probably the biggest issue of each day! Seriously though, Emma and I have received great advice on successfully working together. It’s been such a pleasure—she’s a smart cookie. She keeps my feet on the ground when I go off on one of my dreamy ‘let’s do this!’ ideas. With seven years in a strategic role at the BBC, she has a real vision for where our studio should be heading. But, let’s face it, Emma has always been part of the company; it’s just that now she sits in the same room as me.
YAY FOR GEORGIA! As mentioned earlier on Flickr, it’s totally gorgeous.
An only thing to change would be background color of footer — gray doesn’t really fit into this and feels unfinished.
Also, great interview.
Very nicely done Mark!
Lovely drop caps! It’s interesting to see the absence of a traditional navigation at the top.
The comment section looks very unfinished, especially the comment textarea and submit button, but otherwise a nice design, congratulations (oh, and agree with the comment above about the grey footer) ;)
nice, simple and love the use of typography didn’t notice the off white background until the form…5 simple steps is quite gorgeous…the thing about new shoes is that they take a bit of time to get used to..but eventually you start to wear them more and then they become the choice for going out and nippin down the shops…i still love my pumas even though they’re knackered now…but when they are really no use..what do i do then?
Looking really good, from top to bottom – including the footer. A great example of putting an overused font to new use – and making it shine again.
Nicely done, Mark. I enjoy the simplicity of this site compared to your last.
I’m excited to see that you’ve limited your typeface to just Georgia. Like you were saying it has endless possibilities and I’m excited to see what you can do with it.
I finished Designing for the Web a few months ago and I’m pumped for the release of Designing Grid Systems. Keep up the good work.
just wanted to clarify, that I meant the comment form section was for some reason left unstyled. The actual comments look great.
Also, it’s nice to see such an elegant typography with just Georgia in spite of the latest hype with webfonts and @font-face ;)
I’m surprised how Georgia renders at 48px for the titles. It looks great. Also I love the drop caps. Is there some particular reason why are you using 15px for the text?
I was in the search for perfect background paper like color for my Better Web Readability Project but I think you did better job. Great work
Great work! Beautiful and a joy to read without interfering sidebars or other distractions.
Lovely job, Mark. Looking forward to seeing those ornamental caps released as a font. You’re absolutely right about Georgia — it is a wonderful typeface; and that it displays so well on screen (there are few serifs that do) is further credit to Mr Carter.
Really looking forward to the Grids book.
I love the simplicity of your new design. I too recently re-designed my site after years of it being stagnant, and the issue of what fonts to use came into question for me as well. Fontdeck and Typekit usher in a new generation of web typography that I’m still a bit weary about. The DRM battles and pricing structures to name a few, hopefully @font-face evolves into something more functional for all parties involved.
Can’t wait for Designing with Grids. And I would love to see you speak at one of these cool conferences. But we don’t get events like that in Mississippi. ;-)
It looks like the feed is working now :) I love the new design! I can’t wait for the new posts :D
Nice and clean work Mark, but I wonder what your rationale is for marking all your links as nofollow and noindex?! You’re stopping Google and the other search engines from indexing any content on your site, and you’ll not be getting lots of nice search engine traffic as a result.
The BBC are still doing it on their message boards after all these years. Your basically telling Google that you don’t trust any of the external links, and none of your own links to your own site!
@david: Pesky privacy setting in WordPress. This should be all fixed up now — thanks for pointing it out.
Ah, I wondered if it was a conscious decision or a CMS setting. I travel the web with the searchstatus plugin on Firefox, which highlights nofollowed links by placing a nice pink link condom over them. Very useful. :)
I’m definitely a fan of the simplified / boiled down layout… the details you spent time on shine through that way. No sidebar, no ads, no nav, all article… Great work.
Hate to be the dissenter, but I think I liked it better before. Many links are broken, for example those to your excellent article “Five simple steps to designing grid systems.” And without any search capability, I can’t find it.
Could you send me a link to it’s current address? Thanks!
Love the new design Mark, looks great. Really like the use of georgia.
One question about this great new design — how are you doing the hyphenation on your site? Very subtle, but tasteful detail on the type.
Nic,
Since Mark is now using WordPress, it might be WP-Typography.
[…] you should buy it for yourself, because Mark Boulton has gone through the extra trouble of creating his own independent publishing house because the big distributors weren’t any fun to play with. But […]
Have mercy Mark! People can’t find what they’re looking for around here.
I often refer to your articles when talking to clients, peers and our trainees. Solid knowledge base on grids and typography. Unfortunately after the redesign those poor people can’t find relevant articles on your blog and I have to dig in my bookmarks or use google to find stuff on your blog (sic!). Just an obvious link to categories or a search box would suffice. Of course I do love the new look, sweet typography and all this pretty white space all around but come on, help me out here! ;)
I noticed you’re cheating ever so slightly — that ampersand’s not Georgia! (though I have to forgive you, because it does look lovely)
Also, the spacing between paragraphs feels too tight for me. But that’s very much a personal preference.
Overall though, it’s just lovely. The ridiculously large Georgia post-titles and intricate drop-caps just do it for me.
1. There’s a movement to radically change California government, by getting rid of career politicians and chopping their salaries in half. A group known as Citizens for California Reform wants to make the California legislature a part time time job, just like it was until 1966.
onlineuniversalwork