Archive for March, 2010

205. IE9 commeth

Posted on March 28th, 2010 in Web Design | Comments Off

post thumbnail

Download this show.

Launch our podcast player

Web News

This week: is revealed, a new web design resource is launched, visual hierarchy is explained and we apply some to our sites.

Read the web design news

Running a successful web design agency

Mike and Keir from Carsonified interview Marcus and Paul on how they have made the successful web design agency it is today.

Read ‘running a successful web design agency’

Adapting to

Is it time for us to take a fresh look at the subject of accessibility? Phil Powell offers some thoughtful insights into how we might make the web a more accessible place – not just for those who are disabled, but for everybody.

Read ‘adapting to accessibility’

Similar Posts:

Adapting to accessibility

Posted on March 28th, 2010 in Web Design | Comments Off

post thumbnail

Rosenfeld Media - Books and Webinars on UX

This post is brought to you by Rosenfeld Media. Rosenfeld Media publishes short, practical, and useful books and webinars on user experience . Their products exist to help web and other design professionals make informed design decisions.

Subscribe to Boagworld Bitesize

Let me get this out of the way at the start: I’m a disabled web user, registered as severely sight impaired. I’m also a web designer and developer – have been for over 10 years. I’m not just a tinkerer: I’ve worked for the likes of Audi, Levi’s, Adidas and even won a few awards for my work with U2.

In the early days, like many of us, I didn’t take issues of as seriously as I ought to have done (I committed my fair share of usability sins and implemented some really bad design decisions). But, I saw the error of my ways, and nowadays I’m a loud advocate for good standards and better accessibility. And, as both a disabled web user and a web practitioner, I think I have some useful insights to offer on how we might make the web a more accessible place, not just for those who are disabled, but for everybody.

We’ve come a long way

There have been fantastic advances in improving access to the web over the past ten years or so. The wider adoption of web standards by both browser vendors and web practitioners has bought huge benefits to all types of disabled users. These advances have helped to inform trends in web design and in a myriad of positive ways.

Personally, I’m finding that my web experience is steadily improving thanks to these adoptions, which is a fantastic thing. There is still some way for us to go though. I still occasionally stumble across high-traffic sites which are terribly inaccessible: code soup which makes a site unintelligible to screen readers; design treatments which bewilder anybody with learning difficulties; tiny hit areas which make for horrible target practice amongst those with motor disabilities. These aren’t old, creaking relics of a by-gone cyber-era either: they are new, high-profile commissions.

http://www.artscouncil.org.uk/

Sure, not everybody is signed up to web standards, nor is every web designer or developer experienced enough to appreciate the importance of accessibility. But from my experience, it seems that public sector and cultural organisations are the ones who are failing the most. This always baffles me a little, as you’d expect publicly-focused bodies to have a commitment (and in many cases be required) to ensure accessibility to all. Ignoring disabled members of society in the physical world is wholly unacceptable, so why do we still tolerate it in our virtual world?

The fact is that not every disability is the same, and the acuteness and intricacies of a disability can affect people in so many varying ways.

Well, part of the reason, I think, is due to a slightly skewed way we think about disability. It is easy to fall into the trap of thinking of someone with a disability as part of a generalised group: someone who is blind, who is deaf, who is a wheelchair user. The fact is that not every disability is the same, and the acuteness and intricacies of a disability can affect people in so many varying ways. This misconception makes it a complex and confusing subject to understand, especially for people with deadlines.

But I think there’s something else we need to address.

There’s a bigger problem

Our industry isn’t innovating enough. We’re simply not being intelligent enough with our design of the web.

Now, that reads as quite a bold assertion, so I’ll try to explain where I’m coming from.

I’m a firm believer that good design should be both beautiful in it’s aesthetics and in the way it functions. But it seems that a lot of the time, when it comes to designing for the web, aesthetics and are treated as two very separate disciplines. I’m generalising, but I’ll bet that the approach to the design of most web projects is still either: a great visual style which needs to function well; or a functional architecture which needs to look good. One generally informs the other.

I’d like to see the wider adoption of a new, emerging type of web design, where style and function are embraced as a single, integrated discipline. Gone are the days where a designer’s stops when they hand over a Photoshop mockup to a site builder. And similarly, gone are the days when site builders try to design in the browser and then a visual style is conjured up around markup. Both of these approaches have their benefits, but equally, both have their failings. Can we not be a bit more inventive?

Accessibility can be beautiful

I think this is where accessibility could step in. I think accessibility can be a killer tool for some amazing design. But it needs us to look at it in a new way. As much as any of us claim to take it seriously, how often do we think about how it can be done better? The tendency is to just tick the boxes and then move on to another pressing task.

Rather than being a secondary consideration in the design and build of our web experiences, we can better use the disciplines of accessibility and usability as to inform and inspire beautiful aesthetics and functional design.

Accessibility should be embraced as a way to allow us all to adapt our online experience to fit the way we use the web.

Good accessibility doesn’t just have to be something which assists people with a disability. We need to flip that idea on it’s head. Accessibility should be embraced as a way to allow us all to adapt our online experience to fit the way we use the web – disability or no disability. Better access to the places we visit on the web doesn’t just benefit people who are disabled, it benefits everyone.

We’re already heading there

Apple are a rare example of a company who take good design seriously and who are already doing amazing things in this field, albeit with installed software.

I have very low vision due to a rare form of albinism. My distance sight is really bad; I wouldn’t be able to recognise your face across a room. But my near vision is exceptionally good; I excel when working with pixels and detail. I predominantly do most of my work on OS X because it has so many low-level accessibility aids built right in: I can zoom the screen with keyboard shortcuts; well-adopted UI guidelines make it easy for me to understand a new app; standard controls and focus help me to navigate without a mouse; finding files, running applications and searching can all be done swiftly and easily using the keyboard.

http://www.apple.com/uk/iphone/iphone-3gs/accessibility.html

I adopted an iPhone for the very same reasons: not because I’m an Apple fanboy, but because it brings with it the same accessible features as my operating system, features I’ve struggled to find in any other mobile device.

For me, these are amazing productivity tools. I tend to work faster and with more efficiency than my well-sighted peers, and that’s purely down to my use of accessible tools. I’ve adapted my working world to not only achieve an equal footing, but my adaption allows me to be more productive than many able people.

But these enhancements haven’t been developed for the sole use of people with a disability. They are elements of good, well-considered design, beautiful in both aesthetics and function, which are available to all. Try it right now: if you’re using a fairly modern version of Safari, hit CMD-F, then start typing a word, and you’ll see a perfect example of what I mean. If you’re using another browser, chances are you’re missing out on the advantages of a piece of simple, but clever, assistive design.

Example of CMD-F functionality in Safari

A subtle, but important distinction

Assistive accessibility means providing add-on tools which help people. My local Co-op print braille labels on their wine bottles: a nice bit of assistive design which helps us visually impaired lot choose our tipple. A worthy amount of effort goes into the transcription of subtitles and closed captions for TV programmes and DVDs: a service many of us don’t use, but which is an invaluable assistive tool for the hard of hearing (and incidentally a tool which is only now appearing as a feature in mainstream online services).

Adaptive accessibility is about building things into our everyday world which aren’t used by everybody all of the time, but are available as a helper to everybody all of the time. It can be something as simple as a handrail on a stairwell: the more sprightly among us may bound up stairs two-at-a-time; those who are more elderly need the extra support; sometimes children use it; if you’re tired, lazy, carrying something heavy you might use it. You adapt your behaviour through use of the tools around you, depending on all sorts of factors.

I see no reason why this analogy can’t be translated into our experience of our online world. We’re moving away from the desktop, to devices in our pockets, on our laps, in our cars. We can go online virtually anywhere, with different distractions; different demands for our attention. We’re moving away from navigating with the keyboard and mouse, to using touch, gesture, using our voices, using our ears. This might come as a surprise to you, but us “disabled” lot are way ahead of the game when it comes to alternative ways to navigate the online world.

I don’t have any answers

http://standardinterface.org

So how do we start building more adaptive online experiences?

I do not have a simple answer as to how we achieve this, I’m merely posing the question and acting as an advocate for the discussion of ideas. Perhaps it involves rationalising the UI design of the web (the adoption of iPhone design conventions shows an early example of what this might mean); perhaps it means decoupling data and presentation even more than we already have, and looking at a more ubiquitous approach to design; perhaps it means we’ll see the emergence of new creative workflows, and a new breed of designer (there are plenty of “creative technologists” emerging who fit the mould). Perhaps we’ll invent new tools, services and devices which change the way we experience, and perceive, the web.

Or perhaps we’ll just keep plodding on for the next ten years, pontificating and prevaricating, waiting year on year for the ratification of standards, stifling our creativity, innovating by increments, never really being progressive, never being bold. History has taught us that freedom and inclusion can reap huge rewards for all members of our society. The world wide web has shown us an inkling of it’s potential. But unless we take a good, hard look at one of it’s core principles: access for all – then that potential may not have a chance to blossom.

About the author

Phil Powell is a founder of We Make Media, a creative agency nestled in the foothills of England’s Lake District. He has been designing and developing websites for over 10 years and is a vocal advocate of improving web standards and accessibility. You can find him twittering as @philpowell.

Rosenfeld Media - Books and Webinars on UX

This post is brought to you by Rosenfeld Media. Rosenfeld Media publishes short, practical, and useful books and webinars on user experience design. Their products exist to help web and other design professionals make informed design decisions.

Similar Posts:

Running a successful web design agency

Posted on March 26th, 2010 in Web Design | Comments Off

post thumbnail

Shopify

This interview is brought to you by Shopify. Shopify is an ecommerce solutions made by , for designers. For more information visit shopify.com/boagworld.

Subscribe to Boagworld Bitesize

Keir: Okay, hi Paul

Paul: Hello!

Keir: Thanks for joining us.

Paul: That’s alright!

Keir: Thanks for agreeing to let us turn the tables.

Paul: Are we not saying hello to Marcus?

Keir: Oh sorry, hello Marcus!

Paul: He’s refusing to talk now!

Marcus: Hello!

Keir: So we’ll ease you guys in gently, first of all to you Paul, obviously now your company has grown big and strong and you’ve moved on really from being a web designer / builder…

Marcus: I want to see where this is going!

Paul: You’re going to ask me what my is aren’t you?!

Keir: No! I’m not going to ask that I’m just going to ask do you miss doing that, being hands on, that sort of thing?

Paul: I have moments of it, yeah. Because I’m somebody who has a short attention span, and I like skipping from thing to thing, I felt like I’d reached a point where when I was designing, all my designs were looking the same. Which was an indication that…

Keir: I think Marcus is nodding for some reason Paul..!

Paul: That my designs all look the same?! So that to me was the part where I had to start moving on and doing different things. But no, I dabble still, I do Boagworld, I do Headscape, but yeah, I do miss it sometimes.

Headscape website

Keir: On the same subject, do you find it hard to relinquish that control at all?

Marcus: No!

Paul: (Laughs) No! Not at all!

Marcus: Sorry I was answering for Paul!

Paul: And I think you’re correct! No, I have certain standards that I think we should keep to as a company in terms of quality of code, that kind of thing. But the guys at are very good. So it’s often semantic arguments that we have rather than anything of value! In terms of I have to battle against the fact that I have personal preferences in that I have a design style…you have a design style. When you’re working with a designer, not everybody at Headscape produces design that is in line with my personal aesthetic, and it should be that way because you want a broad range of stuff, but sometimes I struggle to recognise that this is a good piece of design, it’s just not what I like.

Keir: Is there not a Headscape aesthetic, a little bit?

Paul: I think there is to some degree, we pretend there isn’t and we tell our clients there isn’t, but I think there probably is, and I think that’s largely come about (a) because of my own personal bias, but (b) because of the type of clients we work with. With the majority of clients we work with we would be laughed out of the room if we did the kind of stuff you do.

Marcus: That’s a bit harsh! Bloody Hell!

Paul: I’m not saying its bad! It’s great design!

Keir: I think a nice big pumping heart on the homepage of Headscape? That would go down a treat Paul!

Paul: And I know that Mike can do that kind of design.

Marcus: We’ve been talking Mike up a lot lately.

Paul: I know!

Marcus: We’ll have to start interviewing you now!

Keir: Right, back to the questions!

Marcus: As an for the guys at Headscape to maybe go down a different route, and your work is very inspirational from that point of view. They all say ‘Ooo Yeah, we like a bit of that!’

Keir: That’s nice to know!

Paul: They need to have opportunities to break out from the constraints and the boxes that they’re put in because of the type of clients that we work for.

Keir: So that raises an interesting question, how do you deal with that internally when someone comes and the brief maybe doesn’t quite need a new avenue to go down – how do you hold a designer back from experimenting, do you suggest other outlets internally?

Paul: To be entirely frank with you, our problem at the moment is the other way round, that our designers self-censor themselves, because they work on so many of these kinds of sites, and they predict what the client is going to say and so hold back sometimes.

Keir: And are they normally right or is there room for expression?

Paul: Yeah, they are normally right, but that’s not the point. I see it as our job to push the client. I mean there’s a classic example, I won’t name the client but there was one recently that said they wanted something ‘different’ and ‘radical’ and so we said ‘are you sure?’, and then we did all this cool stuff for them and then they said ‘could we tone it back?’ and so I turned round and said ‘you wanted something radical?’ to which they responded ‘Yeah, we didn’t really did we?!’ (Laughs)

Keir: So what do you see as the hot topics, or is there anything in the web world right now that really excites you? Or even you Marcus?

Paul: (Pauses, sighs) No. No!

Marcus: I’m much more business oriented, so things that excite me are…

Paul: Spreadsheets?!

Marcus: No, no… God no! Because we’ve been doing this for a long time, and we were never the sort of people to say ‘in five years time we’d like to be there’ but then suddenly we find ‘Oh, we’re there!’, so then you find yourself saying ‘What now then?’ and so I’m more interested in what the new thing would be. Because I’m not a designer, I’m not a developer, so I don’t really feel it’s my job to get enthused about anything in particular, for example. I’m like, ‘great, cool!’ Paul is much better placed to answer that question as it’s not my specialism. My specialism in this world, if I have one, is talking to people who have websites about what their website could do for them, and so to a certain extent I need to be informed, but he does that for me.

Boagworld Podcast Live

Image Source

Keir: So how do you split your work for a new client? I contact Headscape for whatever reason, we agree to meet, I give you a brief outline of what my requirements are, would I speak to you (Marcus) and what sort of stuff would you want to get out of me and then would you hand over to Paul or the Project Managers?

Marcus: It varies. If it was a really big project I’d say to someone on the phone…

Keir: Give it to someone else!

Marcus: (Emphatically) No! No! Rather than have a lengthy chat on the phone I’d say I’ll come and meet you, and it would usually just be me at that point. And for virtually all projects people will come to us with a ‘We want to do something’, not a ‘We’ve heard you guys are quite good, what can you do for us?’ 99% of the time people have a pretty specific idea that they want us to do x, y or z, so I’ll go along and talk about that, and question why they might want to do that – that’s really the big part of it actually. Why do you want to do that? How’s that going to help you? Is it going to make you more money, is it going to make people who come to your site happier?

Keir: So very much from the business angle, the benefits of having a web presence or what expanding it will do for their own business? Bottom line stuff really?

Marcus: Yeah, to a certain extent, but also that’s the kind of nice client who comes to us. Quite often what we’re doing is responding to invitations to tender, and then it’s case of a brief will come through and we will respond usually with a phone call and questions – what do you mean by this and this and this, are you sure you want to be doing that. We’ll respond with a proposal and hopefully we’ll be invited back to talk to these people, at which point I’ll wheel him out (Paul!) and he’ll enthuse at them for half an hour!

Paul: It takes me a while to latch on to the part of the project that excites me, because if you go into a pitch not excited about the project, you ain’t gonna win it.

Keir: Sure.

Paul: But once you’ve indentified that thing in it that really grabs you and you want to do then I’m away and it’s great. So I mean, I tend to go in at the pitch stage and I give the big presentation. Then we normally, if we win it, at the beginning part of the project is where I flesh out that stuff that I was enthusing about, so where we really develop and set the direction of it. I talk the client through the process, help them to focus the vision, and that’s done in conjunction with the team, the developer, project manager, designer, all the rest of it. Once that process has been done I step back and the project manager runs with the project.

Marcus: That’s the big bit out that I do. Requirements, information architecture, stakeholder interviews, all that stuff, and then I’ll step away from it usually. Then project managers, designers and developers get on and build it.

Paul: Periodically through the project I keep my eye on it to make sure that that vision that was created at the start of the project hasn’t been lost at any stage.

Keir: Just quickly because I’m really keen to know, there’s a lot of talk in the internet about, and I hate the term, spec work. Mark and I have talked about this a lot. I’m of the opinion that doing a tender or response to a proposal could be deemed as doing spec work in some respects because by the definition you’re doing work – how much time or value and what’s the end product of that…

Marcus: Shall I tell you how I define it? I as a sales person, and I do information architecture as well and that is all paid work, but at least 50% of my role is as a sales person and sales people don’t get paid by clients.

Paul: They’re a cost of sale.

Marcus: So if it’s work that I’m doing then it’s fine, if I have to get a designer to do work as part of that document, then I don’t think that’s right

Paul: Because those are chargeable people, I’m a chargeable person.

Keir: We know that Paul!

Paul: The most that Marcus would require of me would be to bounce some ideas around in the proposal stage. The pitch obviously is free; we would go up and do that. But the way that I view it actually is that spec work in my opinion is work that you give to a client that could potentially be used in the actual project. So our proposal documents aren’t spec work….feel free to disagree

Keir: No, it’s interesting because you make it sound like you go to a pitch with nothing?

Marcus: Correct. We don’t pitch any graphics ever.

Paul: No. Never. Never any graphics.

Keir: OK, so how much work would you say goes into a pitch?

Paul: Into the pitch itself?

Keir: Not the actual time of the pitch.

Paul: OK, preparing for the pitch, well the proposal, a lot of work goes into that.

Marcus: At least a day. Usually two.

Paul: Because that, with the type of work that we do, there’s quite a lot of boilerplate in it, ‘We’re Headscape this is what we do’ but with large public sector organisations that we tender for they want to know a lot of detail like financial history, they want to know the name of your third child, but it’s not a document that necessarily contains lots of ideas.

Marcus: A good way to think about the process is – we’ve won the work, and the process usually starts off with him analysing the existing website, the brief they’ve got, talking ideas, he’ll make a bunch of recommendations out of his own mind as it were. I’ll then test that on a load of stakeholders via one to one interviews. Based on that we’ll then put together a report which pulls all that together. Then we’ll do information architecture, then we’ll do mood boards that will kick in to the actual design. And that’s a load of work that I’ve just described. If we value giving designs up front then all of that is pointless.

Paul: It’s the fact that before you make a recommendation to the client, either in terms of visuals or in terms of the direction or vision of the site, you need to understand the client, you need to understand the business and the objectives. You never get all of that from a brief. It doesn’t matter how thorough they think the brief is. So therefore our proposals are very detailed responses to the brief that has been provided. But oftentimes that not what we’ll end up delivering. Often we’ll win the work, do a lot of research work and then turn round to them and say ‘Actually what you asked for out of the gate was this, and that’s not the right thing, we need to be going in this direction.’ So the proposal document only really exists to establish our credibility and to get us to the point of actually winning the work. There’s not loads of stuff in that proposal that they could take and say ‘A-ha’ I really like these ideas I’m going to take these and go with another agency. It’s not that type of document, but with a piece of speculative design they could do that, they could say ‘A-ha’ I really like this bit of design, I’m going to take this and give it someone who is cheaper.

Marcus: To finally nail this point to the table! We see proposals and pitches, the proper response from us is to basically tell our prospective clients that we can do a really good job, and give them lots of reasons why. We think your project might be really similar to the one we did for this client. Look at all the work we did on this and this was the process we went through, with lots of pictures of what we did for that client, but no actual ‘ We might be able to do something that looks a bit like this for you.’

Keir: That’s a historical thing though because you’ve got a canon of work, you’ve got heritage. What would your advice be to young people up and coming, 18, 19 20 years of age when you’ve not got that canon, you’ve not got that history?

Paul: I would encourage them to actually do some voluntary work.

Keir: Build up the portfolio

Paul: Yeah.

Marcus: It’s the same when you’re looking for a job, we want to see your portfolio, what you’ve done before and we think clients are the same.

Paul: My attitude is, let’s take a piece of speculative design work is going to cost two days of a designers time – I’m just plucking random figures out of the air here – but you could spend two days doing speculative design work for some dodgy guy who says ‘If you do some speculative design work you’ll win the business’ – and let’s be honest, these are the kind of guys you are going to be working for when you start out – screw that for a game of soldiers, he’s just trying to get one over on you. I’d prefer to spend to the two days working for a local charity that have got no money but a really worthy cause, give them a great design that they can take away and build or do what they want with, and then I’ve got a good portfolio piece.

Marcus: That said, we used to do designs up front. We were shooting ourselves in the foot doing it.

Keir: Before we move on, I think the one thing that struck me was of your comments, and I think it was in response to a particular post was that spec design work was actually bad for the client, more than it is for the designer which is quite a unique perspective

Paul: I was reading some of my stuff over that because I think we have a rock solid argument. I won’t go through the whole argument now because there are other things to talk about but basically it boils down to the fact that as a designer or developer you are not well enough informed at the spec stage to produce anything other than a piece of show-off work – so all you are doing is going ‘Taa Daa!!’ look how talented we are! You are not solving any problems, you are not challenging their brief, you are literally just doing a bit of fancy work. And the reality is that if you are the client you are paying for it anyway, because we have to roll the cost of sale into the project. But here’s the killer. You’re not just paying for the piece of speculative work I’ve done for you, but you’re also paying for the speculative work I did for ‘Mike’ who turned us down., because we still have to recover the cost of time we spent doing Mike’s piece of work. So the reality is your paying for your own speculative piece of work and for other people’s speculative piece of work! Sorry, I’m pointing aggressively!

Paul Boag speaking at Future of Web Design

Keir: I’m retracting quickly!

Marcus: I’m gonna get him a box to stand on!

Paul: But I get really annoyed about it and really passionate about it. I would never hire a company that does speculative design work because I’m paying for other people’s design work! It doesn’t make sense!

Keir: Moving swiftly on! (laughs) Going back to the original question! So there’s nothing exciting going on in the world of web?

Paul: Sorry, I’m very aware we’ve gone off on a tangent! There are two levels of excitement. There’s the Silicon Valley, web app type of excitement that everybody features. The cutting-edge, we’re-some-fancy-agency-startup-with-lots-of-venture-capital. And then you go to a and there are large companies that are ‘dealing with scalability with over a million hits!’, and you think to yourself ‘very interesting, but no kind of impact on my life’ – but over time that sort of cool stuff tends to trickle down, and I get excited at the next tier down. I get excited when I start to see some of that really cool stuff that maybe is old hat now, that everybody was talking about a year ago or maybe two years ago, when I start seeing that appearing on average websites. Websites that the vast majority of us are working on.

Keir: Can you give an example of something that has done that for you recently?

Paul: Just this whole web application culture of Javascript driven, application-like / desktop-like, because for such a long time that was only for things like Gmail and Google Maps and stuff like that, but now that’s all trickling down and you’re starting to see rich internet applications in boring everyday sites, whether it be a university site or you know, Sussex Police! Anna was telling me about a Police website where is you hear a police helicopter flying over you at night you can look it up the next day and find out why it was there and what it was doing! And all of those Web 2.0 things about openness and transparency as well as some of the technology stuff like AJAX, all of that stuff is now becoming mainstream. And I get excited when fringe stuff becomes mainstream, and the bigger community of developers outside of ‘The Valley’ all start doing it. That’s why I get excited about the web, and that’s why I get excited about stuff that everybody else was excited about a year or two years ago!

Mike: We wanted to move on to the subject of . As a company I believe you don’t blog?

Paul: Not as a company no.

Mike: So you blog as Boagworld, but recently we’ve been intrigued to see you’ve been blogging more personally on Posterous so really we’re trying to work out, is Boagworld purely on the education side and those on your micro-blog are more personal? We were particularly struck by one article – what was the title? ‘The Idea of Personal Brands Stinks’, you use AudioBoo, you have a lot of outlets, how do you decide what goes where?

Paul: You’re making a fundamental mistake here!

Paul: I make many Paul!

Paul: The fundamental mistake you’re making is that you’re presuming that I have a ! Which I really really don’t!

Mike: The question should have been, what do you get out of blogging professionally and personally?

Paul: I’ve never been so professionally interviewed!

Keir: Apparently Anna can cut stuff out! It’s apparent that you might get work out of your blogging, I don’t know, but you obviously get more out of it than just that?

Paul: OK! Let me see if I can find a question in there somewhere!

Keir: We don’t do this for a living you know!

Paul: There’s a few things to comment on. First of all, without a doubt, blogging is a major tool for Headscape. The vast majority of our new business comes in via that. It is definitely and categorically a business tool. But it didn’t start out that way. When I started out blogging, it was a little bit of ego – we went to @media 2005 and they got different bloggers to stand up and I thought ‘I want to be like that!’ so I get very inspired and I started blogging partly because of that. But I quickly realised no-one was interested in what I was writing at the time so the blog for me became this place where I could take what I was learning and picking up and rationalise it in a way that made sense to me. So it became a way of me wrapping me head around everything that was going on. It was also a way for me to be storing and holding the stuff I was learning because my memory is horrendous and to this day I find myself saying ‘I’m sure I’ve written something on that’ and I go onto my blog and it’s a way for me to remember. I know it sounds stupid but I really do this, and so I’ll read through my blog and say ‘OK, so that’s what I’m supposed to think about this!’ But it really helps to clarify my thinking – so that was a big part of it. But Boagworld, the domain was bought and I thought I’d write a bit about web design, it was my personal website, and as I wrote more about web design as my head was buzzing with that at the time as this was the time of Web Standards and we were getting into . And then other people started to take an interest in it and it grew and grew – and then we started the podcast which really came out of the fact that (a) I’d got an iPod for Christmas that was just about beginning to podcasts, and so I looked for a web design one and there wasn’t one so I thought ‘I’ll do that’ because it’s easier than writing one and I’m crap at writing.

Marcus: (Shyly) Hello, it’s Paul, this is the first ever podcast!

Paul: (Laughs) Which is pretty much what it sounded like!!! It’s like stepping back in time listening to those early ones.

Keir: How long ago was that Paul?

Paul: 2005/2006? I’ll have to have a look. No, it must have been 2005. It was growing, it was building momentum until it eventually became this thing of it’s own. It was beginning to have marketing benefits and I was beginning to spend some of my work time doing this. So relatively recently I came to this realisation that Headscape had robbed me of my blog! Which I’m quite happy with as it’s turned into this great marketing tool which is fun to do and I love it. But I had nowhere to share, I dunno, a silly of James or some cool thing that was nothing to do with web design or whatever else. So that’s where Posterous came from. It was just an easy way for me to talk about something that wasn’t web design. Occasionally bits of web design get in there – I’ll tell you my dirty little secret for this one, which is that often, if there’s an idea I’ve had, I’m too lazy to write a blog post about it, I’ll record a video. But I won’t put the video onto Boagworld as there’s an expectation that I’ll have a transcript of it to make it accessible, and so I just put it on Posterous to get around it which is really naughty and I should be ashamed of myself! But I do occasionally do that. But most of the time Posterous is just about me having fun. Then you get into things like AudioBoo – AudioBoo is my idea of micro-podcasting, like is micro-blogging. So it’s little snippets of tips and advice. So, how do I decide what goes on where?

Keir: You’re interviewing yourself now!

Mike: Let’s go and get some coffee! Marcus?

Paul: So basically, if it’s not good enough and not long enough to be a blog post, it’ll become and AudioBoo, that’s if it’s about web design. If it’s about web design and it’s too long for an AudioBoo, it’ll become a blog post. If it’s not about web design, it’s Posterous.

Keir: So you do have a strategy!?

Paul: But where it falls down is where I’ll do a little AudioBoo about something which is the beginning of a thought, then it ends up as a blog post and then it ends up on the podcast as well. So it kind of ripples through.

Keir: That’s cool – it’s interesting to know all that but what I’d personally like to know is what makes you want to share such personal stuff sometimes? I know you’re a Christian and you talk about God, but you also talk about some other personal stuff sometimes too? What is it in you that makes you want to do that?

Paul: I think it’s two things. It’s two major parts of my personality. One is that I am a massive extravert, I’m a massive show-off – I’m never happier than when I’ve got a massive audience. To be entirely frank, you know!

Keir: Had anyone spotted that?!

Paul: Unlike Marcus I can’t sing or play a musical instrument! The best I can do is jump up and down, wave my hands in the air and say ‘Look at Me!’ So there’s that aspect to it. I think there’s another aspect to it. Somebody said to me right when I was a young kid, they said Paul, the thing about you is that you live with your heart on your sleeve, what you see is what you get. And I still think I’m like that now. I’m a very open person. If I’m grumpy everyone knows I’m grumpy, if I’m happy everybody knows I’m happy. I live my life in the open and always have. So I do that online, because I’m not a different person online than I am offline, and I know a lot of people are, but I don’t choose to be that.

Keir: Thanks Paul, that’s a nice explanation.

Mike: OK, one of the questions we have is about honesty and speaking and blogging. Do you ever…

Paul: I make up stuff all the time!

Mike: But it’s very hard I think to always be honest, in all spheres of life. Do you feel you are always as honest as you are?

Paul: Does this go back to the conversation we were having previously Mike?

Mike: It does yeah.

Paul: Because we had this conversation, me and Mike about when you stand on the stage, and sometimes you get off after a presentation and sometimes you go ‘Why did I say that?’ and you think, ‘I said that because I think that’s what people expected me to say’ rather than what I was actually thinking. I mean you gave the example about where you gave a talk about sketching where you said ‘Get away from your computer and start sketching’ when that’s not actually what he does. (Laughs) Well it was either a case of share an example where I had done that and I would rather humiliate you than me!

Mike: Yeah, I wanna reverse that! Anna can apparently cut things out.

Paul: No, no, no editing. We tell people that but it’s a lie! And I’ve done similar things, I’ll be honest. For me where the line comes with honesty is, I don’t think there’s anything wrong with saying ‘I think this is the way it should be’ – but where you fall down and it gets a bit shady is where you say ‘I think this is the way it should be’ but fail to mention that you’re actually there yet, we’re heading in that direction. And I’ve made that mistake too. But I do try and be transparently honest – I don’t try and dress up anything that I talk about, and in fact I’m probably a bit self-deprecating actually. Actually I think a lot of people think I’m a bit of a joker and a bit of a moron. But I do like to simplify things and I do like to take the mystery out of things – I think there are a lot of people, and this goes back to our conversation, I think there are a lot of people making out like their job is a lot fancier, a lot harder than it actually is – and we do like to justify our own existence by using lots of clever words., and having ‘processes’ and ‘methodologies’ and ’systems.’

Mike: Cool, thanks, that’s interesting. So coming on to status, how important do you think status is in the industry?

Paul: OK, well I’m glad you worded that question the way you did, as I was worried that you were going to word it ‘How important is status is to you?’, and you’d purposely put the question of honesty beforehand! (Laughs)

Keir: We were going to ask ‘How big is your ego?’ but then we’ve scribbled that out! But this also comes off the back of your article about personal branding; the idea of web celebrity, a lot of people would refer to you as one of those.

Paul: I’m going to be entirely honest about this right – which I don’t think a lot of people are. Yes, I love it.

All: (Laughs)

Paul: Of course I love it! Of course you’re going to love it when someone comes up to you and says ‘You’re Paul Boag aren’t you, I really love what you do!’ and anyone who pretends that they don’t like being praised is a liar.

Marcus: I’ve got quite a funny story actually. I went to the Comedy Store in Leicester Square last Friday evening, and we got there and sat in our seats, and there was this young couple, both of them in their early twenties came and sat down next to us for the first half. And I kept seeing this guy look at me, and I thought ‘He’s recognised me!’

All: (Laughs)

Marcus: Nothing was said! Interval comes, I get another beer and sit back down. And he said, ‘I think I know who you are’ and I was like…you’ve got it wrong!

Keir: You’re Paul Boag!

Marcus: But supporting what Paul’s saying, I get recognised at conferences. ‘Say something’ that’s what they always say.

Paul: Yeah!

Marcus: Especially Americans!

Marcus: So I said to one guy, ‘You’re a web designer are you?’ and he said ‘No, I think my Mum’s got one of your records!’

All: (Laughs)

Marcus: It’s gone full circle now. If it’s someone young I expect them to recognise me from the podcast.

Mike: Didn’t your daughter’s friend come up and say she knew you from the podcast?

Marcus: Yes, yes, it still amazes me, because I just pitch up once a week and try and make it look stupid!

Keir: What band were you in again?

Marcus: A band called ‘Breathe’

Keir: And now it’s ‘Stroke the Toad?’

Marcus: Now it’s Stroke the Toad.

Paul: Yeah, to say you don’t like that, I mean, I was at Thorpe Park recently with my youth group and we were queuing up and some guy came up to me and said ‘Are you Paul Boag?!’ and my youth group were wetting themselves, they thought it was hilarious! And yeah I like it, course I do! And people are really kind, they’re really nice about it – but you gotta keep it in perspective right? You know, I’m a niche of a niche of a niche of a niche. I might aspire to be Leo Laporte, and Leo Laporte might aspire to be a daytime TV presenter who aspires to be I dunno, a mainstream TV presenter who aspires to be a film thing and so it goes on. And it’s the whole premise – and I reject the premise – but it’s the premise that because you’re well known, and because a lot of people have heard of you, that in some way your life is of more value. And I think that’s the point I was trying to get across in the personal branding thing. There’s this friend of mine I grew up with who got married to this Indian guy, and she works out in India – we actually raised money for her on the podcast over Christmas – and runs an orphanage out there with a couple of hundred kids who have had their lives ruined. She does more good in a single day than I will do in my lifetime. And OK no-one knows about here, and no-one is interested in her, and I get people come up to me on the Tube?? And that’s ridiculous to me! And that’s what made me angry and that’s what made me want to do that post. And then it all gets out of proportion and it all gets silly. Where in our culture – sorry this is all getting a bit heavy! – where in our culture did we get to a point where Kevin Rose can’t stand in a blimmin’ party without being mobbed by people? You know, that’s weird? There’s something screwed up there.

Marcus: That’s not weird? That’s normal?!

Keir: I guess celebrity is changing? When I grew up fame was the pop stars, the rock stars and now you’ve got tech celebrities.

Marcus: If they had a rock star in that room they would get even more mobbed, but it still happens.

Paul: Just because it’s normal doesn’t make it not weird. Just because it’s been going on for a hundred years, doesn’t make it not weird.

Marcus: I’d say it’s human nature.

Paul: Yeah, and I’m saying human nature sucks!

Marcus: Well deal with it!

Keir: OK, so it has some benefits to you, but it is important?

Paul: In the industry?

Marcus: I’ve been thinking about this. Who’s the most famous web celeb? Zeldman maybe? People with big web projects and big budgets go to Happy Cog because of Zeldman’s celebrity. Not only that – he wouldn’t be famous if he didn’t know his stuff and talked well etc etc.

Paul: The sad fact is there are designers and developers and agencies out there that are as good as Happy Cog.

Marcus: Course there are.

Paul: And there are certainly ones that are better than us. But they don’t get the exposure because they are introverted people. It makes me sad but that’s the reality.

Keir: You actually said the other day in your video…

Paul: Oh don’t quote me back! I’m going to have to contradict myself!

Keir: You said the other day that you could be introverted and be just as successful.

Paul: Yeah, I think you can, but in a different way.

Marcus: What, in a non-successful way?! You can be as good a designer, as good a developer without being famous, but if you’re trying to win business using the Zeldman / Happy Cog argument then you’re going to be a lot better off if you’re somebody who’s known.

Paul: Yeah, but you could still be known and be an introvert. It’s indentifying the methods by which you’re known. For example, Rachel Andrew. Until relatively recently she didn’t do a huge amount of public speaking, and even now doesn’t do massive amounts. But she’s written book after book after book after book. She’s known for that writing and that has given her the profile. You could be an introvert and blog, and have one of the best blogs in the world. You could be submitting gorgeous designs to galleries and be winning work that way. So it doesn’t need to be by being mouthy and extrovert.

Keir: The funny thing is there are agencies out there that are as good as each other – some might win work because of their public persona, and then there are those who win work because they constantly put out a really high standard of work.

Marcus: There are others that might win work because they have a really pushy salesman! It’s just another way of marketing yourself or your company.

Paul: To be honest, look at yourself Mike. OK, you’ve done a couple of speaking slots, but you haven’t spoken a huge amount. But your work has been picked up by people, and people have gone ‘Wow, I really like that’ and that’s spread virally without you jumping up and down like I do going ‘Look at Me!’ So it’s perfectly possible, it’s just a different way of doing it.

Keir: Another question that’s worth asking is that a lot of people have become well down for their niche – recently you’ve been talking a lot about educating clients, Mike has talked a lot about creativity and where he gets ideas from., they tend to be offline. Andy Clarke talks a lot about progressive CSS, CSS3 that sort of thing, for someone who is looking to get their face known in the industry is that something they should do? Find something they’re really interested in and just push it out?

Paul: Absolutely. I remember much nearer the beginning I’d built up a popular podcast that a lot of people listened to and were passionate about. But I couldn’t get speaking opportunities. And I think it was Ryan actually, who was honest enough to talk to me about it and it was his response that was ‘I don’t know what it is that you do?’ – a lot of people don’t know what it is I do! But

Keir: That’s a whole other interview Paul!

Paul: He didn’t know what box to put me in. People like putting other people in boxes.

Mike: It makes picking speakers easy to be honest.

Paul: So you can go, ‘We need someone in this slot who’s going to talk about business’ or ‘development’ or whatever else. I packaged myself very specifically for conferences and speaker opportunities, I will talk about this kind of stuff. Once you’ve done it once, that’s it. But, the problem is you can’t do that forever. You need to re-invent yourself. Jeremy Keith is very good at that. He started off as the DOM scripting guy, then he became the microformats guy, now he’s the HTML5 guy. He knows how to move from thing to thing. He would say that his interests change and he moves on, it might be, it might be a totally subconscious thing, but it’s a damn clever thing, however you slice it.

Marcus: I would argue that this applies to life, not just web design. I’ve got quite big kids now, and I’ve been saying to them for years now relating this to subjects that they are studying, do what you like doing, not what you think you ought to be doing. It applies across the board. If you can do something well, you are going to enjoy doing it.

Keir: Yeah, that will come out when you speak about it, in the .

Paul: OK?! Finished with us?!

Marcus: You’ve got a whole podcast here! At least 45 minutes!

Paul: OK, well thanks very much for listening to Boagworld, we’ll see you again next week!

Keir: Thanks a lot!

Thanks goes to Andy Wickes for transcribing this interview.

Shopify

This interview is brought to you by Shopify. Shopify is an ecommerce solutions made by designers, for designers. For more information visit shopify.com/boagworld.

Similar Posts:

Web Design News 23/03/10

Posted on March 24th, 2010 in Web Design | Comments Off

post thumbnail

Webdesigner Depot website

The web is brought to you by Webdesigner Depot. Webdesigner Depot is a popular web design covering tutorials, design trends, and inspirational posts. You can visit WDD at webdesignerdepot.com and follow WDD on @designerdepot.

Subscribe to Boagworld Bitesize

Microsoft reveal 9

The big news of the week is Microsoft giving us a glimpse of at the MIX conference. This has been followed up with more details on the IEblog and the release of the IE9 Platform Preview.

The focus of the new browser seems to be on performance, standards and improved font rendering. All good news for web designers.

http://ie.microsoft.com/testdrive/

The response has been generally positive with Zeldman writing:

The reported web standards improvements are encouraging, and better type rendering in IE is a consummation much to be desired.

Roger Johansson was equally enthusiastic when he wrote:

I’m still amazed at how few IE8 problems related to 2.1 I have run into. If IE9 can deliver that level of support for HTML5, DOM, CSS3, and SVG… yay!

Unsurprisingly this announcements have further fanned the flame of anti-IE6 hatred. However, over at Sitepoint there is an interesting article that points out that we will never be happy with users choice of browser.

So will the end of IE6 make you, me, and everyone else happy? Ten years ago we were calling for Netscape 4 to die (if you thought IE6 was bad, NS4 would have appalled you!). IE6’s death may be imminent, but will we then start demonizing other browsers?

There is just no pleasing some people!

New web design

There is an interesting new web design blog on the block this week.

You might be asking why we need yet another web design blog? This is a perfectly valid question. However, Relpost is different.

As the site says…

Relpost diggs deep to bring you fresh content from the hottest web designers and the coolest blogs serving you juicy, related goodness.

In other words it hand picks some of the best web design posts out there and collates them into one handy place. Useful if you have given up on keeping on top of your RSS feeds.

Relpost

Another random resource I wanted to mention is Mark Boulton’s book “Designing for the Web.”

This book that provides an excellent introduction to good design has been around for a while. The reason I am mentioning it now is because it has just been re-released for free!

If you’re a designer, developer, or content producer, reading this book will enrich your website and plug the holes in your design knowledge.

I highly recommend it.

Visual hierarchy & weight explained

While on the subject of design principles can I suggest you check out two posts on 52 Weeks of UI. These posts tackle both visual hierarchy and visual weight, and are excellent reading for anybody interested in understanding better how design works.

The posts not only explain what hierarchy and weighting are but why they are important. For example when talking about hierarchy the author writes:

The best visual hierarchies lead to take the action confidently. They have a clear, obvious order in which to view and act on things, with the most important things first.

http://52weeksofux.com/post/443827835/visual-weight

These are actually great posts for non-designers because it explains the things designers do intuitively but can rarely explain well.

Bring to web design

If it was possible to have a single theme for a as diverse as , this year it would have been psychology. From Andy Budd’s talk on persuasive design to Stephen Anderson who looked at the art and science of seductive interaction, it was all about understanding what motivates users.

The one thing that grabbed my attention the most in Stephen Anderson’s talk was his ‘Mental Notes‘ cards.

Get Mental Notes

Although not currently available he did hand out preview packs to all attendees and they are truly awesome (as the american’s would say).

Each one of the 50 cards highlights some characteristic of human psychology. It then suggests ways you can use that characteristic to improve your website. For example…

Curiosity – When teased with a small bit of interesting information, people will want to know more!

This is the kind of tip that helps shape the design of your site.

There was a real feeling at SXSW that subjects like , accessibility and standards should be taken for granted. Instead the conference seemed to focus on nuances that take your website to the next level.

Webdesigner Depot website

The web design news is brought to you by Webdesigner Depot. Webdesigner Depot is a popular web design blog covering tutorials, design trends, blogging and inspirational posts. You can visit WDD at webdesignerdepot.com and follow WDD on Twitter @designerdepot.

Similar Posts:

Why I don’t get SEO

Posted on March 24th, 2010 in Web Design | Comments Off

post thumbnail

I like to think of myself as an intelligent guy. I have worked on the web since 1994 and like to stay informed. However, over that time I have never understood website owners’ obsession with .

Many organisations invest vast sums of money in SEO companies that promise to improve their rankings. Although SEO can make a difference, I am far from convinced it is the best way to spend your budget.

Below are five reasons why I have my doubts. My hope is that people can convince me I am wrong in the comments. We shall see.

A continual investment with no guarantees

The thing with SEO is that it is not a one-off cost like many believe. It is not just a matter of getting to be number one for your chosen keywords, its about staying there too. This involves an ongoing investment.

Also unlike pay-per-click (PPC) advertising there are no guarantees. There are SEO companies who guarantee you the top spot, but they are lying. You pay your SEO company in the hope they can improve your placement, but a good SEO company will not commit to how much.

It is a bit like buying a newspaper ad, but being given no guarantee as to what page it will appear on or how big the ad will be.

Classified ads in a newspaper

Image Source

At least with PPC you know how much you will pay and what you get in return.

You’re manipulating the system

My second concern is that essentially SEO is about playing the system. Google exists to connect its with the information they require. They have a sophisticated algorithm to do that. It is also an algorithm that is getting better all of the time.

SEO on the other hand is about creating as much exposure for your website as possible. They do this by guessing what the Google algorithm does and using that in your site’s favour.

The problem is that the algorithm is unknown to anybody other than Google and it changes all of the time.

Hacking Circuits

Image Source

To me it seems more sensible to work with Google’s known goal – to provide great content to its users, rather than trying to manipulate a system we do not fully understand.

Instead of spending money on SEO, spend it on producing better content that provides Google’s users with more value.

It can damage the user experience

I am not saying that SEO does not work. I am saying that it is not worth the cost. That cost is not just in terms of money spent on SEO. It is also in user experience.

I have worked with a number of SEO companies over the years (at the request of our clients) and it has always ended up damaging the user experience.

For example, SEO often leads to an excessive amount of copy, changes to the code order (that creates problems for screen readers) and keyword heavy navigation (which reduces scanability).

Example of keyword stuffing

SEO may increase the level of traffic to your site. However, it often undermines the conversion rate.

It is a passive form of marketing

It is not just SEO I have a problem with, it is the emphasis on engines.

Website owners seem obsessed with being ‘number one’ on Google. However, it is not a particularly effective method of marketing.

Search engines are passive because they require the searcher to have a pre-existing need for your product or service. On one hand this makes search more targeted because it only reaches people who are interested in your product. On the other, it does not allow you as a marketeer to create a need or raise the profile of a new brand or product.

Father and son sleeping on a counch

Image Source

When compared to social media or other forms of advertising, investing in SEO seems very passive.

It carries no weight

My final problem with SEO is that it lacks the weight of personal recommendation. By focusing on SEO you are merely shaping your site to cater for an algorithm. You are not making your website appeal to people.

Trying out http://www.flairbuilder.com on the recommendation from @boagworld

Instead, I would invest in making your site better for users and encouraging them to recommend it through social networks and linking. This puts the weight of personal recommendation behind your site and we all know that word of mouth is the most effective form of advertising.

Conclusions

Let me say it one more time – I am not questioning whether SEO works. However, it is my belief there are better ways of spending your money.

I believe investing in your users brings a substantially better return. It increases conversion, encourages word of mouth recommendation and ultimately improves your ranking through links back to your site.

My recommendation to clients is that we build their websites to be accessible to search engines but tailored towards users not search engines.

The question is – am I wrong in that advice, and if so why? Enlighten me in the comments.

Similar Posts:

Boagworld in Poetry

Posted on March 22nd, 2010 in Web Design | Comments Off

post thumbnail

I have to confess I am a bit ignorant when it comes to poetry. However, when tursiops sent me a poem about I couldn’t help but feel flattered.

So here it is, some culture and fun for a sunday afternoon…

The world of boag,
Is a world of two,
As well as a word of one,

Two country guys,
Hidden in their secret barn,

Too far from any living thing,
Though touching one’s heart,

They’re in two different worlds,
Which one’s your favorite?

The boag world’s one?
Where made up words freely roam.

The marcus world’s one?
Where terrible jokes lays?

Both worlds only open,
After the sacrifice,
Of the E done six times,

Like knight of the good,
They spread the good word,

To all those misbelievers,
They free them from ignorance,

Ô holy standards,
Ô holy compliance,

This is their mantra,
This is what they fight for,
Come join the fight!

Enter their world,
Share their fate,
And everything,
That is good in this world,
Should be yours,
For eternity and beyond,

Behold Paul and Marcus,
For their words are truth!

Pah! Who needs smashing magazine. They haven’t had a poem written about them ;-)

And in song too…

Also if you are new to the show you might not know that we have also had a song written about the show based on Marcus’ old hit ‘Hands to Heaven‘…

Similar Posts:

204. SXSW 2010

Posted on March 20th, 2010 in Web Design | Comments Off

post thumbnail

Download this show.

Launch our podcast player

– a unique experience

For me SXSW is a unique experience. Nothing is quite like it. In this post I ask why it is so special and look at how you can recreate the experience.

Read about SXSW 2010

Britt Selvitelle from talks about

Britt Selvitte from Twitter talks about enthusiasm, passion and just getting your web up and running.

Read the interview with Britt

Pain Free Signoff

Getting design sign off for a website can be a painful process for both the client and designer. In his SXSW presentation Paul shares his secrets to a pain free experience.

Watch my SXSW presentation

Similar Posts:

5 techniques and 10 tools for making blogging easier

Posted on March 20th, 2010 in Web Design | Comments Off

post thumbnail

We all know about the benefits of to our personal or corporate brand. Blogging can…

  • Establish ourselves as the expert
  • Allow us to engage with our
  • Encourage repeat traffic
  • Improve our engine visibility

The problem is that these benefits come at a cost – our time. Blogging can be time consuming especially if you want to regularly.

If you are determined not to let your blog fall by the wayside, it is important to have a process that is as painless as possible.

What follows are some valuable lessons and powerful I use to help me make blogging more cost effective.

1. Get organised

The first lesson of pain free blogging is to get organised. There are two ways you need to be organised:

  • In your blog idea generation
  • In your post scheduling

Capturing blog ideas

In ‘5 lists every website owner should keep‘ I warned how ideas for posts can strike at anytime and that you need to be prepared.

How you do this is entirely up to you. Personally I use a task management programme called Omnifocus that exists both on my iPhone and . This allows me to record ideas wherever I am. I can even mail myself ideas if I do not have my phone or mac with me.

Omnifocus

The secret is not so much in the you use, but in the ability to capture ideas anywhere and have a list you can draw upon when you blog.

An extra tip: When capturing ideas for a post try to write more than just the title. Also write down the key points of the post. This will make life easier when writing later.

Scheduling posts

As well as having a list of ideas you also need to organise the scheduling of your posts. It is important when blogging to do so regularly, so that users come to eagerly expect your next post.

The problem I had was that in most blogging systems it is hard to see what is released when.

Find a blogging tool with a calendar showing when posts are due to be released. This makes it easy to spot ‘the gaps’ that need to be fill.

In the screenshot below is Editorial Calendar a plugin for Wordpress that clearly shows what is being published when. It also allows you to drag and drop posts to easily organise their release.

Calendar Plugin for Wordpress

2. Find a good editor

My second tip for more streamlined blogging is to get yourself a good editor.

Generally speaking the built in editors for blogging platforms are poor.

Even those who do have a half decent editor (such as Wordpress) require a web connection to manage and edit posts effectively. This obviously limits when you can blog. For example, I am writing this while flying at 33,000 feet over the Atlantic, something that would be impossible with an online editor.

My editor of choice is Marsedit for the mac. I chose this editor because…

  • It is a desktop editor and so can work offline
  • It provides a real time preview of how my post will look when released
  • It gives control over everything from release dates to category and tagging
  • It can manage media such as images, and audio
  • It allows me to markup content using keyboard shortcuts
  • Its functionality is extendable through the use of scripts and plugins
  • It integrates with every type of blog. This means I can move blogging platform later.

Marsedit

Admittedly a lot of desktop editors provide these types of functionality. It is not really the application that matters, but rather the functionality that allows you to save time.

The biggest time saver in my opinion is the ability to quickly markup posts through keyboard shortcuts. For example, the list above was marked up in a single key press and links have been grabbed straight from safari (no typing at all).

3. Streamline sourcing and uploading images

Probably the most time consuming part of blogging is sourcing and publishing to your blog post. In fact it can be such a painful process that many bloggers give up entirely on using imagery.

Although I can understand this decision, imagery adds a lot to blog posts, increasing user dwell time and engagement.

Fortunately there are tools that help find, capture and upload imagery.

Finding imagery

Most bloggers cannot justify paying for stock imagery. Sure a quick Google Image search will provide you with thousands of images you could use. However, with no licensing information you could easily be breaking copyright.

The answer to this is Flickr because you can search based on licensing. There are millions of creative commons images available on Flickr. These can be used for free as long as you reference the original creator.

However, finding the right kind of images on Flickr is time consuming. That is why I use a program called View Finder. View Finder is a desktop application that allows you to quickly search for imagery that is creative commons. It also makes it easy to add these images to your blog along with the associated image credit.

Viewfinder

Capturing and uploading imagery

Of course in many cases you do not need a photograph. Instead all that is required is a screenshot (such as you can find throughout this post).

There are many tools that provide this functionality. However there are two applications I would like point out in particular.

The first is Skitch. Skitch is a free mac application that allows you to easily capture, resize and upload screenshots. It is by far the most streamlined application for getting imagery into your blog posts. Not only does it upload to your choice of location, it even provides HTML to copy and paste directly into your post.

Skitch

The only problem with Skitch is its annotation tools. If you want to add text, arrows or boxes to your screen capture then you have to endure their horrible styling.

Fortunately there is an alternative to Skitch for those times when annotation is required. Little Snapper has some beautifully styled tools including text boxes, arrows, highlight boxes and more.

LittleSnapper

The only downside of Little Snapper is resizing. You cannot manually resize in the application and then upload to the web. However, when annotations are required the slightly more convoluted process is worth it.

Increasingly adding imagery is not enough. Video is a great way of grabbing users attention and spicing up your blog.

4. Add some video

The problem with adding video is that it is time consuming and the applications are often expensive. Fortunately there is an application called Screenflow that is very reasonably priced and simple to use.

screenflow

Screenflow for the mac is capable of capturing desktop, webcam and audio. Combined with its ability to import external video this makes it the ideal blogging video tool.

Best of all the videos produced using Screenflow look amazingly professional. It has some superb transitions and allows you to do basic animation and effects.

Once you have your video the next question becomes hosting. There are certainly no shortage of options available many of which are free.

However, a word of warning – check their terms and conditions before uploading. Many assert rights over your videos while others like Vimeo only allow your video to be posted to sites free from advertising.

If you care about your video then a paid service like Vzaar maybe more appropriate. Performance is often superior and the player is more customisable. What is more they do not have draconian terms and conditions.

vzaar

An extra tip: When choosing a hosting provider check whether your videos will be available without flash. With devices such as the iPhone growing in popularity it is becoming increasingly important to offer a non flash version.

5. Spread the word and track

Finally, there is no point of having a great blog if nobody sees it.

Increasingly the main way of promoting a blog post is through and other social networks. However, when you are scheduling posts weeks in advance it is not always easy to remember to tweet about them.

That is why I use a plugin for Wordpress that automatically posts to Twitter when the article goes live. This takes the hassle out of monitoring your posts status. Once it has been scheduled you can forget about it.

Wordpress plugins

To be honest there are many more plugins I could mention here. That is one reason I like Wordpress so much. It has an amazing plugin community and you can find plugins to do everything from publish a podcast to twitter your posts.

Because social networking sites like Twitter and Facebook are so important, it is not enough to look at Google to see if a particular post is popular. You also need to see how many times the post is referenced by Facebook, Twitter, Digg and so on.

However, checking these sites manually is time consuming and almost impossible. That is where PostRank Analytics comes in.

PostRank

PostRank Analytics gives you a report on the effectiveness of each blog post. It looks at page views (pulled from Google Analytics) and mentions on social networks. It boils all of this data down into an engagement score rated from 1 to 10.

This is a great tool for tracking the popularity of your posts and identifying what kind of subject matter is popular.

How do you make blogging pain free?

So that is my 5 techniques and 10 tools. What about you? Are you a regular blogger? If so how do you streamline the process to make it less painful. I am always keen to hear other people’s tips and tricks so I can apply them to my own blogging.

Please share in the comments below.

Future of Web Design London

Paul Boag, the author of this post, is speaking at FOWD. Paul is speaking on 5 new skills every web designer needs to know and doing a on running a successful web business. Why not come and meet him? Book now!

Similar Posts:

SXSW a unique experience

Posted on March 18th, 2010 in Web Design | Comments Off

post thumbnail

Rosenfeld Media - Books and Webinars on UX

This post is brought to you by Rosenfeld Media. Rosenfeld Media publishes short, practical, and useful books and webinars on user experience . Their products exist to help web and other design professionals make informed design decisions.

Subscribe to Boagworld Bitesize

This is my fourth year at SXSW Interactive and it is without a doubt unlike any other . There is something special about it and I want to take a few moments to look at why it is unique and how you can recreate its benefits, even if you cannot attend in person.

Will you learn stuff? Probably not.

Like most web conferences is not primarily about learning stuff. If like us you read a lot online and follow many of the figures who speak at SXSW, then most of what you hear will not be new.

If all you want to do is learn, then there are quicker and cheaper ways of doing so.

Why go then?

If you are not necessarily going to learn a lot at SXSW, then why go?

Setting aside the warm weather, great steak and outrageous parties, there are still a lot of good reasons to attend.

An insight into how others work

There are lots of opportunities to see how others work. Whether it is in a panel or a conversation you have in a bar, there are endless insights into other people’s working practices.

This is incredibly important. There are not many other opportunities to see the wireframes of great designers or how top name agencies deal with difficult clients. Getting to peak behind the scenes of other people’s practices is extremely enlightening.

Time to dream

When was the last time you just sat and thought about your business and how it could be improved? When was the last time you chatted with somebody else about how you could do your better?

SXSW provides a unique opportunity to step out of day to day work and consider more strategic issues that are often overlooked. Its hard to dream dreams when overwhelmed by demanding clients and pressing deadlines.

Your clients might not like you going away for 5 days but in the long run they will thank you.

Because SXSW lasts longer than most conferences it gives you time to think and dream about your own business and websites. Combined with stimulating speakers this extra time is invaluable.

Time to talk and share

Of course this extra time is also valuable for meeting people too. It can be hard to make new friends over a 1 or 2 day conference but SXSW provides more opportunity.

These new acquaintances maybe valuable business partners or just somebody to bounce ideas around with. Whatever the case, meeting people is what makes SXSW so special.

Paul and Andy Budd talking

Being reassured

SXSW is also a great opportunity to be reassured about your own abilities. Sometimes the most satisfying talks are those that tell you what you already know. These prove to you that you are doing a good job.

Even better are the talks where other web designers admit their mistakes. I have also had many conversations in bars where I was relieved to discover others face the same challenges in their business that I do.

An opportunity to go deeper

Another great aspect about the sheer size and duration of SXSW is the ability to delve deeper into some issues. For example where other conferences have one talk on SXSW has many, all of which examine in detail one particular aspect of the subject.

SXSW has mainstream talks but it also has niche subjects too like designing for the middle east or the challenges of being black and a web designer.

You just don’t get this breadth and depth in other web conferences.

Be inspired

Finally, and most importantly, SXSW inspires you. Whether it is a talk that rekindles your love for a subject or a passionate conversation over steak, you will go away excited.

It is easy to become demoralised and overwhelmed by daily grind. SXSW renews your enthusiasm for the you have chosen.

But I cannot go to Austin!

You might be reading this and feeling completely demoralised. For you, there maybe no chance of ever attending SXSW. If that is the case do not despair. Although SXSW is ‘awesome’ (as the american’s would say), there are other ways of capturing its benefits.

Why not try some of the following…

  • Attend meetups – Many of things I have listed above can be achieved just as well by attending local meetups. You will meet great people, get to exchange war stories and be reassured that you are doing things the right way.
  • Go on a retreat – Every once in a while go away for a weekend. Turn off your mobile phone and go somewhere with no web access. Spend the weekend reading books, watching videos and listening to podcasts on web design. Give yourself time to dream and think strategically without the distraction of everyday work.
  • Find a sounding board – At Headscape we are lucky to know the guys over at Clearleft. We often chat about how we run our companies, sharing experiences and techniques. Find somebody you can share with and exchange ideas.
  • Go to workshops – Although conferences are great, consider attending the occasional . These provide lots of opportunity for discussion, but also delve deeper into issues than a conference could.

Moving on from milk

This years SXSW has also encouraged us make some changes to .

Since the beginning of the show we have tried to make it accessible to all, even to those just starting out. We have kept things simple and focused on the basics like accessibility, usability and good design.

We feel that it is time to move on from this baby food to something a bit more substantial. We want to start pushing you and challenging you to move on to ’solid food’.

We are going to do this by delving deeper into subjects than we have done before. We are also going to share some of the processes we use at that allow us to work on large complex projects.

By doing so we hope to inspire and encourage you to stretch yourself and take your websites to the next level.

What about you?

So what about you? Would you like to attend SXSW? Have you been and what did you get out of it? If you cannot attend a massive conference like SXSW, what methods do you use to keep motivated and informed? We would love to hear in the comments.

Rosenfeld Media - Books and Webinars on UX

This post is brought to you by Rosenfeld Media. Rosenfeld Media publishes short, practical, and useful books and webinars on user experience design. Their products exist to help web and other design professionals make informed design decisions.

Similar Posts:

Britt Selvitelle from Twitter talks about passion

Posted on March 18th, 2010 in Web Design | Comments Off

post thumbnail

Webdesigner Depot website

This interview is brought to you by Webdesigner Depot. Webdesigner Depot is a popular web covering tutorials, design trends, and inspirational posts. You can visit WDD at webdesignerdepot.com and follow WDD on @designerdepot.

Subscribe to Boagworld Bitesize

Paul: So joining me is Britt Selvitelle from Twitter, good to have you on the show.

Britt: Thank you very much

Paul: I have just listened to your talk at the Future of Web Apps, which was excellent by the way, and just wanted to have a bit of chat with you about . Because that was the thing that really came across in your talk. You obviously started with this very melodramatic, on your knees “I love Software ” moment, which is always a good way to start when people have come in with hangovers.

Britt Selvitelle

Image Source

Marcus: I can honestly say I have never done that, gone down on one knee and said “I love software development”, ever.

Paul: Oh I thought you meant just generally speaking. I hope you did when you proposed.

Marcus: Yeah, maybe once or twice after a heavy session

Paul: “I love Alcohol”, “I love everything”

Britt: It is really is something I remember from years ago at school a professor of mine got down on his knees and spread his arms to the whole classroom of college students and said “I love Algorhythms!” and it really stuck in my mind.

Marcus: I wonder how many teachers are like that.

Britt: I know it was fantastic. He made such a great impression on me and I think that I would like more people to proclaim their excitement for creating these innovative bits of software.

Paul: Yeah and you gave us a quote as well which was really interesting, just tell us about that.

Britt: Yeah, Lars was one of the two authors behind Google Wave, which is of course getting huge amounts of press right now. And he said “I have been accused of being pathologically optimistic about it (google wave)” and that quote really struck home with me because, how funny or ridiculous it that being optimistic has actually become a derogatory term to people and something that people consider as being a jab.

Lars

Image Source

Paul: But that should be the ultimate compliment in a way.

Britt: of course.

Marcus: Sorry, if you are born as English person then that is just normal. We are all cynical and pessimistic people, although I am not personally…

Paul: But most English people are. You have this American dream thing going on.

Britt: Well y’know, I tell you in software development and in general there’s this fear of being overly optimistic because people have dealines and they don’t wanna promise too much because they will miss their deadlines but you have to have deadlines and you have to have structure. But the kind of energy about not being creative and excited about what you are doing is really stifling to people.

Paul: Yeah, that is what drives you and motivates you. If you don’t believe in what you are doing then it is going to be a .

Britt: Exactly and I think a lot people end up not doing the thing, like they have an idea for the start up and they do one, and people accuse them of failing, then they do another and it doesn’t really work out, and they have this third idea, and maybe that is the idea that is really brilliant

Paul: Actually it was interesting in another interview where I gave this quote where Churchill talk about success is ‘going from failure to failure, with no loss of enthusiasm’

Britt: Yeah, absolutely. I couldn’t agree more.

Paul: And it doesn’t just apply to start-ups and things like that. A lot of the people that listen to this show are in-house developers in some corporate entity somewhere. And so often when we go in to companies and start working with them their in-house teams are ground down by politics and stuff like that and they need to re-kindle that enthusiasm.

Britt: Yeah, and I actually have a suggestion on that, something that works well for us is we currently work with a company called Pivotal Labs. And there are some contractors that are friends of ours who are really fantastic developers and of course twitters code base has been around since mid-2006. And so there is definitely some legacy, like when there is a new person they are pairing with they are always apologising, “I am sorry about this code, it is so terrible” and what’s really fantastic is when that new person (young blood energy) and say to the jaded person that has been looking at this code for three years and say “Chipper up little fella”, instead of grumbling about it, lets take thirty minutes or an hour out of our day, write some new tests and clean it up and actually touch on little bits of the code so that it improves overall and after three months, that guy will be bitter and jaded, so you need some new excitement. And often we find by moving people around, this isn’t something we have totally solidified yet because we are still working on a lot of our processes, but by kind of having some motion in the company and people looking at different things you often get some of that excitement.

Paul: Yeah, the other thing that really came across from your talk was, almost giving people permission, not that you are gonna have crap legacy code. It was this idea that it doesn’t all need to be perfect out of the gate, just get it out there, get going and lets streamline it later. That kinda thing.

Britt: Yeh, a lot of people, Front-end development specifically, at a certain point has to scale, but it doesn’t matter when you are by yourself. When you are doing a small project then the best thing to do is, like it’s the same in software, in general some people are for and against Google Optimisation, I am very much against it, I think you should just do something and rock it out and then worry about optimising it if it takes off. With scaling your front-end development team, that is not something you have to do until you have five or six people. The problem with Front-end development is that the language that we use is so expressive that they allow people to write, not necessarily good or bad code, but different code. allows you to write in hundreds of different styles, but they are all different. So it is not until now that we are all writing guidelines for how you should architect the look and feel of your JavaScript code within Twitter. But if you are just starting something, do not worry about that, get it out there for people to use.

Paul: Because you can get bogged down in that kind of stuff and you lose the momentum and the enthusiasm again. We are back to the same subject again. And talking about the whole thing of enthusiasm you struck me as someone who gets inspired by other stuff you are seeing online and you talked about different places and different things. What is it that really inspires you and what is some of the stuff out there.

Britt: I can give you one really geeky example, I don’t know what the limit is either 8 or 10 pages of apps on your iPhone. I have them all full, I have downloaded more apps than anybody I know. And those are the ones I have got on my phone. I have got several hundred sitting on the computer at home. I download these things because the concept of the iPhone and the way the user interface is constrained such that you have to innovate. I download them and I don’t really use them after that, I just want to see how they have got around these kind of constraints. Because constrained development is fantastic. That’s what I love about Twitter, because 140 characters makes you really choose your words. I sometimes spend 30 minutes authoring a 140 character tweet.

Paul: Okay, that’s obsessive!

Marcus: Basically, you hit enter and then you do the next one.

Britt: I start with a paragraph and then I slowly wittle down, until I have that core function that I want to get across.

Paul: But it is funny because so many people grumble and moan about the constraints on them. “Oh, the client wants this”, ” the client wants that”, “I can’t do what I wanna do” but, actually those constraints can be inspiring as well.

Britt: Absolutely, they are really inspired and I have done consulting and like we did a start-up in Kentucky where we did consulting for contract work and I think those constraints are necessary because the person that you are dealing with in those sort of situations just doesn’t know what you are working with so putting these constraints on them early on is often a really successful tactic.

Paul: Share the Tweetie 2 example, because I really loved that.

Britt: That’s just fantastic. Lauren is brilliant and his Tweet 2 is in Beta right now and I am helping him Beta test it. He has got this one feature where you are composing a reply to somebody, often the reply takes up the entire screen of the iPhone you lose the context of the message. So if you are trying to reply to a specific bit of the message it is only 140 characters but still you might want to check what you are replying on. And on Twitter that is fine because you can just look at the page. So he has this thing where you literally drag down the edit box, you can see a of me doing this on the talk online, but if you drag down where you are typing it show in a de-emphasised form the tweet you are actually replying to. And then letting go it pops back up. It is something you really have to see to appreciate. It is an example of beautiful design and development that is what gets everybody at Twitter excited about what we do, creating these things.

Paul: You must find things people do with the Twitter amazingly inspiring, because some of them are wild aren’t they.

Britt: Crazy, how inappropriate can I be?

Paul: You can be inappropriate, we can always remove it.

Britt: Yeah so, at in 2007 somebody had made a dildo-couch that vibrated whenever you got a tweet. So you put in your user name and sat down and whenever you got tweeted the dildo vibrated and I was like “Oh my God, what have we created” , it’s fantastic but good Lord.

Paul: I was in South-by and I don’t remember that

Britt: and something like that is really important to us, not only because it is inspirational and it feels good to have all these things that are changing the world. I had a guy came up to me when I was in a Rails conf in Germany in 2007, and he came up to me in a bar afterwards and said “I just wanted ask permission, because I don’t know if you allow this. I am using Twitter to send AIDS medication reminders to my patients in South Africa.

Paul: That’s incredible!

Britt: and I was like, “do I mind?, I couldn’t imagine a better way to use something”

Marcus: So it’s not just inane banter.

Paul: No, and it’s not just inane banter and dildo’s.

Paul: …and that’s amazing isn’t it that you start off with this really simple little idea. Because on the surface 140 character, because you put an API behind it’s being used in all these unexpected ways that you could never have planned.

Twitter

Britt: and that’s a really good point because there are people now doing things that we could never have possible envisioned. I mean it would be ridiculously egotistical to think that we are going to come up with all the great ideas, or even a fraction. So, empowering other people and being able to feed off that and get back from those ideas!

Paul: On the subject of API’s on your talk you did talk about Alpha 1, the very first version you put out there, make sure it has an API. So, obviously you see it as a fundamental part of any decent web app.

Britt: I really do, and it something, that just came up last night when we were talking about API’s and I said “really it would be a shame to release an App, even the first release without an API” because, even if you release it and you don’t get adoption based on however you promoted it or something and then some other guy finds it and they’re like, this is what I have been waiting for my entire life. They can have access to that data and work with it and I really think that from day 1 it can define success or failure for that project. It is so easy with modern web-frameworks to toss in a basic API. It is worth the hour that you would delay the launch.

Paul: And that was the interesting thing about what you said, was that, y’know, it doesn’t need to be fancy full featured API, just do something basic, get that up and running,

Britt: It’s just amazing how people take twitter data. Even when we were small, everyday there would be an email sent out about some crazy thing somebody found online randomly. People do not give enough credit to how many people get excited about these things, they think ‘it’s just me, I’m weird’ and they do it and all of a sudden there is this big community being built around it.

Paul: and it’s quite interesting, obviously you are very much focussed on Web Apps and maybe a lot of people listening to this show aren’t building Web Apps and building more traditional web-sites, but I think even on a lot of these sites have got a lot of valuable data they could be opening up, for example we do a lot of work with Higher Education web-sites and they have lots of data in terms of courses that they run and stuff that’s going on, even that kind of stuff.

Britt: There is no doubt, I mean Twitter by no means now is a Web App, we are moving in that direction, but for the longest time we just had static pages with a bit of JavaScript spruced in. We are moving towards a sort of G-mail-esque sort of App. But, education, how many Colleges have really shitty web sites and where you have to dig through all the stuff, and how many students that are working on projects and could take this stuff and make that API and maybe create some brilliant way to, I mean, I remember being in College and trying to plan my classes and getting overlaps and classes and teachers that I didn’t know I was good or not, education is a perfect example.

Paul: This whole area of API’s, a lot of people go ‘oh API’s, that is for Silicon Valley start-ups’ y’know it is their kind of thing but actually I really don’t believe that I think it goes a lot wider than that. Y’know everybody should be looking at it.

Britt: If you have data you can make public, I think that is what a lot of people look at. This concept of an API, the idea of a public consumable API on the web is relatively new, I think a lot of people see the effort to build in, they don’t realise they have the data to put out there. They think, that’s really simple there is no reason for me to write and API. But even if you have just a little bit of data it just amazing what people will do with that. So if you are listening to this and working on something, even if you think just a little bit of the data is there, just do an API.

Paul: Of course the other thing is, that people are combining your bit of data with stuff from elsewhere and all these mash-ups and you might be contributing to something bigger.

Britt: And the other thing is that people think their data is not going to be useful to anyone else and that’s also a huge mistake and you cannot possibly imagine, like I said, it would be ridiculous to imagine that I could imagine even a tiny portion of any cases that you could use Twitter data for, so even if you think it’s useless, it’s an hour of work to throw in an API and do it.

Paul: Excellent, that’s superb and a really good message to end on, so thank you very much for coming on the show.

Britt: My pleasure, thank you so much for having me.

Thanks goes to Ben Hardcastle for transcribing this interview.

Webdesigner Depot website

This interview is brought to you by Webdesigner Depot. Webdesigner Depot is a popular web design blog covering tutorials, design trends, blogging and inspirational posts. You can visit WDD at webdesignerdepot.com and follow WDD on Twitter @designerdepot.

Similar Posts: