I delved into designing in the browser and came out scuffed but unscathed.
In order to get this blog up and running as soon as possible I thought I would just set up some nice typography and then start posting, adding features bit by bit and worry about the design once it was up. Which is pretty much what I have done, except that I ending up trying to make the typography the design, because, I think, there really is no such thing as ‘no design’. I knew that but I thought I could ignore it. Turns out it was beyond me.
Therefore I probably spent just as much time tweaking the visual design as I would have if I had sat down and designed it first and then coded it up to spec. I did start posting straight away so it is half alive, and that is months earlier than most personal projects I do. But that has more to do with setting it up with only half the features I want for it (no RSS or comments at the moment for example).
Anyway, to cut a long story short I inadvertently ended up designing in the browser, as was the fashion about a year ago. It was an interesting experience and I have mixed feelings about it which I’m going to dump down here for future reference.
Bad
I don’t think I played around as much as I would have in photoshop, I’m not sure why. It could be the difference between directly manipulating graphic elements with a mouse or pen and indirectly manipulating them through CSS. Aesthetically, I don’t think it’s as fine tuned as other things I have done. Things have ended up more in the grid. I don’t think I was focusing as much as usual on how well things were working aesthetically, fine tuning and asking could this be better?
In the browser I think I adopted more conventional shapes visually, and was more reluctant to make radical changes and throw it all away. I was already thinking around how much effort would it be to change something, instead of just doing it and then cursing myself later on for how much work I’ve created. It made me a bit lazier I think. And the gauling thing is I don’t think it was any faster design wise.
Good
Parts of this design are more successful because they were cooked in the browser I think. Elements like what something look like scrolled half way down a page for example became apparent really early on.
The biggest plus was that it really bought home the reality of what a design looks like with browser rendered type. And since this design relies solely on type for its aesthetics that was massively important. There will be a whole other blog post about that later on. Type rendering really is the single biggest defining aesthetic factor for a visual designer working on the web I think. I have a horrible feeling that this is what @bobmedcalf tried to tell me years ago and that I didn’t listen to him because It thought he was just practising being a miserable northerner.
So …
Meh to design in the browser for me. I do think that deciding your type needs to be done in the browser, and that once a design is implemented it needs to be reconsidered once assessed in the browser, as does all implementation of anything for the web, but overall I think it makes you (or me at least) less likely to push technical considerations, to experiment & to be successful at fine tuning. I think I became over focused on implementing the design and not focused enough on the user experience of the blog itself. You know what? I never know how to end these things.











