You're a failure: Deal with it

Every website has points of failure. It is inevitable. The question is do you know what they are and are you doing something about them?

Nobody likes to think of themselves as a failure and no website owner likes to dwell too much on the shortcomings of his website. However, all websites have weaknesses and it is important we know exactly what they are in order to do something about them.

What is more, all websites develop new weaknesses over time. As content is added, structure is changed and designs are tweaked, we introduce problems into our sites that were not previously there.

We therefore need a system in place that continually monitor for failures so that they can be addressed quickly before causing too much damage.

image of broken chain

Torian, Shutterstock

Implementing such a system does not need to be onerous. It simply consists of three simple reviews that should take place on a monthly basis. These are…

  • Monthly user testing
  • Identifying dropout points
  • Analyse search queries

Let’s begin with user testing.

Monthly user testing

Steve Krug’s latest book Rocket Surgery Made Easy takes usability testing in a radical new direction that is both perfect for identifying the constantly evolving weaknesses in our sites and also inexpensive to implement.

He proposes an ongoing programme of quick and dirty user testing that takes place every month. The idea is that on a set date each month you schedule a morning of user testing with only 3 participants.

Your entire web team watches the user testing and analyses the results over lunch. By the end of lunch you will have identified the biggest problems that need to be addressed before the next month’s testing.

Image of Rocket Surgery Made Easy

Jason Alley, Flickr

This is a great approach for detecting and eliminating problems on your website. It is…

  • Lightweight – Only requiring one morning a month for testing and debrief.
  • Regular – Ensuring that it picks up on problems that creep into the site over time.
  • Action orientated – By the end of the session you have a plan of how to tackle the failings in your website.
  • Fixed – Because the user testing is always on the same day every month it is less likely to be bumped for more ‘important‘ things.
  • Prioritised – With only a short time to test and debrief the emphasis is placed on the most important failings rather than being caught up in nuances.

Although user testing is useful it should not be used in isolation. Testing only 3 participants enables lightweight and regular testing, but it does have its limitations. Ultimately 3 people are not going to be representative of the whole and even if they were, they are not interacting naturally with the website. For that you need to look at web statistics.

Identifying drop out points

Website statistics can be very enlightening when used correctly. Unfortunately few people know what they are looking for and so either give up try or never get past page views and unique visitors.

One aspect of web stats that is particularly interesting is exit points. Where do users leave your site? This may help identify potential points of weakness in the site and areas you wish to test in your next user test session.

Most statistic packages make it easy to view a list of top exit pages. However make sure you are viewing pages with the top percentage of exits, because popular pages will be exited more often. Look for pages that are popular but are also exit points. These are the biggest problem areas. Google Analytics actually allows you to view pages that meet this exact criteria.

Google Analytics - Top exit pages

Once you have this list ask yourself the following questions?

  • Is this the final page in a call to action process? For example is this an order confirmation at the end of a purchase process. You would expect pages such as this to be a typical exit point.
  • Has the user visited any other pages before exiting? If the user has viewed only this one page then the chances are they were simply at the wrong site. To make sure check the dwell time. If they were only on the page a few seconds before leaving then it is fair to conclude they had arrived by accident. Also check how they arrived on the site. If they came via a search engine, what search term did they use? If the term wasn’t relevant to your site then don’t worry.
  • What type of content does the page contain? If the page is a blog post for example the chances are the user was more interested in the content than anything else you offer. They will read the one article and then leave. Obviously this is not what you want and should work hard to encourage them deeper into the site. However, the reality is that pages of this type will have a higher exit rate.
  • Is the bounce rate significantly higher than elsewhere on the site? If so this could indicate a weakness in the page.

If users have viewed multiple pages and then given up on a particular page, it is a problem which needs addressing. Possible problems could include…

  • No obvious next steps – Are you telling the user what to do next.
  • Too many optionsToo many choices can cause users to give up.
  • The content fails to convince – Is the content of the page telling the user what they want to hear, or are you saying something that alienates them?
  • Too much content – Is the page packed with large amounts of densely written copy. This can put users off.
  • The content is not relevant – They have arrived from a search engine query and the page hasn’t provided what they want. Instead of looking elsewhere in the site they have returned to the search engine to view another result.

Unfortunately although web stats can be very good at identifying problem pages it is not so good at diagnosing the cause. That is why it is important to user test as well.

Of course another possibility is that a user has given up simply because the site doesn’t appear to have what they are looking for. That is where you need to analyse search queries.

Analyse search queries

What users searched for provides an excellent insight into potential failures of your website.

Take for example the top search queries that lead people to a page with an exceptionally high bounce rate. Which of those queries cause most of the bounces? What are the user expecting to find on the page and do not? The page must be relevant in someway otherwise the search engine wouldn’t refer them. However, perhaps the way you are presenting the information is wrong. Does the search term give any indication of how you could be presenting things better?

What about the terms that create the highest bounce across the site. Sometimes users find themselves on a site that a search engine believes is relevant but doesn’t directly address their issue. Could you retailor your content to more directly address these search queries?

Keyword search terms as shown in Google Analytics

However it is not just external search engines you need to be looking at. What about your internal search engine?

When a user arrives at your site after entering a search term into Google, you can be sure that at least some content on that subject exists. Otherwise Google would not have referred them. However, when a user types something into your site search, there is no guarantee it will be a topic you have addressed at all. This is a perfect way to identify content lacking from your website.

Repeat each of the top searches yourself and look at the results. Are you addressing the search terms directly? Are you addressing them at all! If not you have identified a weakness that needs dealing with.

Rinse and repeat

The secret to success when it comes to irradiating the failures on your site is to establish a monthly cycle of work. Each month you need to user test, delve into your web stats and analyse your search results. By combining these three techniques you should be able to establish a programme of work for the coming month. By repeating this process month on month you can slowly evolve your site so that its shortcomings have less and less of an impact on conversion.

Of course, this is not all that can be done to identify problems with your site. These are simply those that have worked best for me. What about you? How do you find the shortcomings on your site? Do you even do this kind of ongoing maintenance? Let me know in the comments below.

Lou Rosenfeld on Search Analytics

Lou Rosenfeld shares how the search terms used on our websites can reveal a lot about our users.

Lou is kindly offering any Boagworld reader a 20% discount off of any product at RosenfeldMedia.com. Just use the code BOAGWORLD at checkout.

Paul: So joining me today is Lou Rosenfield, good to have you on the show Lou

Lou: Thanks Paul

Paul: So just in case one of the three people in the world that have never heard of you before is listening to this show right now, do you want to give yourself a bit of an introduction, just a little bit about who you are and how you come to be in the world that is web.

Lou: Sure, I once was a librarian and I moved into Information Architecture at a time when it was sort of seen as librarianship for the web and sometime in the mid nineties I co-wrote a book with Peter Morville called Information Architecture for the world wide web for O’Reilly, which is now in it’s third addition and a lot of people look to that book when they want to learn about information architecture. I have been involved in a lot of things in the IA community and more recently in the broader UX community User Experience and one of those things is as a publisher of User Experience books. My company is called Rosenfield Media, with seven titles out hopefully the eighth or ninth will be my new book which I am co-writing with Marko Hurst on site search analytics.

Rosenfeld Media

Paul: OK

Lou: so that’s what we are going to be talking about today and hopefully the book will be out by the end of the year.

Paul: ahh, that’s brilliant stuff, so I mean you have just done a virtual seminar for Jared Spool on this kind of subject as well and it is something that kind of peaked ny interest so I thought it would be great to get you on and talk about this subject, in someways you are very honoured if I may say so Lou because you are the first of our kind of one-off interviews that aren’t a part of the main Boagworld show because we are not doing that at the moment. But it was such an exciting area and something that really interested me that I was really keen to get you on and talk about this. So why don’t you tell us how analytics generally, not just search analytics but analytics generally how do you feel they inform the user experience ? Why should we be caring about this ? What difference does it make ?

Lou: Well a lot of people who do user experience work are both on the design side and the evaluation and research side we are not necessarily all that comfortable with the numbers and in fact many of us are in the neck of the woods of this profession that we are in because there is no a huge pressure to do statistical analysis and I think that is too bad I think that one of the things that really hurts us is that we are numbers adverse and with something like site search analytics you can actually learn quite a bit of information that will help inform your design work, with just an excel spreadsheet and a little bit of data that you already have, if you have a search engine, at some point there is some way, you may already be gathering, some way of gathering the data, you may already be gathering it somewhere and you don’t have to be a statistician. In fact one of the really interesting things about this type of data is that it is not all numbers it is actually very semantically rich. So what I am talking about with site search analytics is we are basically harvesting users’ search queries that are being executed on our own site search engines and they are telling us in their own words what it is they want from us and so we are not just doing statistical analysis we are actually looking at the semantic nature of what their interests are

Paul: Yeah

Lou: what their information needs are, so it is interesting as that is a little different from most analytics so if you shy away from analytics you might think about taking a special look at site search analytics and if you are an analytics person what I found paul is most analytics people don’t pay much attention into this area either, some are certainly good at SEO and looking at web searches that are drawing people to a particular site but once people are searching on the site it is sort of someone else’s table if you will. So site search analytics is kind of like the orphan child of these two fields that don’t pay much attention to it,web analytics and user research and I am hoping that our book helps change that a bit.

Paul: So what would, lets be clear what we are talking about here. We are talking about taking the search terms that people have searched for on your site and analysing that. To what end ? What benefits do you get from that ?

Lou: Well there are so many that I almost don’t know where to begin but a few basic ones, one is that you can very quickly by simply sorting the queries from most frequent to least frequent, in other words from like the ones that got three thousand instances, in other words a query that was search three thousand times last week might be your most frequent query and at the other end of the long tail the one that are only used once. if you know what that short head is you can actually by improving performance for those top few most frequent queries really improve the user experience overall. So we find that if you map it out that, I wish we could do this visually but it is something that is like a hockey stick curve, it is called the zip distribution, what you start seeing is that something like you top ten most frequent queries may account for something like ten or twenty percent of all the search activity in a given time period, and you know the top twenty or thirty queries you are still are talking about a pretty huge volume of all of search activity. So by doing things like for example adding best bet search results to the most frequent queries or by looking for queries that are finding nothing that are really common and plugging the content gaps or improving the meta data, labelling that content as or should as so as that content gets found you can really very quickly make a very big improvement and it gets even better than that Paul because if you start doing that type of tuning for the most frequent queries the ones that people most care about and do that on a regular basis say every month you are doing a great tuning process adjusting your sites performance to your users needs. The more you do things like that the more you can avoid what for me is just like the most dirty word in the industry and that is redesign.

Paul: [laughs] yeah absolutely.

Lou: so if we can do tuning the more we are going to fight of the urge to throw a million dollars or pounds at a big problem that we are really take on the wrong way so tuning over redesign any day. Site search analytics is a great component in the tuning process.

Paul: yes I talk about evolution rather then revolution, instead of redesigning which is this huge undertaking continually evolving your site and anything that helps to inform that has got to be incredibly valuable

Lou: Absolutely

Paul: But I mean a lot, something that a lot of people may already be doing is they may already be looking at the google results they are getting, the analytics they are getting there, what are the advantages of looking at your own internal search rather than the results that have been generated by google.

Lou: well if you look at the most common google or world wide keywords that are bringing people to your site often what you are going to see as the top ones are the name of organisation or some variant on it. So now lets say you just get rid of those, because those are not that interesting and you want to look at the things that are more open ended searches where people happen to not be looking for use to specifically find their way round your site, they are certainly going to be a lot of overlap but the sense I have is that first of all the people who are searching your site have more specific needs. They already know something about you it maybe that they are a different type of user we don’t only care about bringing people to our site and make sure they get there we also worry about the people who are native to your site who maybe repeat visitors and they may already be loyal customers we care about them retaining the customers is a lot less expensive then recruiting one.

Paul:so yes

Lou: so eh what can we do to learn about their needs specifically and I will tell you exactly, I have a theory I haven’t really been able to prove it yet but I think that the nature of the queries that come into your site on your search engine are going to be more specific and more finely grained than those that are coming in from the web that being the case you know what more specific, it is almost like a predictor what web searches are going to be in the future. In other words the assumption is that peoples’ searches get more specific over time so you could probably use your site search terms to help you figure out more specific and less expensive keywords to bid on in adwords

Paul: yes

Lou: So there might be a secret little approach you could take there to do a better job than instead of bidding on the general search terms in google that are going to be really expensive and not really going to be helping you that much

Paul: I guess there is also going to be an element of the fact that for somebody to arrive at your site from google on a particular search term then your site has to already have to have content to have been listed on google for the search term they typed in. While with internal search engine they could quite easily type in something that isn’t a term that you use on your website and as you talked about earlier you need to plug the gap of that, but you are never going to get that from google because they wouldn’t have been referring to your site if you did not have any content relating to that particular term. Does that kind of make any sense.

Lou: that is absolutely right and then there is another important way that you are going to benefit from analysing searching within your site again we don’t just care about getting people to a site, we care about their experience once they are there. One of the things we can learn about is where navigation fails. So let’s imagine that we know your site has, we sell thirty different products on your site and each product has it’s own main page, it’s overview page it is really interesting to do apple and apple comparisons of pages and what types of queries those pages create. Let me put it in a slightly better way if you are looking at your product over a few pages and look at the queries that start from those pages.

Paul: yeah

Lou: You start learning about our patterns of information needs once people have found their way to a particular product and you may see that that kind of deep horizontal or contextual navigation which you are generating raw, you can start seeing patterns where people are saying I am on our product page and I don’t see the navigation that is going to get me to the review page or to the forums page or whatever

Paul: right

Lou: So maybe there are links that you have there but they are not prominent enough or you are not labelling them well or maybe those links aren’t there at all. So now you can start coming up with some ideas hypotheses what the problem is there and just go and think about it and say I trust my hypotheses here that you know we are missing links or you can start doing some qualitative research, you could do some user testing to validate your hypotheses so it depends how you are going to make your decisions but you have got some great hypotheses and by the way that’s what analytics is really for it is not going to tell you why, it is not going to validate your hypotheses it is going to help you come up with good hypotheses that are data driven and analytics tells you what is happening, it tells you about behaviour and not why things are happening, that’s were you really need to bring in qualitative research.

Lou Rosenfeld

Flickr, eraserandcrowbar

Paul: Yes, that was really the next question I was going to ask is how does analytics sit along side traditional approaches to improving usability which is like user testing basically,

Lou: right

Paul: because traditionally when we want improve the user experience we turn to user testing we sit users down we show them stuff and there is a real value in that kind of back and forth dialogue that you have and you don’t get that from analytics you are saying they perform different roles.

Lou: They absolutely perform different roles and this is one of the things that I am finding in my consulting, i’m a publisher but I still have to make a living so I do a lot of consulting still and I am seeing organisations that have incredible staff and resources in their analytics groups and separately their user research groups and too infrequently the twain meet and there is a big disconnect there, that they are suffering from because they have, I mean many organisations have just great analytics now they have great tools like armature and they only can really know about what is happening they can not really know why things are happening but they don’t … there is a disconnect in terms of them have the people who can do the qualitative user research and take the next step and actually do some testing and try and learn about this hypotheses and show which ones are actually real so sometimes it is really straightforward like erm you know you want to do task analysis, which is a qualitative approach it is not like any other user testing it is not cheap to do but if you had informed the kind of task that you are going to be testing by looking at your top queries you would be doing a better job it is going to point you and help you devote that expensive work, that qualitative research budget in a more efficient and effective way. What about when you are developing personas why not take if you can, get that audience segmented queries and start building those as a expression of the information needs for each, within each persona. You know we were just talking there it reminded me of a great story years ago I believe it was at Lands End, a US clothing retailer

Paul: OK

Lou: and they were looking in their search logs and they saw a preponderance of SKUs, er product ids but those codes were not on their website and they were really confused

Paul: yes

Lou: so they didn’t know why those were there and they knew what to do which was to start supporting the inclusion of SKUs into product pages so people would actually be able to get that information right away but then they followed up the site search analytics work they did with an ethnographic study where they went out into the field and watched how their customers were interacting with the information in the columns and what they found was, it was probably about ten years ago, that people were not comfortable using the website catalogue to do research they were used to using the printed catalogue, it is familiar it is high res easy to use so they would do their shopping browsing the catalogue but then they did not want to use the catalogue mail order or the 800 number ordering systems instead they went onto the website for Lands end and entered the SKUs and did their shopping there

Paul: aaahhhh yes

Lou: so there is interesting things that all types of data when folded in with user research can tell us and certainly site search analytics is no exception to that.

Paul: hmmm, I mean the thing is, is that collecting the data is the easy part and there are so many great tools out there you know and so many free great tools that enable you to collect this search data or other analytics data but collecting data is easy interpretation on the other hand is much harder I think a lot of people when they are faced with this kind of information are a little bit overwhelmed on where to start or how to get information out of it, earlier you were saying that this is relatively easy but it doesn’t feel like it when you are faced with it so what should we be looking at to better understand how our sites are being used, what should we be doing with this data.

Lou: Right here’s the beauty of the what I described early the zip distribution is that it really promotes scalability in terms of your efforts so if you have an hour I recommend looking at those top ten queries

Paul: Sure

Lou: and seeing what is going on, even just testing them out and see how they are performing and that is something you can do in a very small amount of time, maybe you only need the top five. It is not a lot of work and it has a real big impact.

Paul: Sorry so when you say testing them out what do you mean by that how would you test them out.

Lou: so you casn take those queries and just go ahead and search them on your site

Paul: and see what’s returned

Lou: and see what’s returned and do you think they are returning good search results do you think there are important things that are being missed if so why? Start testing it out and actually hmmmm, there is a really great case study that Vanguard did, Vanguard is a US based financial services company and they have really invested heavily in this we are actually profiling their work in our book and what I can do is provide you a url for the case study and there is a presentation and it is really eye-opening, I will give you the url Paul so maybe you can share it along with the podcast.

Paul: Great

Lou: but I don’t have it at my fingertips right now

Paul: no that is fine, that’s OK

Lou: your question was?

Paul: essentially yes, that, erm no I have forgotten it myself now [laughs] brain’s gone dead

Lou: I was just going to say there is not only this issue of just a little bit of work will go very far but a lot of times people are overwhelmed when they see the analytics reports and part of the problem is those reports are canned reports some of them are pretty universally useful and interesting regardless of what kind of organisation you are in so it is good to see things like your most recent queries or which queries are failing, retrieving zero results but I really encourage people to get at the data and roll their sleeves up themselves and basically wade in and play with the data. So get beyond the canned reports and if you got just even get your hands on a couple hundred of your top queries and put them in excel and then just play with them. By play with them I mean looking for clusters or categories and just things that might emerge like wow there is some unique outliers here there is interesting queries, like Lands End did finding a lot of SKU searches in their logs, that is not necessarily, there is no right or wrong way to do it just the idea of just sort of experimenting and doing what the statisticians call exploratory data analysis so you are really literally just playing with the data. You might even map it out and chart it out in Excel and just sort of see what comes from it.

Paul: Yes

Lou: So one thing I encourage people to do is to try to categorise the data in other words gee it seems like there is a lot of queries here about physical places, maybe our organisation has different offices or campuses or different buildings, look for things that seem to be people or different topics that emerge what you start doing is that you force yourself to get very close to the way users are thinking because you are looking at what their needs are, and actually it is a good way of looking at what sort of metadata your site ought to have and what kinds of content type people seem to be asking for and it might even help you do things like prioritise your next content migration because you start getting a sense of what are the really important content types that people seem to be requesting when they are searching so there are other things which you might delve into. Queries, you might see a lot of queries that are like dates, and I know the Financial Times did that and they now support sorting search results by date, filtering them by date. You know one of the things the Financial Times does, it is a great example, is they look for spikes in names of people and companies.

Paul: OK

Lou: and when they see that it is all of a sudden this person is being searched for a lot they compare those names, the spikes to the recent week of editorial coverage and if there is a discrepancy they bring this up to the editorial board

Paul: Wow

Lou: and they say hey, you know we are getting a lot of searches for so and so or this company and then the editors can decide if they want to have their beat reporters look into it, in a way it is almost a way of predicting the future.

Paul: So it is even more than informing the website, it is actually informing their editorial policy

Lou: Absolutely and of course those things are increasingly one and the same in many organisations

Paul: Yes absolutely

Information Architecture for the World Wide Web

Lou: so when you look actually when you do this over time they see a very strong seasonal effect in many organisation’s cases so what you might find is that even at different times of day people are looking at different types of information and that can inform the way you do things like put information on your main page or in other parts of your site that are high traffic pages and by the way one of the nice things about doing that is it helps to start beating down decision makers who want the main page to be about them, you know it is a political thing and if you can bring data that shows what users really want to those type of discussions you have a much better case, likelihood of heading off political battles over prime real estate on your site.

Paul: yeah, absolutely. Do you think the trouble with analytics is that it can be you know read in so many different ways and do you think there are occasions where your analytics can be misleading in understanding a site’s user experience.

Lou: Absolutely

Paul: if so where do things often go wrong ? What should we be looking out for ?

Lou: Well one of the problems is that you know there is no one tool that should solve all of our problems, and I am the first to say that site search analytics is not the end or the be all it is one thing that should influence our decision making alongside a nice robust collection of research methods qualitative and quantative, behavioural and attitudinal that should make up our research toolkits. That said you know when you are interpreting data one of the real mistakes I think we make is we leave that interpretation to one person for a huge organisation and I am a big proponent of merging both the quantative data that is often in the hands of a single analyst with the type of user research we are doing in other areas. In other words put the data in the hands of users

Paul: OK

Lou: So when I was describing to you for example a moment ago looking at top queries and sort of doing clustering and sorting with it and playing with it yourself what I actually really recommend is you have a bunch of users or subjects to do that.

Paul: Wow

Lou: So I am going to learn something about what my taxonomy out to be, or what types of meta data I should support or my content types might be I can do that myself but I would rather something along the lines of a modified card sort

Paul: yeah

Lou: with five or ten users, you know maybe I do not have to do that every month, if I do that every year or two. But when I put that in the hands of users and that is just a beautiful hybrid of the best of quantative and qualitative research.

Paul: hmmm, yes I like that a lot, kind of combining those approaches and yes that makes a lot of sense to me. I mean we talk very much so far about search analytics but obviously a lot of these principals you are talking about apply broader than that into kind of general analytics

Lou: right

Paul: but I am interested in what your thoughts are on you know even broader analytics tools or related analytic tools things like polls and surveys, I mean you see a lot of organisations have feedback widgets or they have, they do surveys and polls on your website and I am always a little unsure of the value of these things you know. On one had I can see

Lou: I am too

Paul: oh you are too? I am glad it is not just me, so what is your perspective on that kind of thing

Lou: Well in general I think all tools have there purposes and the real problem comes when we try and make one tool you know a hammer not only hammer nails put somehow put screws in and so forth

Paul: yeah

Lou: So I am really not a big fan of like relying on polls and surveys as a way to get a comprehensive view of users needs because of the self selection bias they introduce right off the bat

Paul: What you mean because there, you tend to get polarised results people are either really exceptionally happy and feel the need to tell you or more commonly they are just very pissed off

Lou: Exactly

Paul: you know if they are in the middle ground they are not likely to bother filling in the survey or a poll

Lou: Right, so I would say well you know that is useful information take it with a grain of salt like you just described I would then want to have a few other methods. Each of these methods is a lens on reality but an incomplete lens it’s a, it’s the blind man with the elephant nobody has the full picture you need to have a few that said something like polling or asking for feedback can be done more intelligently if it is, you think about doing it in a real contextual way. So for example if someone does a search you have seen these widgets that say did you find what you are looking for

Paul: Yes

Lou: I think that is a better way of doing it, because you are not just asking did you like us

Paul: Yes, absolutely yes

Lou: it is not before you leave were you happy ? of course you are going to get a really polarised maybe too open ended kind of data from that but if it is focused and contextual then you can knowingly better data but then you can also ask for a little more. if someone says I did not receive what I… I did not find what I was looking for when I did a search that is really a good time to ask for more information like what did you want to find when you did this search and then you are actually sort of closing pretty important feedback loop no just between the user and the site but you can take that feedback and send it back to the appropriate content owners side of the organisation and draw them into the process. So that is one of the big problems is that we have great content but our content owners don’t seem to want to get beyond the fact that their content is part of a much larger collection of information and that’s why they don’t bother following labelling guidelines or titling guidelines or applying meta data well. So if we can start showing them that their content isn’t just their content but it is part of something bigger, it is part of a natural marketplace of information that makes up the site and start showing them that their information is not being found when it should be found and showing them some data that suggests that you know they are falling down on the job then we have a much better change of getting them to follow content authoring and labelling and tagging policies and procedures that we may have set up for them. So a lot of organisations try to force people to them and it never seems to work too well but if you can educate people by showing them some data that suggests that their content would for example succeed if they would do something differently like following policies then it actually works.

Paul: yes there is something very powerful about presenting users, not not users internal stakeholders with data to back up your arguments and what they need to be doing. There is one question I kind of want to end up with really it is something I am really interested to hear your perspective on someone who spends a lot of time with analytics which is almost really a kind of moral question that you do feel that we can gather a huge amount of analytical data on our users and there are even tools, I don’t know if you have come across click tales.

Lou: hmmm hmm

Paul: that can go further and record user action and see people using and moving around the site is there a kind of line here as to what is kind of acceptable to do and what is not. It is almost a moral question in a way and I was just interested in your perspective on how much can we pry into user’s behaviour.

Lou: Right, so that is a really good one Paul, and if fact in terms of search analytics there was a really interesting yet somewhat unpleasant case about three years ago that made the front page of the New York Times you may have come across there were some AoL researchers who had a whole bunch of search data from the AoL site web search engine and they released it for research purposes however that data had people’s user ids not there names but their user id and this is like hundred’s of thousands of users and millions of queries and what people started doing within a day was to grab the data from the database and start searching just for one id and based on looking at all the queries associated with that one user id they could figure out who that user was

Paul: shee whizz

Lou: as well as what they were searching and in fact the New York Times reporters tried doing it themselves and they identified a woman in Georgia here in the states and they called her up and said is this you and she said yes. I am sure it was a disquieting moment for her

Paul: Absolutely

Lou: and much more disquieting for the individuals that were doing things like searching on child pornography

Paul: yes

Lou: so erm I think the issue is if you are going to do this work you have to be really careful to look at it as an exploration of collective behaviour, you have to be very careful to block opportunities for data to leak out or for someone else to get hold of data in way that will show individual behaviours and help identify who an individual is, and with or book what we are doing is looking at sets of data that tell us nothing about individuals and only looking at it collectively and that is how we think you should do it. Let’s worry about serving the majority of the people that are visiting our site the major audiences and not worry so much about individuals and let’s protect their privacy.

Paul: How does that relate mind when you start looking at e-commerce sites, you know that obviously use analytics heavily to recommend products and stuff. I am always a bit torn over that one because you know one one hand that obviously provides a real benefit to users and I quite like the fact that when I go to Amazon it will remind me the latest Battlestar Galactica DVD is out because it knows I like that but there is a line isn’t there where that analytics data steps over when it stops being useful to when it becomes creepy I am not really sure where that is – it is funny that isn’t it.

Lou: I think it has so much to do with how much you as a user or customer trusts that organisation.

Paul: yeah

Lou: So although they drive me nuts as a publisher Amazon is great to it’s customers and I think they manage to us that data in ways that delight us because they have some really smart and really careful designers and researchers there that are sensitive to these types of issues and they have got a great track record of customer service so we would feel a little differently maybe if we went to whatever large organisation that we are uncomfortable with at the moment, wether it is the government or I don’t know I can’t think of a good example but I think it comes down to your personal feelings about who is using that information. I would like to see in many respects more organisations doing just that I mean image your university experience if you could see the courses you were taking were taken by, what others were taking the courses you were taking you could learn a little bit more in a very disciplined way, that would be a delightful way to use that information yeah absolutely, but do you trust that institution – hopefully we trust the institution that is educating us in that particular example.

Paul: One would hope so [laughs]. Lou that has been absolutely brilliant it has been so fascinating to think through some of the power of the data that we are collecting and you know we are all collecting this data but I don’t think we are utilising it or know what to do with it so it has been absolutely fascinating to talk to you and thank you so much for taking the time to come on the show and hopefully we will get you back again soon.

Lou Rosenfeld Blog

Lou: Paul it’s a pleasure I really appreciate the opportunity thanks very much.

Paul: Thank you.

About Lou Rosenfeld

Louis Rosenfeld is an independent information architecture consultant and founder of Rosenfeld Media, a user experience publishing house.

He has been instrumental in helping establish the field of information architecture, and in articulating the role and value of librarianship within the field.

Lou has helped such organizations as PayPal, AT&T, Caterpillar, Ford, Microsoft and the CDC make their information easier to find.

He is co-author of Information Architecture for the World Wide Web, considered the bible of the field, and has been a regular contributor to Web Review, Internet World, and CIO magazines.

Lou is co-founder of the Information Architecture Institute and helped found the Information Architecture Summit. He blogs regularly at www.louisrosenfeld.com, and tweets even more regularly @louisrosenfeld .

Lou is kindly offering any Boagworld reader a 20% discount off of any product at RosenfeldMedia.com. Just use the code BOAGWORLD at checkout.

5 techniques and 10 tools for making blogging easier

Blogging is hard work. That’s why you want to make it as easy as possible. This post provides hints and tips on how to make your blogging experience less painful.

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

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

The problem is that these benefits come at a cost – our time. Blogging can be time consuming especially if you want to blog 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 tools 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 Mac. 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 application 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, video 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 imagery 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 Twitter 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 Analytics 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.

Website owners need more than web designers

Why is it many website owners are changing their web designer even when he or she has built them a great looking, usable website? What more are they looking for?

The prevailing wisdom within the web design community is that you should specialise. However, does that really make sense? Is that what website owners are looking for? I would argue it is not.

Website owners have an increasingly difficult job. Not only do they need to provide visitors with an engaging, usable and accessible website, they also have to interact with them through social media, great content and other online marketing channels.

Think about it for a moment. The most effective online strategies consist of at least the following elements…

  • An effective website
  • Email marketing
  • Google Adsense
  • Twitter
  • Facebook
  • RSS
  • Youtube

Website owners also have to worry about…

  • Business strategy
  • User profiling
  • Competition analysis
  • Site promotion
  • Site analytics
  • Calls to action

The list could go on.

When faced with such a daunting task they do not want a specialist. What use is an expert in ruby on rails when faced with such a broad and complex set of issues?

The need for generalists

They need generalists. They need people who can advise them on the breadth of challenges they face.

The specialist argues that they can hire multiple specialists to handle these different areas. However, who brings the pieces of the puzzle together? The website owner? I would argue this is asking too much.

Large numbers of suppliers create serious logistical problems, not to mention the potential for shifting blame. Most website owners want a one stop provider who can advice them on the whole range of challenges they face.

Being a web designer in this new decade is about more than building websites. A web designer will need to have a good understanding of business practices, site analytics, marketing, copywriting, social media and more.

Admittedly those who advocate specialising encourage people to have a T shaped knowledge. In other words web designers should have a superficial knowledge of all areas and a deeper understanding of one.

Although I can see the value in this approach as a way to ensure you work well with other specialists, I do not think it will meet the needs of most website owners.

Web designers need a deeper understanding of a broader set of areas if we are to be of real value to their clients.

The alternative is that website owners themselves have to develop this level of knowledge and that is going to be difficult for anything other than a full time website owner.

How then can a web designer broaden his or her knowledge? The answer is simple – start exposing yourself to a great number of sources of information.

Broadening your knowledge

Web designers should of course be learning about the latest CSS techniques and jquery plugins. However, they should also be reading marketing blogs, business strategy books and even attending copywriting workshops.

Here are a few suggestions to start off the budding generalist…

I know what you are thinking – “I don’t have time for that.” Well I am sorry to break the news but you have picked the wrong job!

The web is one of the fastest moving industries on the planet and needs an incredibly broad set of skills. If you don’t have those skills or fail to keep them up-to-date then you will lose credibility. You need to make time.

At the end of the day it is simple. Our website owners are asking for advice on everything from design to facebook and if we don’t give it to them then somebody else will. That is the reality of a consumer culture.

193. Get more from Google Analytics

On this week’s show: Paul and Marcus are joined by Matt Curry who shares some advanced Google Analytics techniques. We have a review of Fancy Form Design by Jina Bolton and Paul goes on endlessly about the Website Owners Manual.

Play

Download this show.

Launch our podcast player

Housekeeping

How can I not mention the launch of my book the Website Owners Manual? You are going to be sick of hearing about this, but console yourself with the fact that I have a very short attention span and will soon get bored of it. Please take a few minutes to learn more about this book at boagworld.com/websiteownersmanual. I would especially encourage those of you who are web designers to check it out. This book contains all the information your clients ‘need to know’. It was written specifically to be given away to clients, so helping your projects run smoother. I even managed to pursued my publisher to give significant discounts to those buying more than 5 copies. However, as an extra bonus for boagworld listeners you can also get an additional 40% off of any website owners manual purchase (including the multi-buy packs) if you use the code ‘boagworld’ at checkout.

Back to top

News

Design interactive prototypes – Fast!

With websites and web applications becoming increasingly complex it is often hard to visualise them before build. Photoshops comps fail miserably and static wireframes are little better. The only way of truly communicating how a site is going to work is to build an interactive prototype. Unfortunately building prototypes can be time consuming and expensive. Although clients need to understand how their site will work, they are rarely willing to pay for a prototype. One solution is IxEdit, an ‘interaction design tool.’ This tool has to be seen to be believed, but essentially allows designers to build jQuery driven prototypes without writing a single line of code.

With IxEdit you can build everything from the automatic insertion of HTML to accordion effects. In fact you seem to be able to build most of the elements and effects supported by jQuery. Of course the quality of code is not going to be as good as something written by hand. That is why the product is billed as ideal for prototyping. However, for better or worse, I am sure a lot of web designers will use this tool for live sites too.

Making passwords more usable?

On the subject of Javascript and interaction, there is some interesting work being done with password masking. In show 173 I talked about some of the problems surrounding password masking. Essentially, although hiding passwords increases security it also creates a usability challenge. Jakob Nielsen wrote:

Usability suffers when users type in passwords and the only feedback they get is a row of bullets. [It] costs you business due to login failures. Password masking has become common for no reasons other than (a) it’s easy to do, and (b) it was the default in the Web’s early days.

There have been a few solutions doing the rounds. The simplest of which is to add a checkbox allowing users to keep their password entry hidden. However another popular approach is the one adopted by the iPhone. Instead of revealing the entire password it shows only the last letter entered. These two approaches have now been combined and made simple to implement using a sprinkling of jQuery. Delayed Password Masking couldn’t be easier to setup and helps go someway to improving usability.

How to be more transparent

In my post “The 10 Harsh Truths About Corporate Blogging” I wrote:

People don’t like interacting with organisations, corporations or machines. People like conversing with people. People don’t like, trust or want to work with corporations. We associated those feelings with individuals, not companies.

In other words, if you want to make a connection with your users you need to be open, transparent and show the people within your organisation. However, knowing this and doing it, are two different things. That is where a recent UX Booth post comes in. The title of the post is “Transparency: Benefits and Best Practice.” Personally, I think this is a misleading title. It doesn’t really explain in any depth why transparency is important and fails to provide much in the way of ‘best practice’ (I can see I will have to write something on this subject). What the post does do well is give you some cracking examples of sites that communicate the personalities and people behind their organisations. It certainly has inspired me to look again at the Headscape website, and I hope it will inspire you to become more open as an organisation.

In other news – Google and Microsoft talk about stuff

Normally I like to keep the content of this section of the show focused on the here and now. I see little point in reporting what might affect you ‘one day’ in the future. That said, there are two stories that have come out this week, which I simply couldn’t ignore despite the fact neither will have an impact on you today.

Google to add site speed to search algorithm

This week when talking about the importance of website speed Matt Cutts from Google said:

Historically, we haven’t had to use it in our search rankings, but a lot of people within Google think that the Web should be fast. It should be a good experience, and so it’s sort of fair to say that if you’re a fast site, maybe you should get a little bit of a bonus. If you really have an awfully slow site, then maybe users don’t want that as much.

If Google follow through on this thinking the consequences could be massive. In particular this could further undermine the already shaky rankings of flash heavy websites. It could also provide a real advantage to those with the financial resources to throw more server and bandwidth capabilities at slow websites. That said, on the upside it would refocus website owners on the importance of performance and help to speed up the web for everybody. It will also encourage better coding practices maybe push legacy tables based websites down the rankings. Of course all of this could be redundant. We have no way of knowing whether Google will implement this change, and even if they do, how great a priority they will place on speed.

Microsoft talks about IE9

The other news that might shape the future of the web comes from Microsoft. With Windows 7 complete it would seem they are turning their attention to Internet Explorer 9. Apparently the new browser is only in very early stages of development. However, Microsoft are making it clear what their priorities for the browser are. These include:

  • A desire to provide better HTML5 support
  • Significant speed increases for Javascript
  • Improved CSS support
  • Better use of hardware acceleration

All music to my ears. However, I was sad to read that according to Mashable they have only been working on the new browser for 3 weeks!

Back to top

Interview: Matt Curry on Getting more from Google Analytics

Transcription to follow shortly.
In the meantime follow Matt on Twitter.

Listeners book review: Fancy Form Design by Jina Bolton

What is it?

This book, in Jina’s own words, is aimed at anyone who’s involved with any part of the creation of an online form. Split into 5 sections, it covers the Planning, Designing, Structure, Styling and Enhancing of forms used on the internet Written in a format that is more about advising and guiding rather than teaching, this book will appeal to people who are used to the Sitepoint way of writing, and want to really understand the thinking behind creating a successful web form. It’s not one of those “learn in 24 hour” type books, but is more written as if you’re at a workshop run by Jina. This is not a hardcore reference manual that covers absolutely every permeation of a web form, but will have you more confident and eager to apply what you learn to forms you build from now on.

No bloat

With this book, Jina has tackled a subject that frustrates many a web designer. Forms are often too time consuming, too technical, or too stubborn to spend time getting right. Resources on the internet fall usually into 2 categories, not enough info, or too bloated and confusing. What Jina has managed to do is get straight to the point, without the bloat.

A form is just a form. Isn’t it?

Straight from the 1st chapter Jina had me thinking differently about forms. Before reading this book, I would not have said things like sliders, colour pickers, or drag and drop items are elements of form design, but when you look at where they are used, it’s obvious they are. I’m already more excited about forms than I was before. And I think that’s what this book does really well. It takes the process of form creation, and says “yeah, I know, a form is a form. But look, you can do this with it…”. Jina shows you how a form is very much like a website design. You need to think about typography used, colours & imagery, how the form is going to be structured and how it will affect how it used.

Good practices make perfect

Throughout the book, Jina runs through some processes for creating perfect forms. It starts with how to research and find inspiration. Many people who have built forms in the past would probably not have used the processes talked about in the book. It’s an eye-opener to best practice, and to how investing time in tried and tested techniques at the beginning will save you time further down the line. Many of the practices Jina talks about are transferable techniques, that can be adapted and implemented on web design, brochure design, database design etc. What I really liked is the way the book doesn’t force you to follow the practices, but is more like a friend giving you some tips.

Get your hands dirty

Although I mentioned this book isn’t a “teach yourself in 24 hours” jobby, it is by no means a pure reference book. You can follow along with Jina, and get your hands dirty with some HTML markup and CSS. JavaScript is kept to a minimum by using jQuery, and again has example code you can work along to.

In a nutshell

Fancy Form Design is probably the best title for this book. It explains how to design forms that look fancy. Jina does not pretend this book will make you a master of AJAX form submission techniques, nor an expert in JavaScript server-side form validation. It breaks down the components of creating a form, the content of that form, how to jazz it up with some clever styling tricks and jQuery magic, and makes you think about forms more as an important part of your design rather than a stone in your shoe. To me, this book does exactly what it says on the tin. Buy Fancy Form Design from Amazon

Back to top

170. Versus

On this week’s show: Paul talks about the conflicts surrounding design decisions, and Teifion challenges a BBC article that asks “Are the days of the web amateur numbered?”

Play

Download this show.

Launch our podcast player

News

Please start from the beginning

Not long ago I read Malcolm Gladwell’s book Outliers, which includes many stories about how well known individuals got their big break. There is something fascinating about people’s backgrounds – the opportunities and experiences that help shape a career. I am often surprised that people’s success has more to do with circumstances than talent.

Our very own Ryan Taylor shares this fascination and so has started a new video series where he asks industry figures about their background. He started the series by interviewing me. Apparently he wanted to practice before interviewing important people :-) He has since moved on to talk to Drew McLellan and has Mel Kirk and Sarah Parmenter waiting to be released.

I think there is a lot of potential in this series. The web is still such a young medium and few trained to be a ‘web designer’. It is therefore fascinating to see how people came to the industry. There is also a lot to be learnt for those starting out in their careers. Be sure to pop along to Ryan’s site and subscribe to his RSS feed. I look forward to future interviews.

Running a card sorting exercise

Establishing your site’s information architecture can be one of the most challenging jobs for a website owner. You face two major obstacles. The first is your organizational bias. You can become so institutionalized by the way your organization works, that it can prove  hard to view things from an outside perspective. What seems logical to you can make no sense to an end user. Second is internal politics. Information architecture can often become an area of contention with different parts of the organization vying for top level billing. This can lead to IA by committee, which never leads to a user centric approach.

Card sorting is one way to overcome these challenges. It is an objective way of organizing the information on your site, around user’s needs rather than company structure. It works by putting users in control of creating that structure by asking them to sort cards containing content in a meaningful way.

At first glance, running a card sorting exercise can appear intimating. However, as a post on Sitepoint demonstrates, it is actually straightforward. “Run Your First Card Sort” is a step by step walk through of everything involved in running a card sorting session. Although the method laid out is not the only approach, it does tackle the key steps including…

  1. Preparation
  2. Recruitment
  3. Running the session
  4. Interpretation and reporting

If you haven’t run a card sorting session before and would like to make your IA more user centric, then I would highly recommend this post.

The complete Google Analytics power guide

I have watched with fascination as Google Analytics slowly decimated the website statistics sector. When Google Analytics was launched it was a relatively simple product, more aimed at smaller websites and blogs. However, over time it has become increasingly more powerful and useful to even the most stats hungry power user. Enterprise products have struggled to compete with a product that offers so much functionality for free.

However, with this increased power came more complexity. What was once a simple product has become increasingly harder to master. Although Jeff Veen did some amazing work at simplifying the interface, it is still hard to harness its full power. The result is that many fail to use it to its full potential while others are too intimidated to try.

This is unfortunate as Google Analytics offers so much information to an experienced user. It paints a picture of how users are truly interacting with your site, while informing your sites structure and content.

Fortunately “The Complete Google Analytics Power User Guide” equips website owners with all they need to know to squeeze the full potential from this incredible powerful tool. This series of posts include detailed information on every aspect of the program from setup to tracking goals and funnels. Best of all the various posts have also be brought together in a single 45 page PDF, making it a lot more accessible for offline reading.

If you ever use Google Analytics or are interested in what it can do for your site, this is definitely worth downloading.

Estimating time for design projects

One of the toughest parts of being a web designer is estimating the price of projects. There are so many variables. So many ways you could approach a project, and so many things that could go wrong. Nobody likes estimating a job and rarely do any of us get it spot on. It is a minefield of pain. On one hand you need to add contingency  for the unseen, but on the other, if you add too much you become uncompetitive.

Effective Strategy To Estimate Time For Your Design Projects is a new Smashing Magazine post that endeavors to address these issues. It begins by looking at what causes a project to be misquoted. Reasons include…

  • Unknown technologies
  • Grey areas in the specification provided
  • Bespoke development in unfamiliar areas
  • The cost of sale being too high
  • Lack of time to quote properly
  • Too high a desire to win the work
  • No previous time tracking to refer back to
  • Estimating time for a project is not fun

It then goes on to address each of these issues with a particular emphasis on granular planning and the need to track time.

I have mixed feelings about this post. It provides an excellent structure for creating quotes and even has a list of common tasks to quote against. However, it feels a little labor intensive at points, going into more detail than most can justify. I guess to some extent it depends on the size of projects you undertake.

That said, it certainly makes you think about your quotation process and encourages you to be more efficient in the way you price projects. This can never be a bad thing.

Before I move on from news – if you live in UK mark the 22nd June down in your calendar. That is the date tickets for dconstruct go on sale, and judging by previous years they will sell out shortly thereafter. Myself and Marcus will be there recording interviews for the show. However, we are also going to arrange a meetup over lunch so hopefully that will be an extra incentive to come.

Back to top

Feature: Clients vs. Designers

Establishing the look and feel of a site can be a point of contention. Web designers can become frustrated because their expertise is not respected. Client are annoyed because their designer does not listen to them. How then do we ensure the design process runs smoothly?

Read The Battlefield of Design – Clients vs. Designers

Back to top

Listeners feedback: Amateur vs Professional

Teifion Jordan sent us a very insightful review of a BBC article that I wanted to share with you…

The article is titled “Is the web’s amateur hour over?“, a provocative title for those that blog, contribute to open source, have a flickr account with photos licensed under CC and so on and so forth. The article opens describing somebody that revels in the name “Antichrist of silicon valley”, anybody that revels in a name such as that is either crazy or doing it for the attention and page views it brings them. It sums up the rest of the description pretty accurately.

The article then explains how he dislikes things such as Wikipedia because they’re maintained by people working for free, how seasoned professionals are being put out of work by amateurs on youtube. At this point the article moves onto showing that all the big tech bloggers, these so called “amateurs”, are actually seasoned journalists.

The crux of the article is of course Amateur vs Professional, does the fact that anybody can start a blog mean that anybody is a journalist? Does having a flickr account make you a photographer? Yes and no, technically yes but in reality most people will never gain enough of an audience to become influential or make money from it. Professionals are paid and generally for a good reason, a professional blogger probably has experience and good writing ability, an amateur probably won’t.

But we’ve still not come to the actual issue, I’ll say it again. Amateur vs Professional, yes that’s it, it’s the 2nd word in, verses. The sensationalist man described at the start of the article seems to feel that there is a competition on between those that work for free and those that work for money. More importantly, he feels that those that work for free are making it harder for those that work for money to find work!

But that’s really not true is it? If it were true then wouldn’t we all be using Linux because it’s free? Wouldn’t Open office be the de-facto standard of office software? Why would Apple even bother making the iPhone if Google is just going to make Android? Why does Paul bother to make websites when anybody could just do it for themselves?

There are I think three main reasons. Quality, Trust and Support. Open Office is a nice piece of software but it’s not got the features of MS Office, it’s not as high a quality product. Linux is really really well supported if you know where to look, for most people however they’d much rather get a normal computer which they already know how to use and can phone tech support for. And trust, if you pay Paul huge sums of money to make a website for you then you trust he will do a good job, that he knows what he is doing.

So no, I don’t think it is Amateurs vs Professionals, I think it is Amateurs and Professionals. One does not exclude the other, instead one will spur on the other and generate often healthy competition. Think about how much IE6 stagnated because nobody was competing with it any more. Now that people are competing with them on browsers MS are starting to get their act together somewhat.

Next, the work of an amateur can be used to help a professional. PHP is a free product but countless people make money writing websites in PHP. Throughout this “review” I have maintained the position that on average a paid for product or service will be of a higher quality. This is true, on average it will be better but not always. There’s a reason that if I had a 2nd computer it’d be booting Linux and not Vista, there’s a reason I develop websites in PHP rather than C#. It’s because the free option is better or the paid option not good enough to warrant the cost in my opinion.

Lastly I want to come to why. We’ve all seen them, the blogs that must have about 3 readers one of whom is the Mum of the author, I know they exist because I write one such blog. Why do people post up bad photos to Flickr? Why do I spend a lot of time running an online game from which I make no money? It’s because everybody has a hobby or two and this is the way that they peruse it. There is nothing wrong with this and should in fact be encouraged. What may now be a bad set of photos on a flickr account could in a few months with encouragement and tips a very good set of high quality photos. What may for now be just a programming hobby could in a few years turn into a very very good language.

Paul started up this podcast because he thought it’d be fun and may or may not have been high from using the computer for too long. It’s come a long way since then with thousands of listeners and an entire community built around it. Thus I end with the idea that while something may be amateur now, it can become professional in time and that this is good.

Back to top

160. Education, Education, Education

On this week’s show: We speak to Aarron Walter about teaching web standards. Ryan Carson starts a series on web applications and Paul talks about remote user testing.

Play

Download this show.

Launch our podcast player

Housekeeping

A couple of quick pieces of housekeeping to kick off with…

  • Huge thanks to Ryan Taylor, Paul Stanton and Sarah Parmenter who did a stellar job standing in for myself and Marcus on last week’s show. They were actually far too good and I have already started receiving requests that they become the permanent hosts! Anyway, if you didn’t hear last week’s show then make a point of downloading it.
  • My second piece of housekeeping is a quick plug for Bamboo Juice, a grass roots conference taking place in Cornwall on the 24th April. Myself and Jeremy Keith are just two of the speakers in what will be a packed day. It’s so good to see smaller conferences like this springing up outside of London and so I would encourage as many of you as possible to attend. Best of all its only £99 (£79 for Boagworld listeners!)

News

To be honest, what with SXSW and my week’s holiday I am feeling completely out of touch with the web design world. Fortunately, Mr Stanton is continually updating our twitter feed with juicy stories. I have therefore picked 4 that caught my eye.

How to create a great web design CV

Poor old Smashing Magazine. People do like to tease them (myself included), but they write some damn useful articles. A recent example that caught my eye was ‘How To Create A Great Web Design CV and Resume?‘.

This post is essentially two articles in one. It starts by asking 10 designers to design a hypothetical CV for a fictional individual. Each designer writes a short paragraph about their chosen approach and you get to look at some nice examples.

The second part of the post provides 10 useful tips for creating a great CV. Suggestions include…

  • Make it printable
  • Have a summary
  • Link to online projects
  • Show your personality
  • Keep it simple and understandable

For the complete list of tips read the whole post.

Its a good post, but I am not sure whether producing a ‘designed CV’ is entirely necessary for web designers. If I was hiring a print designer then I would expect a CV to look impressive. However, if I am recruiting a web designer I think I would be just as happy receiving a cleanly designed CV that links to a stunning portfolio website.

There are a lot of differences between designing for the web and print. It is possible to be good at one and not the other. Therefore, a printed CV doesn’t tell me much about a persons capability as a web designer. That said, a well designed CV isn’t going to hurt your cause!

Design: Make it Memorable

One tip that could have gone in the Smashing Magazine article, is to make your CV ‘memorable’ and not just ‘flashy’. This picks up on the theme of a post over at 37 Signals entitled Designers: Make it Memorable.

The post talks about the difference between making something visually appealing and actually memorable. Too many sites are impressive but fail to leave a lasting impression. At one point in the post the author writes…

I started to recall those amazing Flash Sites of the Day. You know those sites that get passed around via IM in your office on a slow day? Simply amazing design and programming. Problem is: I can’t for the life of me remember what those URLs were much less the company/product that was being featured! Isn’t that the point with those sites? That the impact should be profound so that you remember Product or Company X?

This is a lesson that all those involved in the web design process need to learn. Whether we are designers or website owners, we have a tendency towards thing that provide the wow factor. However, often it is the thing that makes us go wow we remember rather than the message being communicated.

Statistics and website owners

Our next article of the week is an ‘all too brief’ post on web stats entitled How to Sell Statistics to Clients.

The post focuses on a common problem – most website owners know they should be tracking website statistics, but don’t really know what they are looking for. In fact the author writes…

In my experience, the loudness or frequency of a person’s request for web statistics is inversely proportional to their understanding of them.

That has often been my experience too.

He goes on to identify three ways that we as web designers can help rectify this problem. These are:

  • Providing cheat sheets that help the client understand terms like ‘hits’ ‘page views’ and ‘unique users’.
  • Add web metrics training into the budget of your projects.
  • Provide summaries and reports for the client on key metrics such as conversion rates or sales.

To be honest this is a much bigger problem than can be covered in a short blog post. Too many website owners think that having Google Analytics will solve their statistics needs. However, having the data is not the same as understanding it. If this information is misread it can lead to bad decisions about the future development of a site.

Specialist vs. Generalist: Who Wins?

The final post this week is of interest to pretty much everybody who listens to this show. It asks which is better – the Specialist or the Generalist.

This is an important questions for both web designers and website owners. As web designers we need to know whether we should be specialising in a specific area of web design. It is important for our careers and our businesses.

As website owners we want to know whether the pain of dealing with multiple specialist suppliers is worth the increased expertise you would receive over a generalist.

It has to be said the article is written mainly from the web designers perspective. However, I think there are lessons to be learnt for all sides.

The post outlines the pros and cons of both approaches, but ultimately comes down on the fence when it says…

There are advantages to being in both groups, but I think the only way to be truly successful is by being a little of both. You can be a specialist, but in order to be able to develop a profitable business, you may need to be able to supplement your specialty services with some add-on services that may not be exactly in line with your focus.

Personally, I think it depends on how you define specialist. The type and level of specialisation can vary massively and the way you position yourself will define your success. For example, you may specialise in a certain discipline (e.g. Ruby on Rails development) or in a specific market (Higher Education).

Ultimately, whether you are a website owner seeking an agency or a web designer forging a career, it is all about balance.

As a web designer, if you specialise too much you will not find work. If you generalise you cannot differentiate yourself.

As a website owner you want a web designer who is enough of an expert to deliver an outstanding solution, but you do not want so many specialists that your project turns into a nightmare.

Back to top

Interview: Aarron Walter on Interact

Paul: Hello, and so joining me today is Aarron Walter. Good to have you on the show, Aarron.

Aarron: Thanks for having me.

Paul: And the reason we have Aarron on the show is because he is going to talk about a new initiative.. is ‘initiative’ the right word, Aarron?

Aarron: Yeah, yeah.

Paul: Let’s go with that. A new initiative from the web standards project, called Interact. Now, let’s kick off, Aarron, by maybe you telling our listeners a little bit about what Interact is.

Aarron: So, whilst Interact is an open curriculum framework, basically we’ve been recognising that the Web Standards Project has been around for a long time and we’ve done a lot of things to try to get standards into industry. And to a certain degree we’ve made some big triumphs in that respect, but there are still a lot of websites out there that aren’t following standards and people that are sort of behind. And we saw the Achilles heal as to why that’s not happening, as really, education. So, you know, our medium’s really young and it hasn’t really found it’s bearings with how we’re going to marry industry and education, so whilst Interact is a curriculum that has a series of courses that teach not only web standards, but best practices.

So there’s of course the stuff that you would expect from WaSP which is the front-end development courses that teach progressive enhancement and semantic markup and that sort of thing. But we have six learning tracks that include foundations; there’s a course in there that’s like an intro to internet concepts and how people can use the internet to teach themselves and use RSS, that sort of thing.

So there’s front end development, there’s a design track, there’s server side development, there’s user science and then there’s also professional practice. So what we’re trying to do is create a collection of courses that are very modular, to try to get these into schools. And we recognise that not every school is just going to take the entire curriculum and integrate that into their program. You know, if you’re a Computer Science program maybe you’ll take a course or two, if you’re a design program you’ll take a course or two, or even just grab the assignments or look at our competencies.

Each course is based on competencies, which are the things a student has to master before they can pass a course. And then the evaluation methods: So each course has assignments, it has exam questions, it has readings that come from Operas own web standards curriculum – we’ve been collaborating with them. It has textbooks, it has pretty much everything that an educator could need to teach a particular topic.

Paul: Okay, so is this something that is then aimed entirely at educators, or if somebody wanted to get into web design and they were trying to learn it in their spare time, could they just go to this and use it in isolation by themselves?

Aarron: To some degree, I guess they could, but Operas web standards curriculum is really learner-centric, so if you’re trying to teach yourself, that’s probably the place to go. But ours is very much focused on educators, because we feel like there’s a lot of great resources out there on the web if someone wants to teach themselves, but there’s not a lot of great stuff for educators to get stuff into their courses.

Paul: So, when you say ‘educators’, I mean what kind of level are we looking at here? Earlier you mentioned schools. Are we talking about school age, or are we talking about higher education? What are we covering here?

Aarron: I’d say our primary target is higher education, colleges, universities, even training programs to some degree. But we are also seeing some of our content in high schools as well and we’d like to see that more. Especially foundations courses like the web design one course or the internet fundamentals course. If students could go into college with a solid foundation, then they can start to focus more on "What can I do with these techniques?" than theory and concept.

Paul: So is this design to be fairly international or is it quite U.S centric in the way that it’s written.

Aarron: We want it to be very international and the people that have worked together on this are from lots of different places. We’ve got some folks in Europe, Canada and of course some folks in the U.S, so it is in an international group that’s coming together and we’re actually working with WaSPs ILG group – that’s the International Liaison Group. And we’re working on, this year one of our big goals is to try to get a lot of our content translated to different languages.

Paul: Okay, so there will be multiple language versions of all of this as well at some point?

Aarron: That’s the direction we’re heading, yes.

Paul: So, I mean, how did this come about in the sense of, you know, well, how did you get involved in it for a start and what was the motivation behind it?

Aarron: So, I’ve been teaching for the past ten years in different schools in the U.S and colleges and universities, but I’ve also been working in the industry as well. And I got on WaSPs mailing list, I just joined the mailing list and started to talk to some folks and then they invited me to join – it was a year ago, I guess it was at the very beginning of 2008 – and so I joined the education task force who created the Interact project. And basically there were ideas about the curriculum and I’d heard lots of people say "Yeah, what we really need is, you know, education’s way behind" and they’re happy to point fingers and "We need a curriculum", but it just never was really transpiring from anyone coming from the industry and so we kind of just decided we need to do this. And I’ve helped create curricula before as a faculty member at the Art Institute of Atlanta and so I had some ideas and we had a really great group of folks that are in the education task force – people that are educators and people that are experts from the industries. So, yeah.. actually South by South West was where this all started, which is pretty amazing, of course there are lots of great people there. So Glenda Sims, who’s one of the heads of WaSP these days introduced me to Chris Mills from Opera who was working on his project and we kind of had some drinks at the Geeks Club bowling event and we just kind of went crazy talking about these ideas. And Steph Troeth then Leslie Jensen-Inman and we all had these ideas, and then we just set a goal for ourselves in 2008 at South by South West and we said "In a years time, we’re gonna be back and we’re gonna have a curriculum." and that’s what we did. This year we launched our curriculum at South By.

Paul: That’s quite an impressive turnaround for the amount of information that’s in there. How did you draw everything together? Where did it all come from?

Aarron: Well, we met every week online and we talked and we established a course template, which really helped us. The stuff that we really needed to put in these foundation courses, we all know what needs to go in there. It’s just a matter of getting around the pedagogy or the educational part of it. So we developed a template for assignments, a template for a course and a template for learning modules which are basically like, you know, a teacher could teach a concept like let’s say, HTML forms in a weeks time. So we developed those templates and then from there we just assigned courses to different people and we used a wiki and we just met regularly and.. I gotta say, you don’t have to have a huge group to develop a curriculum.You just have to have a few people who really have their heart in it and.. we have some amazing folks, so..

Paul: So, what kind of response are you getting so far from H.E institutions? Are they interested in adopting it? If they are, how are they going to go about that, because, I mean, my impression is that it always takes forever to get a curriculum approved at a university or whatever. So I’m just interested in how that process is going.

Aarron: Yeah, education is.. one of it’s benefits is that it’s slow to move, so once it gets a solid foundation it keeps that solid, but you know, one of it’s drawbacks is that it’s slow to move. And so we’ve got some schools that are really excited about it and generally the folks that.. you know, it’s only been a couple of weeks that this has been live, we’ve got some folks that are really excited about it and those are folks that were kind of headed in the same direction themselves. So we’ve gotten some responses from schools in Europe and some schools in the United States that are interested in pulling some stuff in. And we have a school that’s looking at using a lot of our content right now. So we’re in the early stages of trying to get this out there. I think the easiest part is building the curriculum, because we know what needs to go in there. The hardest part is getting it into schools. So one of our strategies is to get the endorsements of folks in the industry, so we’ve gotten endorsements from Google, from Yahoo, from Adobe, from W3C, from Opera, from Mozilla – they’re all just super excited about what we’re doing and that sort of brand recognition can help us get our foot in the door with schools. And of course going out to conferences, we’ve got folks at the European Accessibility conference right now, talking about it, so we’re just trying to get out there and let people know.

Paul: Excellent. That sounds brilliant. I mean, I know that a lot of people that listen to the Boagworld podcast – there’s a large number of students that we’ve got listening and I often get complaints about this, that what they’re being taught at university bears no resemblance to what they’re hearing on this podcast. And I’m hoping that that’s because the podcast is right and the university is wrong and not the other way around. So if they’re listening to this and they’re getting really excited about it and, you know, they’ve gone to your website and they’re seeing the curriculum – I’ve got it on front of me now and it does look really exciting – how do they make this happen in their institution? What would you encourage them to do?

Aarron: So, this is the interesting thing – that so many of us have complained about a problem, but there aren’t a lot of people that will take that complaint and turn it into action. So if you’re a student or if you’re an educator what we need you to do is, there’s a page that’s called Advocate Standards (http://interact.webstandards.org/advocate/) – you can get to it from the homepage of http://interact.webstandards.org. It kind of just describes what standards are, why they’re relevant to you and we need people to share that information with their teachers, we need people to share just this website with their colleagues and show them the testimonials of the people who believe in this and want students to come out of schools with these skills. So we need people to act in a bottom-up sort of way, you know, grass roots. Take this to your classroom, take this to your teacher, take this department chair and just let him know. That’s the most powerful thing that people can do right now.

Paul: I mean, what I’m quite excited about from looking at this curriculum is that it contains a lot more than "Here’s how you code in X language" or whatever and even has got more in it than just design and user experience stuff. All this stuff about professional practices is very exciting too. Could you perhaps tell us a little bit about that?

Aarron: Yeah, so professional practice, we want people to not only get the concrete skills of "I can code a standard compliant page" or "I can construct a usable website", but we want people to be able to present their about their work and you know, be able to survive in a real career in the web. And so professional practices is going to have a series of courses to do that. We’ve got some pretty exciting ones that are coming up. There’s ‘writing for the web’ – it’s going to be a really cool one, that Alan Hussain from a List Apart is going to be creating. And we have a presentation course that’s coming down the line. So, we’ve got a number of those coming up.

Paul: That’s quite interesting, you just said something that I hadn’t grasped which is that there’s more to come here. That this isn’t the end of the line. It sounds like you’ve got lots more that you’re still developing. Is that right?

Aarron: Yeah. We call it a living curriculum, because you never write a curriculum and then you’re done. Especially in our industry, things change so fast. is what of course we’re going to be working on this year. Our design track is light right now and we want to try and address that ASAP, so we’ve got Dan Rubin and Ethan Marcott, are working together to create a foundation design course, that is specific to what web designers need to understand. And we also have Dan Mall is going to be helping us with a Flash course and Aral Balkan is also going to help us with some flash stuff too. We have a lot of stuff going on this year for new courses, so we hope next year at South By when we see everybody that we’ll have a brand new stack to add to Interact.

Paul: Excellent, so do you kind of envisage, from an institutional point of view that, like we were saying, it takes a long time for a curriculum to get approved and that part of the problem has always been that, by the time it’s approved it’s out of date, when it comes to the web. So is the idea that you’re going to get institutions to buy into the Interact curriculum in its evolving nature so that they always get the most up to date version of it. Is that the kind of plan? They’re not grasping one moment in time from it, if that makes sense?

Aarron: Yeah, exactly and we want to take some of the hard work out of being a teacher. I speak from experience, there’s so many things you have to keep track of and trying to keep pace with a lot of changing technologies and concepts, that’s hard on top of the umpteen other plates you’re spinning. So that’s exactly what’s going to happen, is that our courses, they’re not chiseled in stone, they’re published on the web, they’re in an expression engine and we’ll change those as they need to be changed. But that said, we need to strike a balance, because we can’t be chasing every new technology all the time, we have to evaluate and there has to be foundational concepts that remain steady. Separation of presentation and content, that’s steady foundation concept. But new technologies or techniques, they might change.

Paul: Okay, I mean, the whole area of education and web design is massively exciting and there’s so much going on at the moment in so many different fields. I mean, from your perspective, what else out there is really exciting you at the moment that you’re seeing.

Aarron: There’s so much, I just feel like last year that I just saw so many companies, organisations, individuals that, it seems that everyone just was pissed and they just walked out their house and they were headed in one direction until it was like everyone sort of meets up in one big mob. And so, what Opera’s doing, what Chris Mills has done with the 55 articles that he’s brought together and edited for Opera Web Standards Curriculum, that’s huge. Those are all rolled into WaSP Interact as our recommended reading, so that was fantastic. Yahoos Juku project, if you’ve heard of this it’s quite amazing. Nick Fogler, who’s the running Juku – Yahoo actually has a training program, where they bring students that are not employees, they’re not hiring them. They bring them in and they train them to be front end engineers over the course of a few months. And they’re doing it because they’re trying to solve this problem on their own. So, we’re talking with them about how they’re solving problems and looking to collaborate and discuss what we can learn from them. John Allsopp who runs Web Directions (the conference series), he brought myself and Chris Mills and Steph Troeth together with a number of other experts and we did Ed Directions, which was a day long workshop that taught teachers how to teach these concepts in their classroom. So there’s just so much stuff that’s happening right now and that’s just the tip of the iceberg.

Paul: Exciting stuff. It sounds like it’s a really good time and it’s great to have you on the show. How you manage to fit all of this in alongside earning a living too is quite beyond me, but it’s really good that so many people are volunteering and pitching in. That’s great. Okay, let’s get you back on the show, I guess in a years time and sees what’s changed. But thank you very much for coming in now and I will talk to you again soon. Thanks.

Aarron: Thanks for having me.

Thanks goes to Andrew Marquis for transcribing this interview.

Back to top

Listeners feedback:

We have two emails this week dealing with two totally unrelated subjects.

Remote user testing

Our first email is from Steve. He writes…

Catching up on past podcasts, I listened to the episode on User Testing (#150). A method I’ve used that I haven’t heard tossed around much is remote user testing using a screen sharing program like GoToMeeting.

I used this for usability testing of our Intranet and it has several advantages:

  • No need for people to come to central testing facility, or you to go to them.
  • The user is at their own computer, so more comfortable.
  • Ability to record the entire session (screen and audio) so others can look at it later.
  • Tester can conduct testing while in his underwear only (I didn’t do this, but you could.)

What do you think of this method?

Sounds interesting although it would not be my preferred approach.

It’s easy to become a snob when it comes to usability testing and so let me make it entirely clear – any usability testing is better than none.

If you have no budget for user testing, test on friends and family. If time is tight, test on a colleague sitting nearby.

In the same way, if you are having trouble arranging sessions then use Steve’s approach. Something is always better than nothing.

That said, I do have some concerns with remote testing. These include…

  • It sets a minimum bar of technical competency. A user has to be able to connect to the system in order to participate. I know this would have been beyond the capabilities of some test subjects I have worked with.
  • It is less personal. Face to face usability testing puts users much more at their ease and allows you to build a relationship that facilitates honest feedback.
  • It does not allow you to read non-visual signals. Users will often pull a face or shift their positions when they are frustrated. As a facilitator you need to be able to see these signals and ask what they mean.
  • You are not seeing exactly what the user is seeing. You can only see their screen. You cannot see other distractions such as TV in the background. You cannot see the position of their keyboard and mouse. You have a limited field of view.

My preferred approach is to test in people’s homes. Not only are the users more relaxed, you also get a unique glimpse into their world. You see where they access the web, you learn about their home environment and even gain a better understanding of their character.

However, we do not always live in a perfect world and so would definitely use remote testing if better options were not available.

Finding a job

Our second email is a rather despondent one from Andrew…

I have one question, In the past you’ve talked about hiring new for staff, but as far as I can tell you’ve never discussed how to look for a job. I’m currently looking for a career in the industry, but I can’t get a resume to any company or even talk to someone of said company. Almost all the businesses I’ve approached (or at least tried to) either work from home, are no longer at that address, or no longer in business, and actually are just freelancers. And when I find a job posting online its for someone far more experienced then I am. I’m completely demoralized.

You have my sympathy Andrew and I have to say its a tough time to to break into any new sector including web design.

I am also probably not the best person to answer this question. I have been completely unemployable for some time now due to my ill defined skillset and opinionated character :)

So, I am going to try something different with this question. If you have some advice for Andrew, post a comment below. That way we can get the Boagworld community helping each other.

In the meantime here are a few random ideas from me…

  • Give up on the cold calling technique. Randomly contacting agencies is largely a waste of time. You have to get amazingly lucky to contact an agency who happens to be currently recruiting.
  • Try for an internship. Admittedly you will not get paid, but it is a foot in the door. You get a chance to improve your skills and also get to know the people in the industry within your area.
  • Be willing to move. There are jobs out there but they are often further a field.
  • Put yourself in a neat little box. Potential employers need to know what you do. Are you a designer, a coder or a server side developer? Companies don’t know what to do with people who know a bit about everything.
  • Start networking. The best place to find job opportunities is by attending conferences and meetups. Even if you cannot afford the conference itself, turn up at the parties and stand in the halls. Just get yourself out there.
  • Register with recruitment agencies. As an employer I hate recruitment agencies because they cost me money. However, we do still sometimes use them and it doesn’t cost you anything to be listed with them.
  • Ensure your website is perfect. The first thing I do when I look at a potential employee is check out their website. Their site has to be outstanding. It needs to look amazing, be well coded and rich with great content that demonstrates a passion for the web.

Hopefully that helps Andrew and keep an eye on the comments for more advice.

Back to top

Series: Building A Better Web Application by Ryan Carson

Ryan Carson: Hi I am founder of Carsonified a small web company in Bath, England. I am an American as you can probably tell, as for living in England I have been here about nine years. So a little bit of history about us real quick so you know who I am. I have a computer science degree and I have been involved in building four web apps and we are building a fifth truvay.com which will be released later in 2009, and we have sold two of our webapps dropsend.com and heyamigo.net. So the stuff that I am going to share with you today are lessons I have learnt the hard way basically as we have built web apps.

So the first thing I want to talk about is the Admin area that you will build for your web app. What a lot of people don’t know is that the Admin area is really the key to good customer service. If you haven’t enabled really easy customer service then it makes it hard to actually please your customers when they have problems so the first one to make sure you build into your admin for your web app are one click refunds so if someone calls and complains and says hey I am having trouble this month I am really frustrated please help you want to be able to just go into the admin do a search for their email address, their name or their company or anything and bam one click and refund their last invoice and what this does is it gives you, it gives you the ability to just make them happy right away. With a lot of web apps these days on recurring billing you will probably be charging people 5,10,15, $20 a month so losing that amount of revenue in return for really making a customer happy is super important. So make that easy for yourself to refund that money.

The second thing I would make it easy to do is have one click password reset that automatically sends out email with the new password, so with Dropsend it was really hard to reset people’s passwords and that was the number one request people had problems with, they couldn’t remember their password. So if I was to do it again what I would do is I would actually build the admin so I could forward an email from somebody presuming they had sent it from the email address of the account, forward it into Dropsend or the admin and it would automatically know that what it needed to do is reset the password for that email and then it sends out a new one so literally you do not even have to visit the admin area to reset someone’s password you just forward an email that would be amazing, so that’s the way I would do it next time.

The next thing I would do is also doing a one-click resend invoice. So a lot of people they don’t understand they can go into their "My Account" area of a web app to see their past invoices and what they will do is they will just email you and say hey you know I need last month’s invoice. If it is hard for you to find that or send that it is going to make you less likely to help that person so I would do a search on the email address show a list of invoices bam one click and it emails them a pdf version of the invoice. That’s another, that leads me onto another area that I would like to talk about that is invoicing. If you are doing recurring billing sort of every month billing your customers make sure that you are not re-inventing the wheel I would recommend a web app called Spreedly.com and what it is basically it is a web service for recurring billing they have done all the hard work, written all the code, the code for the Dropsend recurring billing was at least I think 1200 lines of PHP and it was good solid code but it was really hard and painful to write. So I would recommend don’t re-invent the wheel use a service like Spreedly because it is making calls to an API if later you decide you don’t want to use a service like Spreedly any more that layer has been abstracted out so you could replace it with your own billing system or another one and it won’t kill you, but I would say hands down don’t rebuild reoccurring billing it is a real pain in the ass.

The last tip I would say about your admin area is make sure that it is easy to give your customers credits. you want to be able to login search for an email address and just give them, hey I want to give them five bucks towards next month, ten bucks just to make them happy and you will have lots of happy customers. So that is my five minutes of tips, thanks Paul for letting me be a part of this. Take care Bye.

Back to top

10 ways to Battle Site Bureaucracy

Running a large institutional website is frustrating. Your site is often held back by internal politics and bureaucracy. Let me show you 10 ways to cut through the crap and get results.

My recent post ‘10 harsh truths about corporate websites‘ generated a huge number of comments both on my own blog and on Smashing Magazine. I seemed to tap into an undercurrent of frustration that exists within the industry.

However, although there was a lot of agreement about the points I raised, there was also resignation. There was a feeling that little could be done to overcome these problems because institutional websites are too entrenched in bureaucracy and politics.

Although I can sympathise with this position and have myself suffered from the problem, I am not one to give up! Over the last decade of working on these sites, I have developed a number of techniques which (sometimes) help to smooth their evolution. Hopefully they will help you too.

1. Educate and inform

At the heart of any technique for dealing with politics and bureaucracy has to be education.

Although there are occasions when people are just ‘trying to be difficult’, in most cases their objections are based on ignorance.

You cannot expect people to be as knowledgeable as you about the web. If you want people to make informed, sensible decisions you must educate them.

Education is also not just about giving them the background to a specific decision so they understand ‘why you are right’. It is about increasing your organisations general understanding of the web.

Run workshops, publish email newsletters, do anything that informs people about the latest web innovations. Increasingly I am invited into organisations to run short seminars on everything from accessibility to facebook! This kind of ongoing education means people are better informed when tough decisions need to be made.

2. Hold stakeholder interviews

One technique that we find very effective at Headscape are stakeholder interviews.

Stakeholder interviews involves meeting individually with anybody who has a ‘stake’ (interest) in the website. This is typically members of the marketing and IT teams, as well as departmental heads and senior management. However it should also include suppliers, customers and users of your website.

These one-to-one meetings provide two opportunities…

  • Requirements gathering – It is easy for website owners to live in isolated bubbles, separate from the rest of the organisation. These meetings provide an opportunity to understand the real needs and objectives of others within the business. It will highlight ways that your website can help, which you might not have previously considered.
  • To be inclusive – Stakeholder interviews offer a ‘political benefit’ as well. By meeting with people individually they feel included in the process. They feel their opinions are valued and listened to (which they should be!). People are much less likely to object if they have been consulted before a decision is reached.

People often complain about the website in stakeholder interviews. Allow them to do this and avoid becoming defensive. They will feel more favourably towards you and your website, if you listen to their concerns. We all like to be heard.

3. Avoid group committee meetings

The key to stakeholder interviews is their one-to-one nature. Group meetings can be very destructive. This is for a number of reasons…

  • The need to defend – In large organisations that have internal politics, everybody feels the need to defend their own ‘turf’. If somebody criticise the website, you are forced to defend it to ‘save face’ in front of others. Equally others feel the need to defend their own positions for the same reason.
  • A tendency to compromise - When two individuals in a group reach an impasse, the others try to find a compromise. This kind of ‘design on the fly’ inevitably leads to a bland solution. It will neither offend or inspire anybody. Unfortunately, to create a successful website you need to make tough choices that some will not like. A group approach does not lend itself to this.
  • A loss of control – It is easy for you to loss control in a group meeting. One-to-one meetings work better because you can divide and conquer. Only you know what the other stakeholders said. This puts you in charge and allows you to ‘cheery pick’ the feedback you receive. In a group meeting things can easily get out of hand and decisions are made without your buy-in.
  • The dominant individual - Every group has one or two dominant individuals. These are the people who bounce the rest of the group into agreeing with them, forcing their agenda through. A dominant individual drowns out quieter members, who become resentful later that nobody listened to them. Meeting with people individually prevents this because the dominant individuals cannot force their point of view on others or overwhelm quieter ones.

One cannot expect a larger organisation to run its website without some form of committee. However, there is no reason why that committee needs to meet as a group.

4. Target your influencers

Talking of dominant individuals, another successful tactic is to target influencers.

An influencer is somebody that others respect and follow. Their opinion is incredibly valuable and if you can sway them to your cause, others will fall into line. However, be careful not to confuse dominant people with influencers. A dominant person will ‘bully’ others into publicly agreeing with them. An influencer will fundamentally alter somebody’s attitude.

Identify who influences your decision makers and speak to them personally. This person might not even be a decision maker themselves, but they carry enough clout to make them worth your time.

When you meet with your influencers, really listen to what they have to say. They often have valuable insights which may change your strategy significantly. Do not go into a meeting with an influencer simply intent on pushing your own agenda. Instead try and shape your approach around their perspective.

If you get an influencer enthusiastic about your project it can make a huge difference.

5. Use third party experts

A variation on the influencers technique is to back up your ideas with third party expert opinion. This can be done in two ways…

  • Reference the work of a third party expert – For example, if you wish to discourage internal stakeholders from overwhelming users with options on the homepage, you might refer them to Steve Krug or Jakob Nielsen who have both written on the subject.
  • Hire a third party expert - I often find myself brought into companies simply to confirm what in-house staff have already been saying. Unfortunately, decision makers often doubt the opinion of their web team because they either undervalue them or feel they are pushing a hidden agenda. An independent expert can add creditability to your opinions.

Of course, for this approach to work the stakeholders need to respect the expert. There is no point referencing Steve Krug or hiring Jakob Nielsen, if the decision makers have never heard of them. It is often necessary to sell the credibility of your expert first.

6. Rely on evidence, not opinion

Sometimes it is better to avoid personal opinion entirely (even if that is the opinion of an expert). In such cases statistics can be your friend.

Nothing is more powerful for driving home a point than referring decision makers to Google Analytics. However web stats are not the only evidence you can draw upon. Others include…

  • Surveys and polls are an excellent way of getting feedback from your users that can then be presented to decision makers.
  • Twitter search and Google Alerts can be used to gauge how people view your site and brand. These can be powerful testimonials to present decision makers.
  • Heat maps can be used to take some of the subjectivity out of design.

Of course one of the most powerful evidence you can present is the results of usability testing.

7. Focus on the user

As website owners we know that a successful website is user focused. However, not all our decision makers will understand this and even those who do may get ‘distracted’ sometimes.

It is therefore important to constantly move our decision makers away from their own personal preferences and back on the needs of users.

User testing is one way of doing this. Being able to show decision makers how real users interact with your website is incredibly powerful. It helps them empathise with the needs of users rather than thinking only about their own agenda. Play them video clips of users interacting with your site or at the very least quote them the feedback of users.

However, even if you involve decision makers in user testing, they can still get caught up in their own agendas. One gentle way of preventing this is to word your questions carefully. When you need a decision makers response to something don’t ask…

What do you think?

Instead ask them…

How do you think users will respond to this?

This will keep them focused on the needs of users.

8. Control the feedback

As well as wording questions carefully there is also a need to control the feedback you receive. This is important if you want the decision makers to make considered decisions.

Take for example design sign off – never ask a decision marker if they like a design. It is too broad a question that will lead to a plethora of uninformed and ill considered responses. Instead ask them more specific questions such as…

  • Does the design conform to the brand guidelines?
  • Does the design meet the needs of our users?
  • Does the design emphasis the right content?
  • Does the design have a clear call to action?
  • Does the design fulfil our business objectives?

This prevents the decision maker from falling back on their gut reaction (i like it / I dislike it). It forces them to focus on the issues that define whether the design is successful or not and ignore personal preference for specific colours or layout.

Of course, sometimes you will not like the answer to these specific questions. When that happens you need to ask why.

9. Ask why

This is probably the most powerful of all the techniques I have listed here and yet by far the simplest.

When you face opposition to your plans, always ask why. Too often we switch to defensive mode and focus on better communicating our own position rather than understanding the opinion of the person opposing us. This is a mistake.

The question why is powerful for three reasons…

  • It informs – Often the objection raised initially is not the true underlying issue. By asking why you get to the root of the problem and that allows you to offer alternative solutions. Asking why ensures you have all the information required to deal with the issue.
  • It can confound – Most of us make decisions based on an intuitive leap. We do not always think through our decisions and so find it hard to articulate the underlying reason. By asking why you force people to stop and consider their logic. When they struggle to express the underlying reasons, they weaken their position.
  • It shows interest – By asking why you allow them to have their say. You demonstrate an interest in their opinion and establish empathy with their point of view.
  • Ultimately asking why avoids the disagreement from turning into an argument with entrenched position.

    10. Avoid confrontation

    I avoid confrontation at all costs. Going head-to-head with somebody especially in front of their colleagues achieves nothing. You can rarely get somebody to shift their position through confrontation.

    Once a disagreement escalates into a confrontation, nobody can afford to ‘lose face’ by backing down. It becomes a matter of ego, where pride dictates the outcome. Your website will almost certainly be caught in the cross fire.

    A better approach is to agree. The word yes can be immensely powerful. Whenever somebody suggests something to me, no matter how stupid, I will do the following…

    • Acknowledge and thank them for their input.
    • Say yes we could do that.
    • Go on to explain the consequences if we did.
    • Offer an alternative which could achieve the same aims.

    In short I tend to go around problems rather than bashing my head against them. I always look to work with others rather than against them.

    Conclusions

    So there you go, 10 techniques for battling site bureaucracy. I do not claim these techniques are foolproof. Neither do I suggest they are always appropriate. However, they are useful techniques in your arsenal which you may want to call upon from time to time.

    Finally, this is not a definitive list. I could have written more but then it wouldn’t have been a ‘top ten list!’ However, I would be interested to hear what works for you. Post your techniques in the comments.

    Tips for a transformed twitter

    With everybody from Britney to Obama now on Twitter it is safe to say the social networking platform has gone mainstream. But what does this mean for the service and how can we as website owners use it?

    Paul Carter from New York writes:

    Paul, I notice that you have been lamenting a lot on twitter about it becoming a marketing tool. Is that really wrong? Shouldn’t we be embracing and using it?

    I sent my first twitter in November of 2006, only 7 months after the services launch. For me it was a way to keep in touch with new friends I had made at the Refresh 06 conference. It was less intrusive than instant messaging and less formal than email. I quickly became hooked.

    For the longest time it was the tool of geeks. My friends laughed at me as I sent tweets from the pub, my family stared blankly as I explained the service. However, that has all changed now.

    Like Facebook before it Twitter is everywhere at the moment. It was even recently discussed by Stephen Fry and Jonathan Ross on the BBC in front of 4 million viewers. It has become mainstream and increasingly it is being used as a marketing tool. There is no going back.

    However, Paul is right. I am wrong to lament what Twitter once was and should embrace it as a tool I can use. Nevertheless like everybody, I need to be careful how I use it. I do not believe Twitter users will allow the tool to be reduced to a broadcast mechanism for pimping the latest blog post or special offer.

    So how am I choosing to use Twitter?

    I guess the first thing to say is that I am not a Twitter success story. Sure I have nearly 4000 people following me but that pale into insignificance when compared to others. That said, Twitter is turning into a third string of my online presence, alongside this blog and podcast.

    With that in mind let me share with you a few tips that have helped me better utilise this interesting new tool.

    1. Above all, keep it personal

    Although twitterers like CNN breaking news have been very successful, generally I feel corporate twitter accounts are a mistake.

    In my opinion twitter is about person to person communication and not a broadcast tool for faceless corporations. To use it in that way is to miss the potential of twitter.

    Does that mean you cannot have a twitter account for your organisation? Not at all. For example if Vitaly Friedman created a twitter account you might not recognise the name. However, if he used the name SmashingMag you are more likely to follow because you know the Smashing Magazine website.

    It is not the name that matters so much as the tone of posts. In my opinion your tweets should be more than an endless string of press releases and links. It should include personal content and a dialogue with followers.

    This is important because it enables you to make a connection with your users. An open and honest relationship with users is very powerful. It builds trust, loyalty and engagement. It encourages repeat traffic and word of mouth recommendation.

    CNN Breaking News Twitter Page

    2. Learn from others

    I have learnt a lot about Twittering just by reading the tweets of those I admire. Merlin Mann for example injects a lot of humour into his posts and his followers really respond to that. Darren Rowse on the other hand strikes a good place between recommending content others have written with promoting his own posts.

    As well as examining the style of others you can also examine statistics. Use a tool like TweetStats.com to examine how often others tweet and how often they reply to their followers. All of this helps to build up a picture of what makes a successful twitterer.

    There are also a growing number of great sites which give advice on how to get the most out of twitter. One of my personal favourites is TwiTip that covers subjects such as “The Merit of Twitter Competitions” and “How To Get Unfollowed On Twitter“.

    TweetStats

    3. Get a good desktop client

    Without a shadow of doubt the most powerful twitter client currently available is TweetDeck. This air application not only runs on Windows, Mac and Lynx but also provides a range of superb tools for managing your life on Twitter.

    With TweetDeck you can create groups, filter tweets, monitor certain subjects as well as tweet, reply and retweet posts.

    In fact it is so powerful that it can be somewhat intimidating at first. Don’t let that put you off. Check out this short tutorial into TweetDeck’s core features and you will be up and running in no time.

    TweetDeck

    4. Use twitter on the road

    If your twitter account is going to be personal as well as professional then you will almost certainly want to use it on the road. One option is to simply use Twitters mobile website. However if you are fortunate enough to have an iPhone then there is a wealth of Twitter clients available to you.

    I think I have paid for and tried almost every twitter client on the Iphone, but the winner hands down is Tweetie.

    I love Tweetie. It has a clean, easy to use interface, and yet is packed with powerful features including the ability to:

    • Handle multiple twitter accounts.
    • Navigate reply chains.
    • View twitter trends and perform custom searches.
    • Access complete user profiles.

    In many ways it is even better than TweetDeck because it has much of TweetDeck’s power, but in a much cleaner interface. If only they did a desktop application!

    Tweetie Screenshots

    5. Tracking the results

    Although I have already mentioned TweetStats, that is just the tip of the statistical iceberg.

    There are an ever growing number of tools you can use to track your activity on twitter. However, the ones that really interest me are those that track click throughs. What I really want to know is if I mention a link in twitter, how many people click through.

    If the link is one on my own sites I could use Google Analytics using their URL tagging tool. However, this is somewhat fiddly and only applies if I am linking to my own site. What is more these URLs can get long, which is a problem when limited to 140 characters.

    Fortunately there is a tool called TwitterBurner which solves these problems. It shortens the URL and tracks all click throughs even to sites you do not run yourself. Best of all it is now supported from directly within TweetDeck (although not Tweetie unfortunately).

    Tweetburner Homepage

    6. Follow as well as be followed

    Always remember that Twitter is a two way conversation. A big part of successful twittering is about replying to those who tweet you.

    Twitter is also not just about who follows you. It is also about who you follow. One service that I find particularly useful is Mr Tweet.

    Mr Tweet will provides two type of information.

    • First it suggests people you might want to consider following because they fall within your broad network (people who are followed by your friends).
    • Second it suggests those from your list of followers who you should follow back.

    For each of these people it provides various stats including:

    • The number of followers they have
    • The chance of them replying to you
    • How often they update

    This is a great way of extending your network of contacts and potentially increasing the chance of your tweets being retweeted. Its also a great way of meeting new people!

    MrTweet homepage

    7. Integrate whenever possible

    If you are intending to use Twitter for anything other than personal use it needs to be incorporated into the rest of your web strategy. That means it needs to linkup with your other online activity including your website and other social networks.

    There are no shortage of tools that help you do this from the basic twitter widget to a tool for sending your tweets to facebook.

    One tool that particularly caught my attention is called TwitterFeed. It posts content from an RSS feed to Twitter which is a useful way of updating your followers about new posts.

    However, use any tool that automatically posts to Twitter with caution. It can easily become annoying if used too much. Also it lacks the friendliness of a personal post.

    twitterfeed homepage

    8. Don’t over think it

    Of course the problem with all these tools, statistics and analysis is that it can suck the spontaneity and personality from your tweets.

    Although some of those late night drunken tweets are best gone, you want to avoid your tweets becoming too sterile.

    Let me explain what I mean. I am naturally a fairly good public speaker. However, once I was sent to a public speaking workshop. They taught me all the techniques you should use to be exceptional. However, instead of it improving my skills it made me so amazingly self conscious that I was paralysed. I was over analysing what I was doing.

    The danger is we do the same with Twitter. Sure, Twitter can be used as a marketing tool but that doesn’t mean it cannot be fun too. Don’t let articles like this suck the joy out of twittering!

    Twitter message from Boagworld: mmm... caburys cream egg and redbull. Nice post lunch snack

    5 options when website budgets get slashed

    Your site is in desperate need of a redesign, content is out of date and the technology is archaic. Unfortunately times are tight and your budget has been cut. What do you do?

    The economic downturn is affecting everybody and even at Headscape we have noticed the budgets of clients shrinking. With less money to spend how can you maximise the return on your investment?

    To be honest I think it is a good thing that people have less to spend on their websites. We have had too many clients approach us asking for complete overhauls of their sites when that is not what is really required. Often more subtle changes can have a greater impact over the longer term. They certainly generate a better return on investment.

    We have been working closely with our clients to suggest ways they can improve their sites without breaking the bank. Here are just 5 of our suggestions.

    1. Realign rather than redesign

    Why do you need a redesign anyway? Redesigning your entire website is time consuming and costly. However, more importantly it is often unnecessary. I seem to be quoting Cameron Moll’s excellent article “Good Designers Redesign, Great Designers Realign” a lot recently, but that is because he talks a lot of sense. He writes:

    Like a kid in a candy store, we creatives redesign like it’s the new black. Why do we possess such an insatiable desire to refresh and remake? Why do we thrive on renewal? What tempts us to be seduced by the sway of renaissance?

    I believe it is because we see a redesign as the solution to a failing, tired site. However that is rarely the case as Cameron goes on to explain:

    Too often, look and feel, color scheme, layout, and identity are presented as solutions to problems… long before regard is given to other less-aesthetic issues that may very well be the root of the problem. The old warning against treating symptom rather than cause comes to mind.

    What is more redesigns can often cause more harm than good by confusing the loyal users who are familiar with your old site.

    When budgets are tight let go of the notion you need to do a complete redesign. You can improve your site many times over with the smallest change. Just take the case of the $300 million button I mentioned in show 150 of my podcast.

    My facebook profile

    2. Simplify

    As website owners we are always looking to expand our websites by adding more features and content. However, that costs money we may not have.

    Here is a radical alternative – Instead of adding more to your site, why not take things away.

    Typically websites are stuffed with content and features that users simply do not use. A quick look at your analytics package will demonstrate the problem. The vast majority of traffic is to a handful of pages.

    The problem is we tend to leave content in because ‘somebody might find it useful’. Although this maybe true, it does not necessarily mean keeping content is a good idea.

    The more content and features we make available the harder it is for users to find what they need. It is the proverbial ‘needle in a haystack’.

    Fortunately, simplifying your website does not have to be entirely about removing content. According to John Maeda’s book ‘The Laws of Simplicity‘ we can also streamline our sites by shrinking and hiding content too. Consider ways to reduce the prominence of less important content, to place a greater emphasis on what matters.

    When budgets are tight take a long hard look at your site and ask whether more can be achieved by simplifying what you have rather than adding complexity.

    Apple Homepage

    3. Prioritise and phase development

    Another technique which can be used when budgets are tight is to phase development. There seems to be a tendency among website owners to store up changes and roll them out in a single large deployment. Unfortunately this means a large single expenditure too and that can be problematic from a cash flow perspective.

    A better approach is to roll out incremental changes on an ongoing basis. Not only is this better from a financial perspective, it brings other benefits as I explain in the Website Owners Manual. Phase development also provides:

    • Faster delivery because new features are launched independently. Some features can be launched while others are in development. This prevents a single feature stalling the entire rollout.
    • More accurate estimates. Bigger project are harder to estimate. Breaking them down makes it easier for suppliers to quote accurately.
    • Better PR opportunities. Whenever a new feature is launched there is an opportunity to publicize the site. New features can motivate users into taking another look. A single large project only provides a single opportunity to grab peoples attention.
    • Limited risk of working with a new supplier. Choosing an agency is always a risk. Until you work with somebody, it is hard to gauge how good they are. Reduce this risk by limiting the size of project they are commissioned to build. If the agency fails to perform, you can look elsewhere when commissioning subsequent work.

    This is an approach commonly adopted by larger websites with their own in-house teams but much rarer among smaller sites who use external agencies. Nevertheless, it is an approach which works well in tough times.

    Digg Technology Homepage

    4. Reuse and recycle

    Too often we reinvent the wheel. When budgets are plentiful this can make sense. Although there is similar functionality out there, we might choose to develop it ourselves so we have more control or can customise it to our exact requirements. However as budgets begin to get squeezed these are luxuries we cannot afford.

    In a world of widgets, APIs and open source it is becoming increasingly hard to argue the case for custom builds. Why build your own mapping application when there is Google Maps? Why build a forum when you could use an open source alternative like Vanilla?

    My only word of warning is in regards to integration. It can be hard to get these ‘prebuilt’ tools to work together. Be careful that the savings made are not lost to integration problems. Where possible use tools like WordPress that provides an architecture with a wide range of plugins for quick integration.

    opensourceCMS screenshot

    5. Move beyond the website

    Finally, I think it is important to remember that your web strategy is not all about your website. We spend the majority of our ever decreasing budgets on adding bells and whistles to existing websites when there are large number of potential customers who never reach our sites.

    Instead of sinking your budget and efforts solely into your website consider looking further afield. Could your web strategy be better served by putting resources into a Facebook group or a twitter account for example? Would your target audience listen to a podcast? Do they read RSS? What about a mailing list? The possibilities are endless.

    Ask yourself where your target audience congregates. Instead of constantly trying to draw users to your site begin to spend time where they already meet. What social sites do they use? What editorial sites do they read? Contribute to these communities and offer to write for the editorial sites they read.

    Many of these things can be done at almost no cost and with little technical knowledge. All it takes is some time and enthusiasm.

    Conclusions

    Whether a site is successful is not dictated by its budget. However many larger organisations have relied on money as a method of driving their web strategy forward. As these budgets are slashed there is an opportunity to gain a competitive advantage by being smarter.

    Hopefully this post has demonstrated a few of the possible avenues available and inspired you to discover some more of your own. However if you would like some more personal advice specific to your own website then feel free to drop me an email.

    150. User Manipulation

    On this week’s show: Liz Danzico talks about user research. Paul explains how to create an effective call to action and we discover how one button cost $300 million in sales

    Download this show.

    Launch our podcast player

    News and events

    The $300 Million Button

    Our first news story is an incredibly tale from usability expert Jared Spool, which really shows the power of usability testing.

    In the post he writes about a client who had a fairly standard checkout process on his website. The process began with a login form:

    The form was simple. The fields were Email Address and Password. The buttons were Login and Register. The link was Forgot Password.

    It is the kind of form I have seen on many ecommerce websites. This feature, which had been designed to help repeat customers, created two distinct problems:

    • New users resented the idea of having to register. One user said: "I’m not here to enter into a relationship. I just want to buy something."
    • Repeat users rarely remembered their username or password. They wasted substantial time guessing, before eventually resorted to creating a new account. In fact after examining the database Jared discovered that 45% of all customers had multiple registrations. Some did go as far as clicking on the forgotten password link but of those only 25% went on to place an order.

    In the end the site was redesigned, allowing the user to continue without registering. Within a year this created a $300 million increase in sales.

    Of course $300 million is a meaningless figure in itself. It is the percentage increase that matters. In this case is was a 45% increase. That is a staggering number and one that really drives home the importance of testing with real users.

    Read the ‘$300 million button’

    The UK government and graded browser support

    A couple of weeks ago I wrote about the importance of graded browser support. In my post I explained how we should not limit our support to the browsers we test and how it is unrealistic to push for identical support across all browsers.

    This is an approach which has been adopted by the likes of Yahoo! and the BBC for some time, but which now also extends to public sector website in the UK.

    According to The Web Standards Project the rules surrounding browser testing on public sector websites have been changed to better reflect best practice in graded browser support.

    Changes include an emphasise on functionality over identical layout across browsers (paragraph 39):

    You should check that the content, functionality and display all work as intended. There may be minor differences in the way that the website is displayed. The intent is not that it should be pixel perfect across browsers, but that a user of a particular browser does not notice anything appears wrong.

    As well as support for progressive enhancement (paragraphs 17-18):

    You should follow a progressive enhancement approach to developing websites to ensure that content is accessible to the widest possible number of browsers.

    This is excellent news and certainly provides a great reference for UK designers and website owners looking to convince others of the importance of graded browser support.

    BBC Graded Browser Support Table

    Read the UK government guidance on browser testing

    50 Illustrator tutorials

    List of Illustrator tutorials

    From development to design now, and a list of 50 tutorials that help you get your head around Adobe Illustrator.

    The list is compiled by UK web designer Chris Spooner. He echoes my own experiences when he writes:

    Adobe Illustrator can be a little tricky to get your head around, particularly after getting used to the workflow as applications such as Photoshop. The difference between layer use and creating and editing shapes can be especially strange at first hand.

    I am a Photoshop man and I have found it very difficult to make the transition to a vector based world, so this list was particularly appealing to me.

    Its a great list that you will definitely want to check out, if like me you have never got to grips with Illustrator before.

    Read 50 illustrator tutorials every designer should see

    A new approach to PNG Support

    Finally today I would like to draw your attention to a new technique that has been developed by Drew Diller for using PNG transparency in IE6.

    Unlike previous techniques this one allows you to use PNGs as background images instead of just as IMG tags. This opens up a world of possibilities and overcomes one of the most annoying limitations of IE6.

    This minor miracle is achieved not by using AlphaImageLoader as has been done in the past, but with VML.

    Implementation seems fairly straightforward and involves adding a Javascript library to your page. Because this is for IE6 only you can embed the code within a conditional comment. This means other browsers will not even download it.

    Although I have yet to use this approach myself, I have high hopes that this will finally solve the IE6/PNG barrier.

    Download DD_belatedPNG now.

    Back to top

    Interview: Liz Danzico on User Research

    Paul: So joining me today for our little interview is Liz Danzico. Liz, why don’t you start off by introducing yourself a little bit. Telling us a bit about yourself and your background.

    Liz: Sure. Um, I am a user experience consultant, I am here in New York City, I have been developing web sites and user experiences online for about 12 years now. Um, I do a lot of work with Happy Cog Studios here in New York, with Jeffrey Zeldman and Jason Santa Maria. Um, I’m also chair of the new MFA interactions design program.

    Paul: Okay.

    Liz: At the School of Visual Arts in New York.

    Paul: Excellent. I mean, so, to say that you’re an expert in user experience would be a slight understatement then, Liz.

    Liz: Well I wouldn’t go that far.

    Paul: You’d be too modest, obviously, to say that. Okay, so we got Liz on the show, I met Liz when I went to Future of Web Design and we got talking. Um, she’s got some fascinating insights into the whole area of user research, and usability generally, so I thought let’s get her on the show and let’s maybe, you know, try and cover things from, from the very basic level, a kind of introduction to this concept of user research. Um, so, perhaps a good place to start, if you’re okay Liz, um, would be, how would you go about defining the area of user research? What would you include, what would you exclude from that?

    Liz: Right. So … user research, even today, we’ve been doing user research on the web since, uh, the very beginning, so it’s a very old concept but it’s still fairly controversial. So the basic concept is it tells you what really happens when real people interact with your product or service. So, there are no real rules about what it includes and what it doesn’t [inaudible]. You can basically speculate about what your users want, or you can find that out, um, you know? And uh, and the, uh, the latter is probably a more useful approach for you to take than speculation. But with either one, thinking about your audience is useful no matter what. And so, so there are no real rules, now um, when you disconnect thinking about your audience from your business objectives, and you start getting, you know, very excited about behaviors that they’re doing that are sort of disconnected from the real mission that you’re trying to sort of accomplish, then it becomes, um, a bit murky, and confusing. But thinking about your audience is, just in general, is an extremely useful approach.

    Paul: Okay. I mean one of the things that, that, um, I’ve heard said before by, particularly cynical clients I have to say, but I’ve heard it said before, you know, ultimately user research, and all of this kind of stuff feels in some ways like, um, just another way for web designers to suck a bit of extra money out of us, you know that fundamentally how, I know my audience already, is the kind of attitude that many web site owners have, so why do you see it as an important part of the process?

    Liz: Well uh, you know, as we’ve been seeing design flaws often translate to lost business opportunities, you know, usability is becoming more important than ever as the number of web sites and products is, you know, increasing more and more every day. So, we design these products and services, and we are at the same time users of them, but there’s no way that we can really tell what are users, um, might want. And the best way to, you know, usability research doesn’t cost a lot of money, so, the best way that you can help your clients kind of understand that you need to do usability research in some way is to let them know that usability research is important and it doesn’t need to, um, suck up a lot of time or money in the, in the process. So there’s a great fantastic book by Steve Krug, called Don’t Make Me Think, which I’m sure you’re probably well aware of.

    Paul: Uh huh.

    Liz: And in one of the chapters towards the end, he has a chapter called "Usability Research on a Shoestring", or it’s probably better titled, which talks of this approach of going out into the hallway and kind of grabbing people, and just sitting them down, and putting them in front of your product or service, and getting some feedback. So getting some feedback from people, no matter who they are, is better than getting none at all. And so, I think starting there with clients, instead of the, you know, $100,000 user research project that’s going to take you across 8 markets, you know, in the United States, the UK, and Asia, then, is going to be a much better approach than kind of intimidating them with the very extensive projects.

    Paul: Mmm, I mean, when it, the kind of one scenario that I’ve come across before, um, is where we’ve come across with clients that say "Well we’ve already done user research, we already know our audience ’cause we’ve got somebody in to do this or that." Is there a difference between user research that’s been done primarily with an offline audience, and those with, you know, when you’re interacting with people online? Is there a difference in the kind of results and information that you’re after, and even the techniques, maybe, that you use?

    Liz: So, they are probably, when they say that they’ve done user research, they’re probably talking about focus groups. I would venture to guess that when they talk about that they’re probably talking about either focus groups or surveys of some kind and those are not, well, I wouldn’t say that they are, those are bad things to do, but those are not the kinds of user research techniques that are going to give them feedback about their product’s usability. Those kinds of techniques are going to give them good information about, um, certain kinds of things but they are not going to give them information about whether or not people can use the product or service that they’re looking at. So, you want to find out exactly what kinds of user research they’ve conducted. If they say the words "focus group" then you know you want to move them towards something that is a one on one kind of interview. Focus groups tend to be conducted with groups of people, as the name might suggest, um, and when groups of people get together to talk about, you know, they put forth a question for these people, and when they, you know, groups of people get together to talk about the question they might influence one another in their answers, they’re typically aren’t talking about an interface, they’re typically talking about ideas, so you’re not getting good feedback, like in a one on one kind of scenario. So you want to sort of guide them to a more individual, one on one kind of experience. Surveys, on the other hand, are good, but they don’t get that kind of personal experience with a moderator, sitting with an individual, kind of looking at an interface in a kind of task-based scenario.

    Paul: Okay, yeah that makes a lot of sense. I mean, let’s then talk about some of the techniques that can be used to better understand individuals, or how those individuals will interact with your product. What different kind of techniques do you use? I mean, there’s the kind of very basic usability session, but do you do, or are there other things above and beyond that, that you do?

    Liz: Right. Well, the sort of big secret is that, there are names and there are certainly techniques, but the big secret is there are really no sort of techniques beyond knowing who your users are, kind of documenting what you’re seeing, and then kind of analyzing/prioritizing the results of what you see. So, you can, I’m gonna tell you a number of techniques that we can go through, but if those basic sort of constructs are there, then you’ve done sort of good user research. Now, that being said, the techniques that you can do are usability testing, usability testing traditionally has taken place in a user lab where a moderator is sitting with an individual looking at a screen, or a product, or a sketch of an interface and going through questions in sort of a task-based way, asking people "Show me how you would search for x" or "Show me how you would check out," or, you know, and seeing, measuring the success or failure of that kind of task. The clients are typically sitting behind a one-way, a one-way glass, or mirror, and observing these kinds of things. People have been not so thrilled about this technique recently, saying that it kind of, um, is not, it doesn’t produce natural reactions from users, but that is one kind of technique. There is, uh, kind of creating personas, and using personas, user personas which are an archetype of your site or product’s users, and getting everyone involved in activities around those personas, whether that be using those personas as your talking through features around, you know, a brainstorming session, and getting people to sort of role-play those personas. That’s another user research method. There are, there’s sort of the ethnography kind of take, where a lot of people have been doing kind of in-home interviews and observations recently. Ethnography, cultural anthropologists and people who have been doing traditional ethnography have been watching closely the design research that we’ve been doing recently, and wondering if we’ve been doing it right and so on, but ethnography, in that sort of observing users in their "natural environment", has been I would say a more successful way recently of watching people use products and services, um, so I would say that those three things, usability testing in a lab, sort of using personas and scenarios, and ethnography or kind of going out into the field and watching users, whether they’re in their homes or their offices, are the three kind of key ways to gather user research with users. The fourth way that I’ll mention, and we can talk about this in a little bit, is not with users directly, but it is certainly user research that’s available more and more now, and that is data on sort of analytics, which you can gather from Google Analytics, Shaun Inman’s Mint, these kinds of things. Watching site data and user behavior through site analytics is another form of user research that gives you, you know, some information, and you can watch these traffic patterns on your site. It doesn’t answer the question "Why?" but it does show you some evidence as to how users are behaving on your site.

    Paul: It’s quite interesting that you bring up eth, ethnography, whoa I can’t even speak today, because, that’s of interest to me, because that’s an area that we’re beginning to explore a little bit more, and have kind of discovered the same thing, that there’s a real value of going into you know, somebody’s home, seeing the environment that they access the internet on, you know, do they have kids under their feet? You know, where they access their PC, can they sit comfortably at it? All those kinds of things. Um, I guess it’s also an advantage you don’t have to hire an expensive usability lab and all of the rest of it. But I have to confess, I’m a little bit new at it, so talk me through maybe some of the things, you know, how does it differ from a usability test that you would do in a usability lab, other than that you’re in a different environment?

    Liz: Well, uh, it depends. It doesn’t have to differ at all — it depends on the goals of the test. I would say that you could construct a test that’s exactly like one that you’d conduct in a lab, it just happens in someone’s home or office, or in a different environment. But as you said, you get the more realistic interruptions, and that kind of thing, and are they going to be able to complete this task given the natural kind of occurrences of their day. And that, depending on what kind of test you are constructing, that’s either going to inform your results or not. If you are doing task-based testing, so I could maybe talk about the different kind of usability testing that you could do.

    Paul: Yeah, that’s good.

    Liz: Yeah so there are different ways that you could conduct a usability test. Um, traditionally there is task-based testing, where you set up pre-written questions, before you get to the test, that are based on the goals of the testing. So, if we were testing a photo site, we would test whether or not users could upload photos, could they task photos, you know, those kinds of things. So we would write those kinds of questions up beforehand, and then ask those questions during the test. Um, that’s one kind of test. You could do that in a lab, and you can do that same test in someone’s home. In a lab there would not be the children screaming, and the phone ringing, and that kind of thing, or, if someone say were uploading a photo, you would never be able to tell if sort of, timing out, would be an issue, or if anything with time or space or motion would be an issue. If those kinds of things are a goal of your test, then you might want to think about doing it in real time, in someone’s home environment. Another type of testing is something that, I’ll say it was first coined by Mark Hurst, who is a user experience consultant at Good Experience, I think he coined it, it’s called "Listening Labs". Listening labs are, I’ll call them experimental, but they’ve probably been going on long before I was aware of them, where people are designing usability tests in real time. So in other words, you go into the test with absolutely nothing written down, and you sit down with users, and based on your initial interview with them, you hear who they are, and after understanding a little bit about how they use photos in general, say, then you kind of write the questions on the fly, and then sort of develop a test around who that person is and their behavior, with your product, or product type.

    Paul: Which I guess, makes people more engaged with the test, because it’s about what they specifically interested in. Is that the idea?

    Liz: Exactly. So it’s a more natural way of doing the test. That’s the idea. That kind of thing you could do either way, and probably is even more rewarding if you’re doing it in someone’s natural environment. And then the third type of test is sort of a web, a web wide kind of test, where you have people just surf the internet, as it were, and uh, and just have them think out loud, and that kind of thing is also, I’ve found, more rewarding and fruitful in someone’s home environment, because they have their bookmarks there, and they have their post-it notes. Whereas you put them in a sort of artificial setting and they don’t have those things around them. So, if you, it kind of just depends on the type of testing that you’re doing. If you’re doing just the first kind I talked about, just task analysis and having people go through that kind of task-based testing, doing it in a traditional usability lab is great, you know, I mean you really do get the answers that you’re looking for, and it just depends on your goals.

    Paul: I mean, it’s interesting, going back to Steve Krug’s book that you mentioned, I mean he talks about, I guess his agenda in that book is to get people to do testing who perhaps aren’t previously, and so, you know, he really downplays the demographic of who it is that you test, and that it’s more important that you test than that you get the right people, you know and all of that kind of thing. Um, but when you’re going into somebody’s home, and interacting with them, I’m guessing it’s more important to get the right demographic? Is that right?

    Liz: Yeah, I mean one of the, um, I think it’s always important to, it’s always important to get the right demographic. Um, but, well I would say that there is a hierarchy of common mistakes around usability testing that kind of has a trickle down effect. You know, the number one mistake is not conducting any research at all, um, and conducting research on the wrong audience is kind of further down the list. So, you know, yeah if you’re doing research on the wrong audience, it’s not going to affect, whether you do it in a lab or you’re doing it at your desk, or at the water cooler, or at home, it’s going to affect your results and your analysis, you know, no matter where it takes place. So, you know, I think that the drawback is you are going to waste more time going out to that person’s time going out to that person’s time, so it’s going to be a drawback for you, but I don’t think that, it doesn’t matter really where it happens, because if you’re testing on the wrong audience, you’re testing on the wrong audience. Um, you’re probably going to get more information out of that experience if you’re in someone’s home, than if you’re not, so if you’re going to test on the wrong audience, do it in someone’s home, because you’re going to, it’s a richer experience, you’re going to get more information out of it than if you’re just testing in a lab.

    Paul: No that makes perfect sense, I kind of see that. No, it’s difficult, isn’t it? Because, uh, obviously finding the right demographic of people, and picking the right people to test on is tricky, you know, it’s a more difficult thing and it can be time consuming. So have you got any advice about that? What really matters here? You know, for example, if you’re designing a web site for an over-60s audience, you know, are you, do you want to concentrate on the age aspect of that? Or the technical literacy aspect of that? You know, is it okay to have somebody younger if they’re not as good with the internet, if your audience is, do you, I’m kind of not wording this very well, but you get the idea — what’s important when you’re trying to match demographics?

    Liz: Um, well, it’s very specific to your clients. Developing a, so, whenever you are trying to match demographics, you want to work with your clients to develop what’s called a screener, and a screener is a, I would say, whether you’re trying to develop a pretty rigorous recruiting demographic with a professional recruiter, to say, recruit 300 people for an extensive study, or whether you’re going to go out into the hallway and grab some people, or whether you’re going to recruit from something called Craigslist, which a lot of people are familiar with, um, which a lot of people do, I would say developing a screener which kind of outlines your demographic is a really good idea.

    Paul: And what kind of things would that include? Sorry I interrupted you.

    Liz: Yeah, what a screener is, it kind of goes through, it’s a questionnaire that outlines a number of questions that you would ask a potential recruit, that says, if this person can answer a particular question we should keep them in or out, so it’s actually a really good exercise to go through that allows you to kind of think through the type of demographic that you would have. So that doesn’t answer your question in any way.

    Paul: It’s very interesting, though. Can you give me an example? Sorry, I’m interested in this screener thing, cause I haven’t come across it before. Can you give me an example of the type of questions? I mean obviously they’re going to be specific to the individual client, all the rest of it, but what kind of questions?

    Liz: Um, what kind of questions? So, let’s see, would this person, so, let’s see, has this person, I mean typical questions could be around financial demographics, age demographics, you know the sort of typical things. But let me think of some more interesting things. So, is this person a full-time student? Has this person been fired from a job in the last 6 months? Has this person participated in usability research in the last 6 months? Those types of things, so if the person answers yes or no, then they’re not a good candidate. But there are other kinds of things you could put into that screener that would be more specific to the project.

    Paul: So could it include something like is this person aware of a certain brand, because you want to associate with that brand?

    Liz: Absolutely, so does this person drink Coca-Cola on a regular basis, yes or no? That kind of thing. But I’ve found that the screener, because the clients that you work with are often kind of speaking in those terms about their audience, the screener is a really good way to kind of help them understand how you’re recruiting audiences, and a good tool to kind of work together with them to narrow down who you want to be in the target audience for your testing, or your research in general. So, that said, how do you develop a good kind of set of participants for a research study for, say, a product for people over 60? Um, what’s most important, you know it depends on, and I know I hate to say that it depends, but you’re going to develop a goal for the testing, right? And the goal might be about usability, the goal might be about navigation, it might be about design, it might be about, it’s going to have, you have to first identify the goal, and depending on what that goal is, then you can identify the audience. So, the audience, you know the goal might have nothing to do with age, although the product has to do with age. So you can kind of strip away, you can pull apart the product from the goal of the testing a bit, and sort of just focus on the goal of the test. That’s why developing goals for user research is so critical, um, because often times you can separate those and therefore develop a better set of participants for that user research.

    Paul: Mmm, that’s really good. I think what we’ve done here, is, a lot of people that listen to this show probably have a basic understanding of user testing. Maybe they’ve done some basic user testing before, or maybe they’ve even written a persona before, but I think what we’ve done, or what you’ve done, is push people a little bit further to kind of consider it in a little bit more detail what they’re doing in order to kind of refine the results that they’re getting back, and that’s really, really great. I mean, if somebody has just kind of done the very basics, you know, they’ve grabbed some people, they’ve done some user testing, maybe in their own office in front of their own PC, and they’ve got a few people in, um maybe they’ve created a couple of personas, what’s the next step for them? What should they be pushing? Is it through this screener? Is that the number one thing they should be doing? Is the goals more important? Is getting a better demographic more important? What’s the kind of next step for them?

    Liz: Mmm, that’s a good question. I think that one of the most, well, doing the research is really key. Analyzing the research and connecting the research to the next iteration of a design is also key. We haven’t talked about that at all.

    Paul: No, we haven’t, we ought to.

    Liz: It’s often a grey area, um, you know there are lots of reports that are produced, you know, diagrams and things, but there’s a lot of kind of intuition that happens between sort of translating the research and putting that research, feeding that research back into the design. There are hunches, leaps of faith, um, you know kind of between that analysis and design. I mean there are clear cut recommendations that one can make, but then there are a lot of more grey areas. So I would say that, I still think, even though I mentioned we’ve been doing this kind of research for at least, you know, more than a decade online, and you know quite a long time offline, I think we still need to get better at the rigor at which we translate those recommendations and findings. So that’s one place I think we need to focus. Um, in terms of the actual research itself, uh, you know, there’s something, I think there are other sorts of techniques. I’m interested in these kinds of emergent, I would say emergent techniques like the listening labs, um, you know where the kinds of things that we’re looking at today with kind of mobile research, where people are, we need to be looking at how people are using our sites not just in the browser on their desktop but, you know, in the browser on their phone, and how their context is changing constantly and how we need to sort of look at that adaptation. So how do we develop tests that are more emergent and can be a bit more flexible, rIght? So I think there’s something interesting about that listening lab, where we kind of understand the person, and then develop the questions around a person and how they use a product, rather than having a pre-written set of questions. So, something that’s more emergent, I think that’s an area that’s interesting to kind of look at. Then, uh, ethnography, really understanding, goes right along with this sort of, emergent, as you said you’ve been getting more excited about ethnography as well, so, thinking more about kind of fine-tuning our approach to people’s own context, whether that be ethnography, going into their homes, their offices, you know, where people are using our products, whether that be on the street, in the hallway, wherever it is, but really understanding how to find people where they’re using our products and test them or do some research around that, I think that’s really exciting and a really interesting opportunity. Um so that, that’s the next step for us, uh, and I think that the way that people are designing tests and doing some usability testing now, is, you know, is good, I don’t think that there’s a big next step that we can all take together, but I think these are three areas that I think as a discipline that we’re going to see people moving forward together in.

    Paul: Excellent. Let’s finish off, then, with a kind of where people should go if, you know, they’ve been excited by this interview, they want to learn a little bit more, um, about user research and user testing. You’ve mentioned Steve Krug’s book. What other resources are out there that people should be looking towards?

    Liz: Well, let’s see. You know, I was thinking about, I was thinking about that and there are physical places that people can go, but they’re all in San Francisco in the United States, so that’s not going to help anyone. There is, you know, A List Apart has a User Science topic that often publishes user research related methods-like articles, there’s always BoxesandArrows.com which publishes user research related topics, um, Adaptive Path, which is a user research consultancy, or at least one aspect of what they do, they have published a number of articles but they also do events. A lot of events are in the United States right now, but they may have international events as well. But they do kind of give away a lot of their content. Um, and then last but not least, there’s a new-ish publisher called Rosenfeld Media, and the books that Rosenfeld Media publishes are about methods in user experience and, one recently in web form design, was about the usability of web form design by Luke Wroblewski (called Web Form Design: Filling in the Blanks).

    Paul: Yeah, I saw that. That looked very good, I have to say.

    Liz: Yeah, so that’s something to keep an eye on as well.

    Paul: Excellent. Thank you so much, Liz, that was absolutely superb. And I will be fascinated to get you back on the show in the future to talk more depth about some of these issues. Thank you very much for your time, Liz.

    Liz: My pleasure.

    Thanks goes to Jason Rhodes for transcribing this interview.

    Back to top

    Listeners feedback:

    Every website should have a call to action, a response you want users to complete. But how do you encourage users to act? How do you create an effective call to action. Read More

    Back to top

    Snape and Keith, separated at birth?

    140. Launch

    In this week’s show GetSignOff has finally launched, we talk about how to use web stats to improve your site and we answer your questions about roles with web design and should you help clients with hosting.

    Play

    Download this show.

    Launch our podcast player

    News and events

    Acid3 receptions and misconceptions and do we have a winner?

    The team that develop WebKit, the open source web browser engine that Safari and the new Google Chrome are built on, have just announced that the engine passes the Acid3 test developed by The Web Standard Project (Wasp).

    So what is Acid3?

    Acid3 runs a series of tests against a given browser and produces a score, the goal being 100/100. This score is generated from how "standards compliant" the browser is. For example whether it supports CSS2.1 styles such as "inline-block" and "pre-wrap", if it supports SVG-Fonts, what DOM features is supports and a whole range of other criteria.

    So WebKit passes!

    Does this mean we should ditch Firefox, IE and all the other browsers in favour of Safari or Chrome, well no, and that’s what Lars Gunther is talking about in his article over at WaSP.

    It’s great that tests like Acid3 exist and that browser developers endeavour to build better browsers because of them. All in all it results in a much better experience for the average user and makes our lives as Web Designers much more hassle free.

    6 Things To Like About Dreamweaver CS4

    So Dreamweaver CS4 became available this week, 15th October to be exact and Alex Walker over at Site Point has been having a play and has shared with us 6 thinks he likes about the new release. Check out his article for details of each, but a summarised list is:

    • UI/Workflow Improvements
    • The Related Files Toolbar
    • Code Navigator
    • Live View
    • Advanced JavaScript Interpretation
    • Making JavaScript Unobtrusive

    From reading the article these improvements over the previous version look really promising. One feature that really caught my eye is "intelligent code completion" for JavaScript and the most popular libraries such as jQuery, MooTools, Prototype etc, the same way it does for HTML!

    It would also appear that Adobe are making big improvements to the "Display View" of Dreamweaver, which has historically been the stigma plaguing most "professional" designers who use it. The "Display View" now has integrated code navigation, so you can use it to jump to specific elements within the page and Adobe have also built WebKit into Dreamweavers core so you can run your site through the software to test JavaScript, rendered CSS, server-side code etc.

    So will these new features encourage more people to use Dreamweaver?

    7 Ingredients of Good Corporate Design

    Smashing Magazine has published a great article that discusses 7 ingredients to good corporate design. They break the discussion into two elements:

    • Design as artistic representation, which consists of:
      • Logo
      • Typography
      • Colours
    • Design strategy, consisting of:
      • Brand
      • Quality
      • Community
      • Culture

    It’s important to understand that corporate design isn’t simply of a graphical nature but is intrinsically linked with your strategy, the goals that you set and how you implement them and this article is well worth the read.

    Back to top

    Launch: GetSignOff Goes Public

    Monday GetSignOff finally opened to the public. It has been an interesting journey read more here.

    Back to top

    Feature: Using Web Stats for More

    We all use web stat tools like Google Analytics for tracking marketing campaigns. However, they can also be used to improve your site. We discuss this in this weeks feature.

    Back to top

    Listeners feedback:

    Salesman seeks designer/developer

    Got this audio question from Andrew:

    Hi Paul, hello Marcus and hi to all the people who work at the show. I live in Canada so hearing your nice English voices through my headphones is great. My name is Steve and I’ve done some freelance web design for clients in the past, but the part I enjoyed the most was the selling cycle; being able to explain to the client what a standards based website could do for them and then persuade them that investing in such a site would be wise for their business. I bet there’s a lot of designers and developers out there who are absolute Jedis when it comes to coding CSS and HTML but really hate the selling part. And then there are people like me who can really sell well but I wish I could work with people who are amazing at building websites.

    My two-pronged question is as follows:

    Is there a website or another resource that would allow people like me, who love web design, but are more business/marketing oriented to touch base with people who are in the opposite situation? And I’m thinking more than just a job board here, I guess the best analogy would be something that Marcus might be familiar with – adverts in the back of music magazines that would say something like ‘band seeks drummer’ or ‘talented singer needs people to play instruments’.

    My other question: how did you guys do it at Headscape, were you all great at coding and someone had to get pushed out the door and start selling or were there very separate roles from the beginning?

    Ok, part one first (I’m original aren’t I)… the ‘band seeks drummer’ analogy is good but I much prefer a dating agency analogy! Cuddly, financially sound salesman WGSOH seeks quiet, intense, practical developer for fulfilling relationship. :-)

    As far as I am aware, sadly, this service does not exist. Forums, like the Boagworld forum, have got to be your best bet.

    Right, part two. Much as I would love to claim that I used to be great at coding before they kicked me out of the door to do the selling, it would be a blatant lie. When Headscape started, the three of us came from different disciplines – Paul was designer/tech (it’s true!), Chris was project manager and I was salesman. We soon didn’t have enough design/tech resource and started to recruit but the fact that a) Chris was organising and pushing projects along and b) that I was concentrating on bringing in new work meant that we were running things like a larger agency (more efficiently and with less risk) very early on.

    I have banged on about how important effective selling is in the past many times so won’t repeat myself here. The only thing I will say is that having totally separate roles is not necessarily a good thing. Even now, we don’t have very separate roles. Chris and Paul are both heavily involved in the sales process and always have been. In my view, it is the responsibility of the company directors to se
    ll.

    But, added to that, Chris and I also do a lot of consultancy work (requirements analysis, IA work etc), and Paul still does design work. This is important because it keeps our ‘hand’ in. Getting too involved in one role can often lead to a lot of potentially out-of-date talking, and very little ‘doing’.

    Do/should you help clients’ with hosting?

    Hi all

    I’m just about to do a ‘simple’ website for a friend (aka my 1st client) which will try to market something he is looking to rent out. Whilst I’m confident I can do the website, I’m not sure how far I should go with helping/organising his hosting. The client doesn’t know anything about hosting and doesn’t have any hosting space with his broadband provider.

    Now I don’t really want to get into organising hosting unless I have to, so I’d just like to know what the ‘norm’ is in this regard? As a web developer/firm do you automatically sort out hosting, do you get the client to do it and then give you the hosting password so you can upload the site? Is it even a good/lucrative idea to get involved in sorting this out as part of the ‘service’? Can people suggest what they do please?

    Thanks, Alex

    This question came from the Forum and there are already some interesting posts in response. The biggest issue here is:

    Can you support this website?

    Can you provide support if the site goes down in the middle of the night, on Christmas Day, or even when you’re on your two week break to Spain?

    If you decide to sell hosting then you become a middle man between your client and the hosting company. Your client is contracted to you to provide and support hosting, not the hosting company. Of course, you have a relationship with the hosting company where they will provide an agreed level of support but… you are still the person that has to deal with your clients’ issues as and when they arise.

    At Headscape we are completely open about this with our clients. We tell them that we only provide support (of any kind) on working days between 9am and 5.30pm. We’re not set up to do anything more than that.

    However, we do offer hosting for those clients that feel that the level of support that we offer is enough. We have our own managed platform and we also act as a reseller for a large hosting company.

    The solution for those clients that require a superior level of service is simple. The client buys the hosting directly thereby taking you – the agency/freelancer – out of the loop. We specify technologies, discuss the level of support required, amount of bandwidth etc with client – we will also set up the site on the web server – but the client orders and pays for the hosting.

    This has worked really well particularly for the larger, busier sites that we have developed.

    All that said, if you act as a reseller, and you have enough clients, you can make a decent profit via hosting. However, don’t be fooled into thinking that it doesn’t involve any work keeping all those clients happy and up to date. If you have enough clients to make money out of hosting then it’s very likely that you will have regular hosting issues to deal with and constant renewals to deal with.

    My friend and colleague, the long suffering Mr Scott, has many times said that he wished we had never touched hosting simply because it often ends being a constant irritation that gets in the way of project work and rarely pays for itself.

    Back to top

    Can Google Chrome topple IE?

    Without a doubt the biggest story of the week is that Google has launched its own browser called Chrome. At the moment the browser is only available for windows although a mac and linux will follow shortly.

    The launch of Chrome has generated huge publicity and I am sure you are already aware of its emphasis on stability, speed and support for web applications. You probably know too that it is built on webkit so CSS support is good.

    The question is whether we will need to start testing our sites in Chrome? Well, take has been strong with figures rising up from 1% to over 6% shortly after launch. But is Chrome going to finally overcome the dominance of Internet Explorer or just cannibalise the market share of IE’s rivals? That is harder to judge.

    The browser that finally topples IE will not do so because of quality, but because of brand recognition. If IE was going to fall because of its poor feature set or dodgy rendering it would have done so already. The problem is that most people are quite happy to use IE. It is pre-installed and ready to go. Indeed many simply associate the web with that little blue E.

    Sure, other browsers have made remarkable inroads into IE’s market share. However, they have probably pushed as far as they can go. The rest of the market are those people that just don’t care. They know IE, they are familiar with IE. Why change?

    Extract from the Google Chrome comic

    However, if anybody is going to change that status quo it will be Google. Although many associate that IE icon with the internet, when they click on it they go to the Google homepage. Google has as dominate brand, maybe even more so than Microsoft. If anybody can pursued the hold outs to swap, it is Google.

    Google has a huge profile. Never have I seen a browser featured on BBC national news, but today they mentioned the launch of Chrome. They also have a lot of eye balls and with Chrome featured on their minimalist homepage you can expect downloads to go through the roof.

    Who knows if they will pull it off. What I do know is that this will certainly be damaging for other browsers especially Firefox which has been heavily backed by Google.

    123. Plight

    In this weeks show we review Textmate and the Top 5 Tips for Web Designers and we discuss the plight of in-house designers.

    Play

    Download this show.

    Launch our podcast player

    A quick request. We are really in need of some more transcribers to help with the interviews we do. The team we have are doing an amazing job but it would be great to spread the load.

    If you feel you could help once in a while please drop an email to Ryan our producer and he will add you to the list.

    News and events

    SPAM meltdown

    It is always with fear and trepidation that I mention HTML email. It inevitably leads to a torrent of comments ‘educating’ me about the evils of HTML in email, and that we should only use plain text.

    Although personally I wish HTML email was never invented and try to limit its use, I do accept it is here to stay. Despite its many drawbacks it is statistically more effective than plain text from a marketing perspective.

    You will be hard pushed to pursued a client to forgo HTML. Inevitably we will have to produce HTML templates occassionally. Of course, being conscientious, when we do produce HTML emails we want to ensure they look great and are well coded. This leads me to a couple of stories worth mentioning.

    The first is that Patrick McNeil (of Design Meltdown fame) has launched a new site called Spam Meltdown. The site showcases examples of great email design in much the same way as Design Meltdown does with websites. Patrick has done an amazing job on this site and he has my sympathy because he is subscribed to over 1000 mailing lists! The designs he showcases are organised by style, colour, industry and topic. As with design meltdown this categorisation approach works really well. You can quickly find inspiration by looking at categories that are relevant to your project.

    The second news item worth mentioning is that Campaign Monitor have updated their chart for CSS support in email clients. Campaign Monitor is a service which allows you to send HTML newsletters, but they do a lot more than just take your money. They are actively involved in improving standards support among email clients through the email standards project. Next time you are trying to produce an HTML email template check out their CSS support grid as it will clearly show you whether a particular CSS property is supported.

    Form Analytics

    While I am on the subject of cool services like Campaign Monitor, I also want to mention Clicktale. Clicktale is a service that allows you to track users as they move about your site and even anonymously record their actions. The last time I mentioned them this disturbed many people who saw it as an invasion of privacy. However, I see it as a valuable tool for learning about user interaction and improve site usability.

    If you share my view, then you maybe interested in a new service they are starting to offer. You can now not only track users as they click around your website, you can also watch how they interact with forms.

    In addition to video recording, the new form analytics service also provides three invaluable reports…

    • The time report – This shows how long users spent completing each field.
    • The blank report – This provides information on fields that have been left blank on submission.
    • The refill report – Which highlight fields that have been completed incorrectly.

    If you run a site that requires users to complete long or complex forms then you will see the benefit of this service. On a high trafficked ecommerce site this would be invaluable, substantially reducing the number of users dropping out at checkout.

    Art direction hits the blog

    This week has seen the launch of Jason Santa Maria’s new personal website. For those of you who do not know, Jason is the creative director at Happy Cog (Zeldman’s company).

    Normally, I would not mention the launch of a new personal website. However, Jason has done something very interesting. His new design is well executed but plain. It certainly is not as inspiring as his other work. The reason for this simple approach is that it is a framework upon which he will build.

    The idea is that each of his blog posts will have a custom design to accompany it. The design will therefore reflect the content. In effect he is bring art direction to his blog. This is a bold experiment and something that Zeldman has written about before.

    Although I am fully behind the idea of bringing content and design closer together, I do have some reservations. First, there is a possibility that the constantly changing design could make navigation around the site confusing. Fortunately from what I have seen so far that will not be the case. Jason has been careful to ensure key navigational elements remain in a consistent location and have similar styling wherever you are in the site. However, if other designers were to adopt this approach would they be so careful?

    My second concern is a purely practical one. If each article not only needs writing but also designing, will that reduce the amount Jason posts? In other words is a blog really the right place for this type of art direction?

    However, despite these reservations I am really pleased Jason is trying this approach. A personal website should be the place to experiment and try new things. Too many blogs (including my own) are cookie cutter solutions with some pretty graphics slapped on top. Its superb to see somebody doing something different.

    Prototyping

    My final news story of the week returns to a subject we have touched on recently. How do you wireframe a modern web application with its high level of interaction? In show 120 I mentioned that one approach might be to utilise flash. Today I want to point you at an article on the List Apart website, which suggests that building prototypes maybe better than struggling with wireframes.

    When I first saw this article I was hesitant. After all I can barely pursued my clients to pay for wireframes let alone a full blown prototype. However, the more I considered what was being suggest, the better the idea seemed.

    The majority of time spent getting an application working is spent on bug fixing, browser support and non-core functionality. The rough ‘outline’ of an application can come together very quickly. What is more, unlike wireframing, a prototype can be used as the basis for the final build. It does not get thrown away like a wireframe.

    The article also points out that prototypes are better for demonstrating difficult concepts to clients. They encourage earlier collaboration between designer and developer, and provide something substantially better to user test against.

    With almost every new website having some form of web application, we all need to consider how to better conceptualise their operation.

    Back to top

    Feature: The plight of the in-house designer

    The more organisations I work with the more sympathy I have for in-house designers and developers. It is a role that can be thankless and isolating. How then can their lives be made that much easier? We discuss this in this weeks feature.

    Back to top

    Reviews: Textmate and Top 5 Tips for Web Designers

    We have two reviews this week by our lucky competition winners Teifion Jordan and John McFarlane. Teifion and John will be going to this year’s dConstruct in Brighton.

    dConstruct is the affordable one day conference for people designing and building the latest generation of social web applications. Tickets cost £125 inc VAT and went on sale yesterday so be sure to check it out.

    Textmate by Teifion Jordan

    Hi, I am Teifion Jordan, I am reviewing a program created by someone far smarter than me. I am going to be looking at Textmate. Textmate is a Mac only application though there is a similar editor called eText Editor for Windows.

    First impressions of Textmate are that it’s pretty sparse, it looks like any other editor. I throw it a PHP file and it colours the text in, just like any other editor would. The colour scheme can be changed, both text and background colours can be altered, which is quite a neat touch. I can even make parts bold, italic and underlined which is a neat touch. It requires knowledge of Regular expressions but I can actually add in more rules for what to colour in! I used this to make variables used as array indexes appear differently, something I have wanted to do for some time. Not since I was a toddler, but definitely some time.

    But enough moaning about how the program itself is both smarter and better looking than me, I wanted to try some code. I found that if I typed "foreach" in a PHP block and hit tab, I was presented with an entire foreach loop. Closer inspection revealed that there were dozens of snippets and commands for PHP and dozens more for each of the many languages and some things that were not languages. With 5 minutes of effort I had setup Textmate to post my blog posts for me, I am now one step closer to not having to put any effort at all into blogging.

    It is possible to create your own snippets and not at all hard either. I now have one to tell me that I am beautiful and another to create a PostgreSQL query. I can also write new commands, I can write them in command line script, Python, Ruby and PHP to name a few. All of the commands are completely open sources, so you can see what’s already been done, and sort of plagiarise that sort of work for your own means. Except plagiarism is bad so don’t ever do it.

    I can edit columns, I can write new snippets, commands and even entire languages, I can Regex, I can manage projects with a hierarchal file structure. It’s like before I was walking but now I’m on a push bike. I can’t make use of the ability to run down pedestrians until I learn how to do balance and pedal. Okay, the running down pedestrians was a bad example but anybody that is still listening and not calling the police must have understood it so I’ll continue. There’s nothing I can’t do in Textmate, I just need to look at the extensive online manual to learn it. And there I think is it’s biggest failing.

    Textmate is a really lovely program to use but it’s so complicated. Coda, as a contrast, is a more intuitive application but it is to Textmate as a spade is to a chainsaw, that is, meant for a different problem and with fewer moving parts but also with the ability to digs holes? I’m sorry, my mind wandered. What I meant to say is that Textmate is great for dealing with code but not so much the design which is what apps such as Coda excel at. I’ve now been using Textmate for 10 months and I still think there is potential to unlock, though, that might be because I’m a thickie.

    I suppose I should wrap this up by saying that I would heartily recommend anybody thinking about writing lots of code to give TextMate a good look. It takes a lot of time to get a lot out of it, but there really is a lot to get out of it.

    Thank you very much for listening, I hope this was at least semi-informative

    Top 5 Tips for Web Designers by John McFarlane

    Hi, I’m John McFarlane and this is the first ever review brought to you live from my living room. Today I’m reviewing a post that has been submitted on the boagworld.com forum. The title is "Top 5 Tips for Web Designers". I’ve been reading through the replies and I’ve put together my top 5 top tips.

    In at number 5 submitted by richquick, allow time and money for personal development, read blogs, buy books, attend conferences, experiment and learn new techniques and technologies.

    In at number 4 posted by Jayphen, surround yourself with designers, whether they’re colleagues, real world contacts, online contacts, forums, podcasts. The more you talk about design the more you learn and I’d like to add to that e-mail designers for advice and let them know your experiences.

    In at number 3 posted by some guy called Paul Boag, develop with the latest best practices, ensure you separate content, design and behaviour. Make sure everything you build uses progressive enhancements.

    In at number 2 another one by Paul Boag, it’s an obvious one but one that can’t be put across more clearly, know HTML, CSS and javaScript inside out, you need to know the core technologies that underpin the web back to front. I’d like to add to this point, the basics of HTML and CSS are easily learnt but don’t be fooled into thinking that you know enough, you really need to know these subjects to an advanced level. This will benefit you when your implemented the latest best practices.

    And that brings me on to my number 1 tip and that is love your job, I think if you love this industry and have a passion for web design, I think those qualities will guide you to achieve your goals. So enjoy your development and don’t rush yourself too much. Take the time to develop the right way, build contacts and friends and embrace the industry as a whole.

    That about raps up this weeks review. I hope you’ve enjoyed the very first show live from my living room. Thank you and goodbye.

    Back to top

    Listeners feedback:

    Newspaper columns on the web

    Adrian writes: Hey guys, long time listener from the states. I’ve been working on a new personal site lately and I’ve become fixated on the idea of using newspaper style columns. Since you two seem to know a thing or two usability, I’d figure I’d ask for your thoughts.

    It seems like most people view them as a print concept that doesn’t translate well online but seeing as most screens these days are widescreen and vertical space is taken up by menu bars, docks and browser extensions, going horizontal strikes me as a logical solution.

    I appreciate the logic. It is true that more computers than ever have widescreens and that vertical space is at a greater premium than horizontal. However, I would think very carefully before employing newspaper style columns. As I see it there are two concerns:

    The usability concern

    As you point out, people reference usability concerns as the primary reason against newspaper columns. In a newspaper, copy runs across several columns with the eye darting from the bottom of one column to the top of the next. This is acceptable because the user can view the entire newspaper in a single glance. There is no such thing as a scroll bar.

    On the web it is different. You are unable to predict the height available in a browser window and so users will almost certainly have to scroll. This means the user will scroll down one column as they read and then have to scroll back to the top to start the next column. This is far from a pleasurable reading experience.

    It is also important to consider width as well as height. As you say newspaper style columns works well on high resolution, widescreen monitors. On anything less the story becomes unreadable with narrow columns and short line lengths. The alternative is to allow both horizontal and vertical scrolling. But as I am sure you, know this is the ultimate usability error and should be avoided at all costs.

    The technical concern

    There are also technical considerations to take into account. How will a story be split over multiple columns? Currently this cannot be done in CSS, although this may appear in CSS3.

    One option would be to manually layout each block of text. However, this isn’t going to be practical with anything other than the most static of sites.

    The only option is to use some server side code. However, even this is not without its problems. Consideration needs to be given to inline elements such as images or quotations. What happens if they appear at the end of one column? Does a quote get split? Will the design accommodate larger images? What happens when text is scaled?

    Although all of these technical problems can be overcome, you are forced to ask whether it worth the effort. This is especially true considering the serious usability concerns.

    Estimating dev/creative work

    Kirk Henry asks: I’m not sure if this should be listed as a question or not but her goes. I’m a Creative Director for a dev shop with some very large fortune 500 companies and a problem I always seem to come across is difficulty in the estimating process. We use excel documents, have some standard hours for comps but have to do custom estimation for multi media projects etc… my estimates are always pretty decent but I want to know what you guys use or what software you would recommend. I have been listening on itunes from the start and love the show.

    Ok, this is probably the most important subject that we (and I mean the web community) don’t talk about. Why? I think, because it’s difficult to pin down a method of reliably estimating a project and, more so, we’re all guilty if underestimating time and again… these are my thoughts:

    The first thing to ask yourself is ‘how serious is this project?’ I have a sixth sense for requests for quotes that fit into the following brackets:

    • ‘We have this idea but have no idea how much it will cost and we want you to do all the research work involved in scoping it. Of course we won’t pay for the research and there’s no way we’ll pay sensible money for the work once we know what it is’
    • ‘We have a supplier that we want to work with but my boss says I need a couple of other quotes’
    • ‘Us guys in sales and marketing have been doing some blue sky thinking and want a quote to redevelop Google….’

    You get the idea – timewasters. You need to deal with these requests quickly – this is how I do it. Have a chat with whichever department(s) would do this work if it ever materialised – get them to give you wide ballpark figures. Add in PM and contingency and send them an email. 99 out of a 100 won’t even bother getting back to you. Some will, but they’re usually trying to get free scoping (‘can you give me a bit more detail on how you reached those figures’).

    Anyway, I’ve ranted long enough timewasters, back to Kirk’s question.

    First question – do you know the budget? If yes, then you are looking to fit a scope into a set amount of effort. Can you do it? Will the ‘client’ be happy with the scope that fits their budget? Do they understand what that scope is (especially if you have reduced it to fit their budget)? DO NOT get creative with your effort allocations just to fit within the budget. Either ask for more (up front) or walk away.

    If you don’t know the budget then you are looking to scope a project from scratch. If it’s a really big project then ideally you should be being paid to scope it as we’re looking at business analysis and consultancy here.

    Break down the project into rough task areas. It’s likely that you’ll have done other projects that include similar tasks so you’ll know efforts on these (though ask yourself if you got it right last time). For the ‘new’ tasks, break it down further and you will probably find other smaller tasks that you have done before. For the really new stuff then you need to talk to an expert (designer/developer/IA) and get them to think the task through. They will provide you with an informed guess. That’s right – guess. Because people are guessing it is really important to overestimate fixed price projects. This is the cost to the client of having a fixed price.

    Don’t forget to charge for meetings (if 3 people are attending then charge for 3 people!). Project management is notoriously undercharged. We have a rule of thumb of 15 – 20% (and that’s probably light).

    The golden rule of estimating is don’t be tempted to lower your probably already too low price just to win the work. Be prepared to walk away.

    As far as tools to help with estimating go, MS Project is great at separating tasks, linking resources to tasks and giving you a good idea of how long things will take. But, I tend to find that it is over the top at the quote stage and tend to stick with Excel.

    Back to top

    117. Friendly

    On this week’s show, we review woopra, a google analytics alternative and we explore why friendly urls are so important and what tools are out there to help you set them up.

    Play

    Download this show.

    Launch our podcast player

    Information

    Fuel Conference

    Fuel is a one-day conference for entrepreneurs and marketers who want to make their companies, services and products truly remarkable. The conference is on the 13th June 2008 and tickets cost £195 inc VAT however for lucky boagworld listeners if you enter the promo code boagworld at the checkout you will get a £25 discount!

    Back to top

    News and events

    The devil is in the detail

    We kick off the news with three stories that focus on the detail of web design. So much is said about design, usability, accessibility and other broad subjects. However, less is written about the small things. It is here that a good site becomes an excellent site.

    The first is a post on the list apart website entitled Zebra Striping: Does it really help?(1). Zebra striping refers to alternating colours on a table of data. It is a small thing, but a lot of us do it thinking it helps the readability of the data. But does it really? This post takes that theory and puts it to the test. The results are inconclusive but it is an interesting read anyway.

    The second story is about a new book released on the topic of web forms. It’s called Web Form Design(2) and as the title suggests looks at the much under-represented subject of creating a great looking, usable form.

    As I have said before forms make or break some of the most crucial elements of a website: checkout, registration, data input, and any task requiring information entry. This looks like an excellent read and I highly recommend you check it out. I will be.

    The final post that focuses on the detail of design is looks at pagination(3). It is a tutorial that explains how to code pagination semantically. It then demonstrates how you can use CSS to recreate the appearance of pagination on sites like digg or flickr. It is an easy read and ideal for beginners.

    Review crazy

    The next theme of the week is reviews. In particular Smashing Magazine have gone review crazy in two excellent (if somewhat excessive) posts.

    The first reviews 35 useful code editors(4). Of course, we can write our code with a text editor but that wouldn’t make for a very interesting post! Also we like those advanced features like auto complete, formatting and debugging tools.

    If like me you have been using the same coding tool for years, this article is worth a read. Things have certainly moved on and there is no shortage of choice out there. It might be time to change.

    The second review from Smashing Magazine only manages 25 applications. This time it is WYSIWYG editors(5). I guess this compliments the previous post very well. However, generally speaking I would warn against producing sites using WYSIWYG editors. That said they do have their place. They are useful to give to clients who want to maintain their own sites. They are also good for posting to blogs or other sites where the styling is already set.

    It has to be said that I personally code in Dreamweaver, which has a WYSIWYG component. I have been known to use it to find a particular part of the code I want to edit.

    A balanced look at flash

    Our final news item of the day is a post by Veerle on her blog entitled Does Flash irks me?(6). It is an excellent opinion piece that clearly lays out her feelings about flash. She explains how she decides whether to use it and dispels some of the misconceptions about the technology.

    Her post is very timely coming as it does a week after flash goes open source. It is balanced and her attitude very much mirrors my own (therefore it must be right!). If you view flash as the ultimate evil or alternatively refuse to code in anything else, read this post. It will provide a healthy dose of realism.

    Back to top

    Feature: Friendly web addresses

    When redesigning boagworld considerable time was spent formatting the sites’ web addresses. Find out why so much time was taken and an introduction to the tools I used in this weeks feature

    Back to top

    Review: woopra

    When it comes to website statistics Google Analytics dominates most of our thinking. However, there are some impressive alternatives. One I would like to introduce to you is woopra. I give my thoughts to woopra in this weeks review

    Back to top

    Listeners feedback:

    Creating consistant colors

    Anna Joe Writes: I know that the colour of a website will look a little different on every monitor, but is there a profile setting that you use as an ‘average’ setting?

    Since I work on Mac with a Mac monitor, I’m afraid most people will see something radically different than me. I have read that Mac defaults are brighter than Windows. I’m using a lot of dark colours, so I am concerned about the site appearing too dark on the majority of computers.

    I have a list of colour settings provided on my computer… only one seems to have a Windows-related profile. It’s called ‘Nikon WinMonitor 4.0.0.3000′

    Do you have any suggestions regarding this issue?"

    I have to confess Anna, this was a subject I knew nothing about before your question. The way that I got around the problem was to look at any design I produced on as many different monitors as possible. To be honest, even after my research I would advise this as the best approach.

    View your site on a TFT and an old CRT monitor. Also check on laptops and under different operating systems.

    However, based on a bit of reading it would appear that the problem is to do with Gamma settings. Macs by default have gamma correction built in while PCs do not. This causes images (especially photographic images) which look good on a Macintosh monitor to appear too dark on a PC.

    Fortunately there is a tool that allows us Mac users to experience the horror of the PC world. It’s called gamma toogle(7) and can be downloaded for free.

    If you don’t have access to multiple machines for testing this would be the next best thing.

    Setting up an ecommerce site

    Paul East Writes: My girlfriend has come up with an sales idea that would require a simple store front application with the ability to take credit and debit card payments online.

    Have you any advice on where to start or any recommendations on store front applications?

    We’d like to try and keep start up costs low (we’d like to avoid paying a web designer, sorry!) and avoid eBay type stores if possible for that more professional look.

    We’ve done a little investigation on merchant accounts but could do with a good steer on the rest!

    Again this is not a subject I k
    now a huge amount about. Most of the ecommerce sites I work on are considerably larger. However, hopefully I will be able to point you in the right direction.

    First, for the best advice when it comes to setting up ecommerce sites big or small I would highly recommend the ebiz video podcast(8). These guys really know their stuff and in fact we had them on show 55 to talk about ecommerce basics.

    Second, in the past I have come across two simple shopping cart systems that impressed me. The first is FatFreeCart(9). This simple system can be integrated easily into an existing site. If you are only selling one or two items this is perfect. The alternative is shopify10. This is a little more sophisticated but incredibly simple to setup and run.

    Neither of the questions today are subjects I know much about and I am guessing there are people groaning at my advice. If that is the case, get in touch and we will put you on the show.

    Back to top

    Review: Woopra

    When it comes to website statistics Google Analytics dominates most of our thinking. However, there are some impressive alternatives. One I would like to introduce to you is Woopra.

    Screenshot of the Woopra interface

    The first thing that sets Woopra apart from Google Analytics is that it is a desktop application. This is both a blessing and a curse.

    Live results

    One blessing provided by the desktop is the ability to stream live results to the application. You can see users moving around the site, watch as they click between pages and get detailed feedback on their location, history and computer configuration.

    Being able to watch users interact with your website in real time is hugely enlightening and tells you much more than Analytics can.

    Of course it would be possible to stream live to a website using Flash or AJAX but I am not aware of a stats package that does this.

    A rich user interface

    Another benefit of being a desktop application is the smoothness and richness of the user experience. From the constantly updating animated map to the interactive graphs and charts, there is something very immediate about the way Woopra works.

    User interaction

    Woopra popup chat message

    Not only can you watch users move around your site it is also possible to interact with them in much the same way as Live Person works.

    At any point you can select a user who is browsing your site and choose to "start a conversation". The user sees your message in the form of an instant messaging alert.

    I can see real potential in this, especially on ecommerce sites where users so easily abandon baskets. Being able to provide on-site customer support could be hugely beneficial. In fact it is a subject Iwrote about back in 2004 and I still believe it is an under utilised technology.

    Of course it could be horribly abused and terribly intrusive. However, it is an invaluable tool for some audiences such as the elderly or those with less online experience who require interactive help.

    The curse of the desktop

    Woopra is not without its problems. The desktop application is built in Java, which should ensure cross platform compatibility. However installation on a mac was incredibly painful, involving the use of a beta version of Java and fiddling with preference panes. I would hope things were not so bad for windows users.

    Another problem with Woopra is that it is currently in closed beta. Fortunately getting hold of an invite is not too difficult. I received mine in a couple of weeks just by using their online application form.

    Woopra is now available to anybody who wishes to signup and is entirely free.

    So is Woopra the perfect analytics tool? Probably not. However, I have abandoned Google Analytics for the time being in favour of the more interactive, rich environment of Woopra.

    Show 79: Despise the listener

    A great line up this week with Paul, Marcus and Andy Clarke.

    Play

    We have a great lineup this week: Paul talks about getting things done in web design and an alternative approach to your reading list. Marcus explains the exciting area of insurance for web designers and we have Andy Clarke on the show to give us an update on CSS 3.

    Download this show.

    Launch our podcast player

    News and events

    Google Analytics gets interface upgrade

    Like so many who join Google, Jeff Veen has been forced to be somewhat tight lipped about what he has been working on. However in the last week we have finally been able to see the fruits of his labors with the relaunch of a new and improved Google Analytics. You would be forgiven for thinking that a load of new functionality has been added to the service. In fact that is not the case. The only changes have been to the user interface. The difference is that you can now find everything quickly and easily.

    If like me you found the old Analytics service confusing and difficult to use then you might want to take a look at the new revised version. It is a definite improvement.

    Great new articles on A List Apart

    For a while I have been a little disappointed with the articles coming out of A List Apart. Perhaps they were simply too “high brow” for the likes of me but they lacked any practical application. However this issue is different. It has two great articles about handling clients.

    The first entitled “Stand and Deliver” provides some superb advice on presenting your designs to a client. The second called “Educate Your Stakeholders!” talks (unsurprisingly) about educating the decision makers in a web project so they make more informed choices.

    Both are really superb articles and I would definitely recommend you check them out.

    Teaching the traditional web

    We are all acutely aware that the web is changing at a rapid rate. At the moment the focus is very much on web applications however we cannot afford to ignore the massive number of page based sites that still need to adapt to the changing way people are interacting online. In a post called Teaching the traditional web, Keith Robinson discusses how we need to alter our approach to page based websites based on deep linking, RSS feeds and mobile access. A very enlightening read.

    Baselines and vertical rhythm

    Having Richard Rutter on the show a few weeks back made me acutely aware of my shortcomings when it came to web typography. Although I promised myself I would look into the subject in more depth I was a bit vague as to where I should start. Fortunately Richard has given me a starting point with a list of resources on his site that look at the subject of baselines.

    I know that many people find web typography an uninspiring subject but good typography can have such a profound impact on how people perceive design that it really is worth your attention.

    Client corner: Getting things done in web design

    I have just finished reading “Getting Things Done” by David Allen. Not only has it seriously helped me to get control of my workload but its also made me rethink how I approach web design projects with clients. In this week’s client corner I suggest some techniques that designers and clients should use when a new project is starting.

    As seems to be the default approach these days I blogged on this earlier in the week so if you want more information on what I said in the show then be sure to check out that post.

    Ask the expert: Andy Clarke on CSS 3

    Following Andy Budd’s recent criticism of the W3C CSS Working group it seemed appropriate to have Andy Clarke on the show to talk about the progress of CSS 3. Andy is an invited expert on the CSS working group so has the inside track on what is really happening. In the show Andy talks about…

    • Some of the cool layout features available in CSS 3.
    • The modular nature of CSS3.
    • The slow progress made by the group.
    • And the need for the web design community to contribute in the process.

    Agony uncle: Insurance for web designers

    We received the following question from Brian last week:

    As an avid listener to your podcast – and having spent the day catching up on them while travelling! – I was very interested in a particular segment where your good self and that Lillington chap mentioned your Terms and Conditions and having, ‘…all the right insurances in place…’, with regard to setting up a business.

    I’ve recently done some work with a mate – a few hopefully not-too-shabby websites – and although we think we are getting the hang of sorting out contracts now, we have never been able to settle on what to put in our Terms and Conditions. Every time I start to do it I either glaze over or start putting stupid things in due basically to boredom!

    As for insurance we never assumed that we would need any for web design. Its not like we’re making nitroglycerine or heart bypass machines… so we assumed the basic rules of common sense prevailed.

    To this end, if you have any advice on what insurances might apply or what sort of thing should be covering in T&C’s?

    Firstly I’ll cover the terms and conditions issue, much as I don’t want to appear protective over our ts & cs, we have reached the conclusion that by providing them we are in effect providing legal advice.

    This is not what we do and it’s not a path we wish to tread!

    We suggest speaking to your lawyer or maybe a local chamber of commerce who could provide a standard terms and conditions contract template. I also droned on about the different aspects of terms and conditions in episode 65.

    Insurance, however, is another matter. Though, again, I am concerned about making stuff up here (as is often the case!) so the majority of the following content is from Business Link. This is what we currently pay good money for:

    Professional Indemnity

    If you are in the business of selling your knowledge or skills, you may want to consider taking out professional indemnity insurance.

    This protects your business against compensation sought by a client if you have made mistakes or are found to have been negligent in some or all of the services that you provide for them. Professional indemnity insurance will also cover any legal costs.

    Public Liability

    If members of the public or customers come to your premises or you go to theirs, you should think about taking out public liability insurance. This type of insurance covers any awards of damages given to a member of the public because of an injury or damage to their property caused by you or your business.

    Product Liability

    In product liability insurance (PLI) terms, a product is any physical item that is sold or given away.

    Products must be “fit for purpose”. Under the Consumer Protection Act 1987, you’re legally responsible for any damage or injury that a product you supply may cause. PLI covers you against compensation awarded as a result of damage to property or personal injury caused by your product.

    Employers Liability

    Employers’ liability compulsory insurance (ELCI) enables businesses to meet the costs of compensation and legal fees for employees who are injured or made ill at work through the fault of the employer.

    Key Man Insurance

    Key man insurance is designed to cover you for the financial costs of losing key personnel. We still have this for Paul….goodness knows why! ;-)

    Review: Looking beyond web design books

    This weeks review section isn’t so much a review as a recommendation. At SXSW you are really spoilt for choice as to what to attend. In fact there is so much choice it is overwhelming. After much consideration I decided to take an interesting approach. I decided to mainly attend panels on subjects I knew nothing, or little about. Instead of going to panels on CSS or design I went to sessions on marketing and strategy. The result was an incredibly enjoyable and enlightening week.

    On my return to the UK I decided to take a similar approach in my reading. Prior to this the majority of books I read where either on CSS or Javascript. However I am now trying to broaden out the range of books I read to encompass other subjects like productivity, business process, and even some sociology. As with SXSW it has been an incredibly rewarding experience and something I would encourage others to do. I have been amazed at just how much of what I have read has related in someway to my job and I believe it has genuinely improved the quality of my work.

    I would really encourage others to try the same thing and would like to suggest three books to break you in gradually. Although none of these books are directly to do with web design they all include valuable lessons that you can apply to your work on a daily basis…