Web Design News 08/06/10

This week: A psychologist’s view of web design, a gaggle of usability testing posts, the need for speed and inspiration kills.

A psychologist’s view of web design

As you will have gathered from last week’s show and our interview with Stephen Anderson, there is a lot of excitement about the impact of psychology on web design at the moment.

Human Brain

This week alone we have 3 great posts on the subject…

The Psychologists view of UX design is an informative rundown of how the human mind influences our behaviour on the web. Topics include…

  • People don’t like to work or think more than they have to.
  • Human memory is complicated.
  • People create mental models.
  • People crave information.
  • Most mental processing occurs unconsciously.

There is a similar article about the psychology of web design on the Web Designers Depot. This post covers topics such as…

  • Building trust.
  • Familiarity and pattern recognition.
  • Colour psychology.
  • Focus.
  • Reading patterns.

Finally there is a brilliant video on emotional design featuring Aral Balkan’s talk at Future of Web Design. According to twitter this was the highlight of the conference and is definitely worth checking out.

Whether you are a web designer or website owner it would appear that psychology has a lot to teach us and we need to start paying attention.

Inspiration kills

Talking of FOWD, one of the things I said in my presentation was how we spend far too much time looking at inspiration galleries.

Interesting the same issue has resurfaced this week in a post entitled ‘Inspiration Kills.’

My argument against inspiration galleries was that they are sinkhole for your time. That the time spent paging through endless ‘cool’ designs would be better spent learning something new.

Inspiration Gallery

The ‘Inspiration Kills’ post takes a different tact arguing that inspiration galleries replace creativity with other people’s work…

I think though that there is a darker side to inspiration galleries. This darker side is the thing that sucks up your imagination and fills the gaps with other people’s work.

However great other people’s designs are, by following their lead you surrender your opportunity to innovate and create original work.

For me the author sums up the best approach beautifully when he writes…

If you do go out to seek inspiration, don’t look for it in the usual places, the countless galleries and showcases displaying work of your fellow designers. Going this route will ensure your originality gets killed. Look for it elsewhere, in nature and in designs unrelated to your subject.

As I have said before, I am increasingly turning to subjects areas like physiology, marketing or business for inspiration. Not all design inspiration has to be visual and it certainly doesn’t have to be web based.

A gaggle of usability testing posts

First we had a plethora of physiology posts, now we have a gaggle of usability articles.

This week I have found 3 posts on usability testing that I just can’t help but mention.

The first is A List Apart article on quick and dirty remote user testing.

The idea of remote user testing has become increasingly popular thanks partly to advocates like Steve Krug who spoke about it recently on this show.

Remote testing is a viable alternative to conventional testing and although it is not as effective as face to face, it is cheaper and easier. If you run a website and have previous considered user testing too time consuming or expensive then read this article.

Talking of Steve Krug, he has released a video demonstrating just how easy it is to run a usability test session. If you feel you need an expert to run test sessions and that is stopping you from testing then watch this video. I challenge you to find something in here you couldn’t do yourself.

The final post is from UXBooth and focuses on encouraging negative feedback during user testing.

User struggling to be honest in a test session

Konstantin Chagin, Shutterstock

It can be surprisingly hard to get users to be honest about their experiences when testing. They fear offending you or looking stupid so they are often guarded about being negative. Its therefore great to see an article tackling how best to encourage people to be honest.

The need for speed

Our final news story for the day is another post by Gerry McGovern. This week, Gerry is talking about the “Need for Speed“.

The post focuses on users obsession with speed. He sums it up best at the end when he writes…

Time is the most valuable resource, and it will only become more and more precious. Those who relentlessly focus on saving the customer time will have a truly future-proof strategy. Those who waste their customers’ time with disruptive marketing and advertising, confusing menus and links and smilely people images will ultimately end up as road kill on the information superhighway.

Setting aside his reference to the information superhighway (really Gerry? Who uses that term anymore?), he makes a good point.

It is easy to build websites that are too slow and insist on communicating information the user just doesn’t care about.

Gerry quotes Google…

“We may be the only people in the world who can say our goal is to have people leave our homepage as quickly as possible.”

He then goes on to write…

It’s counterintuitive, isn’t it? Get them off your website as quickly as possible having done what they came to your website to do. It’s truly the opposite philosophy to sticky websites or sticky marketing.

Although I disagree with his definition of sticky websites (for me it is a site that users return to rather than stay on a long time), I do agree that we should be helping users complete their tasks as quickly as possible.

Google’s decision to factor in speed into its search algorithm is not down to an illogical obsession on their part. They know users want to complete tasks as quickly as possible and Google want to help them.

Be inspired while maintaining focus

Do you read tutorials and look at inspiration galleries? Do you actually implement the things you have learnt? Too many of us spend more time reading about design than actually doing it.

I received this question from Sam in Australia:

I find that I am always reading web design articles, tutorials and reading different blogs, thinking that it is all ‘inspiration’. However I end up just thinking more about my design that I actually design. Any tips?

Although we don’t realise it Sam, I suspect that most of us have this problem. I certainly have in the past.

I think the problem exists for two reasons: we read the wrong stuff, and we don’t remember and apply what we have learnt.

Let me explain what I mean.

Reading the wrong stuff

A big part of the problem is that we spend too much time reading the same kind of stuff. If you are already a fairly competent web designer how much are you going to learn from yet another web design tutorial or by looking through yet another inspiration gallery.  I touched on this in “5 new skills that every web designer needs to know” and it is something I am becoming increasingly convinced of.

Slides from my presentation

I am not suggesting that reading web design blogs and tutorials are wrong. You will still learn stuff. However, you are going to learn considerably more and be more inspired by reading subjects that you know less about.

Start reading about psychology, marketing, or business instead of another post on WordPress plugins or cool stuff you can do with jQuery. It will be harder to see how what you have learnt can be applied to the web, but it will be more inspiring and will have a better ratio of new information to noise.

Remembering and applying what we have learnt

The second problem is that when you do learn stuff,  you fail to implement it when a project comes around. This is because it is not enough to read stuff, you need to also assimilate it and reuse it at the appropriate time.

In order to solve this problem I turn to Getting Things Done by David Allen. He talks about the idea of context and that we need to remember things when we can act on them. He gives an example of a torch with dead batteries. The time when we need to remember we need new batteries is in the shop that sells them. Unfortunately we only remember when we next pick up the torch. Knowledge without context is useless.

Fortunately you can apply the same principles laid out in David Allen’s book to the things you learn.

Take for example an inspirational post that shows you lots of great designs. If you read the post and leave without taking action you will not remember that inspiration the next time you come to do some design. However, if you copy those designs to a program like Littlesnapper and always review Littlesnapper before starting a design, you will be exposed to the inspiration when you can do something with it.

This approach doesn’t just work with imagery. Stephen Anderson is a web designer who has taken a particular interest in user psychology. He has read extensively and learnt loads of things that inform the design process. Of course remembering and applying all he has learnt is another thing.

Stephen Anderson's Mental Notes Cards

In order to help apply these principles to his work he has produced a set of cards containing his key findings. In essence he boiled down everything he had learnt into 52 cards. Then when working on a project he pulls out a random card and uses it as inspiration for the project.

I use a similar principle of boiling down what I have learnt, but I keep the results in Evernote. I know Relly also uses an inspiration library of microcopy that she refers back to regularly.

The trick is to ensure the things you have learnt are recorded in an accessible format and that you refer to it regularly when actually working on projects.

A great example of moodboards in action

Moodboards are a valuable tool in the design process. However many web designers lack experience in producing them. Find out how to produce a stunning moodboard that will impress clients.

At Headscape we have been using moodboards for some time as part of our design process. We believe that working with moodboards is considerably more effective than producing multiple design concepts.

They have the advantage of being quick and easy to produce. This means that, unlike design concepts, they are disposable. You can try lots of different approaches to find the one that works for both you and the client.

However, as I said in my post ‘How Moodboards Can Save Time, Money And Your Sanity!‘ they can be tricky to produce. Inexperienced web designers can often overwork moodboards making them more like a design concept than some initial ideas.

Moodboards in action

Recently I came across this concept video for Microsoft’s upcoming iPad competitor. Although the technology looks very impressive that was not what grabbed my attention. What impressed me was the moodboard they created to show off the technology. This is a great example of moodboards in action and demonstrates the kind of look and feel a moodboard should have.


Of course we don’t all have fancy (and as yet non-existent) tablets to create this kind of thing on. However, all of this could just as easily be achieved using a Wacom Bamboo Pen and Touch.

Hopefully this video inspires you to create freer, less structured moodboards that don’t take hours to craft.

Web Design News 02/03/10

This week: the search for inspiration, using CSS3, ecommerce tips and why the browser landscape in Europe is about to change.

The search for inspiration

I am always encouraging those of you who listen to this show to be more adventurous in your designs. With website owners tending to be conservative and designers jumping on the latest design trend, website quickly all look the same.

Design Instruct has an article this week outlining some ways that you can find inspiration. Other than a recommendation to ‘look to the history of design’ for inspiration, none of the suggestions are that original. Most we have discussed before on the show.

However, there is a second post this week from Smashing Magazine, which is truly inspired. Entitled ‘Find inspiration in uncommon sources‘ it lists some great ideas that you should take a look at. My favourites sources of inspiration were:

  • Board games
  • Food
  • Fashion

These are certainly not areas I have considered looking at before. Infact shortly after reading the Smashing Magazine post I stumbled across this amazing post about food design which I highly recommend. It will certainly inspire.

Art made from Toast

Using CSS 3 right now

We talked a lot about HTML5 and CSS3 on the 200th episode of Boagworld. Hopefully this has left you keen to get stuck in, especially as these technologies can be used now and not at some future date when they are universally supported.

If that is the case then here are two great articles on CSS3 you should check out.

I would recommend starting with ‘You can use CSS right now’ as it focuses on basic stuff like rounded corners, drop shadows and alpha transparency.

Once you have your head around that, turn your attention to the mind blowing possibilities in the second post. Some of the stuff they cover includes:

  • CSS only content sliders
  • CSS only dropdown menus
  • Image free speech bubbles
  • 3D ribbon effects
  • Awesome buttons
  • Letterpress type

Of course these techniques are not universally supported, but as they are enhancements to a site rather than crucial to its operation, that is fine. This is progressive enhancement at its best.

Example of a CSS only menu

Europe set to have a broader range of browsers

We have known it was coming for a while but it looks like the moment is finally here (in Europe at least) – Microsoft now has to offer a range of browsers on its Windows operating system, not just Internet Explorer.

According to Sitepoint this will happen any day now through automatic update and is going to affect every user with IE as their default browser. Sitepoint writes…

The Browser Choice screen will be offered in Windows XP, Vista and 7 to users who have IE set as their default browser. It will be installed through the standard automatic update system.

Following installation, a new “Browser Choice” icon will appear on the desktop and the IE icon will be unpinned from the Windows 7 taskbar. An introduction screen will appear which explains what a browser is.

The user can opt to select later or proceed to the browser choice screen. The five most popular browsers are shown in random order — IE, Firefox, Chrome, Safari and Opera. A further 7 randomly-ordered browsers are available if the user moves the horizontal scroll bar.

The system can download and install any number of browsers.

This will have a massive impact on the European browser landscape. My bet is that the big winner will be Google. Many users will play it safe and stick with the blue E that they know. However, a lot will be tempted by Google because it is a brand they know and use regularly. Expect their market share to jump.

However, I have left the best bit until last – According to Sitepoint:

IE6 and IE7 users will be prompted to upgrade to IE8!

This means whether users upgrade to IE8 or opt for a different browsers we are going to see a dramatic improvement in standards compliance here in Europe.

Oh happy day!

Browser Choice Screen

Ecommerce development tips

I am very conscious that I don’t cover a lot of news for developers on this show. That is mainly because I don’t understand much of what you guys do. However, an article this week caught my eye and I thought I would share it with you.

24 Ecommerce Development Tips appears to be a comprehensive list of technical things to consider when developing an ecommerce site.

The article covers everything from database configuration to handling the complexity of discounts.

24 ecommerce tips

One part that jumped out at me in particular was:

AJAX is fine for checkout, not for product browsing. Don’t load products or product previews in DHTML windows or an AJAX widget. Search engines won’t be able to find them. Which means you won’t sell anything. Which means you’ll go from full time to part time to contract to unemployed.

The reason this grabbed my attention was because it reminded me of my own post on Javascript and ecommerce.

If you happen to be considering building an ecommerce website anytime soon, I highly recommend you read it.

We recently discovered that very few of the big name ecommerce software packages run without the use of Javascript. If that includes your website then you may well be turning away 1 in 20 of your potential customers.

Certainly food for thought.

Stop Using Stock Photography Clichés

I am sick of stock photography. We should refuse to use one more photograph of business men shaking hands or ethnically diverse people laughing together.

It is time to draw a line in the sand. 2010 needs to see the demise of bland, insipid photography that are the equivalent of using IBM blue.

Like IBM blue, certain stock imagery has been so overused that they have become meaningless. It conveys no information of value and carry no positive emotional message. Take for example the website below:

The WellDyne website features a photograph of two businessmen shaking hands

The image provides no clue as to the nature of the website and appears to be little more than a placeholder to fill up space.

The only reason to resort to such hackneyed clichés is lazinesses. A designer has literally millions of gorgeous images available to them online and should also be capable of producing unique imagery of their own.

This lazy approach was summed up perfectly in the design below. The designer was so lazy he did not even manage to purchase the image (see the watermark from istockphoto).

Website using an unpurchased image.

The alternative

Don’t misunderstand me. I am not writing this with a sense of superiority. I have been just as guilty of falling back on clichés as anybody else. After all, when time and budget is limited, you don’t have the resources to commission your own photo shoot!

However, just because you are forced to use stock photography does not mean it has to look terrible. There are several techniques that can help avoid clichés even when time and budget are limited.

Use Illustration

Increasingly websites are using illustration instead of photography. Even stock illustration often conveys more character and personality than your average piece of stock photography.

The style of illustration used says something about the website and organisation behind it. Illustrations make a statement and do not necessarily need to appear childish, as many clients fear.

Hull Digital Live

Safarista Design

Image based on Soviet Russian style

Image of comic fish

Better integrate

Even when you choose to use stock photography there is no reason why it needs to be confined to a box! Instead seek ways to better integrate it with your design by breaking out of the grid. This can take even relatively poor photography and give it new life.

Brooklyn Fare Website

Avenue 91.1 website

Oklahoma Wesleyan University

Stylise

Of course there are occasions when you are forced to work with poor photography. This typically happens when imagery is provided by the client or when the budget doesn’t allow anything other than the cheapest of stock imagery.

This is the point where you need to let your creativity run wild. Do not resign yourself to poor quality imagery, but rather enhance it using techniques as simple as a photoshop filter to as complex as a collage.

Suie Paparude website

Boutique website

Skipvine

The Nest

Pick images with punch

When you do have a choice of imagery make sure you select an image with punch.

When faced with an image library consisting of thousands of photos, it is easy to pick the first image that has the right subject matter. However remember, composition, colour and style make a huge difference.

Picture of a woman's face

Image of ornate costume

Image of the Festival of Colour in India

Use typography instead

Of course there is no reason why you need to use imagery at all. It is perfectly possible to create an incredibly powerful website with just the use of typography.

In fact I would argue that good typography is imagery in its own right.

Seed Conference Website

National Design Museum poster

Avoid being literal

My final piece of advice is probably the most important of all, and is one that website owners struggle to grasp – You do not need to be literal.

The reason so many websites fall back on clichés is because most organisations do not have strong imagery associated with them. When you think of a management consultant, PR agency or chartered accountant, you instinctively think of businessmen in suits shaking hands. That is the literal interpretation of these and many other businesses. In fact so few businesses produce something that can be seen or touched, they are only left with photographic clichés.

However, good imagery is about conveying a sense of personality and character, not a literal representation of what you do. After all prospective visitors understand that if you are a management consultant there will be men in suits. They don’t need a picture to tell them that. What they need to know is the character and personality of your organisation.

Images that convey information and emotion are considerably more powerful. These are the images that engage with your user and draws them in.

Unicef picture of girl holding water pistol to her head

Picture of a cactus in the shape of persons foot

Call to Action

Every good blog post needs a call to action. Mine is to ask you to be more adventurous in your choice of imagery. Do not settle for second rate stock photography but instead experiment with illustration, collage, typography and styling.

However, most of all I would encourage you to avoid being too literal in your choice of imagery. Some of the most powerful imagery can also be the most abstract.

Stop designing websites, start designing posters

A new generation of websites are emerging that look less like websites and more like posters. They are easy to use, visually engaging and most of all different.

Sometimes I think I am deeply conflicted. On one side I am always going on about how print is not like the web and web designers need to stick to conventions.

On the other hand I feel inspired to be more creative in my work and take some risks. I am bored with the same old approach to websites.

In one recent post I wrote:

Too many websites look the same as their competition. If you want users to remember your site it needs to stand out from the crowd.

How then can we be different and yet still ensure our websites are usable?

Looking to the poster for inspiration

One way to remain usable and yet be different, is to look for inspiration beyond the web. For example, look at print designs that have to grab people’s attention and communicate a lot of information quickly.

One example of this is printed posters.

Posters have to be:

  • Visually attractive in order to grab attention.
  • Easy to take in at a glance
  • Provide more information to the more interested reader

In other words they need to be…

  • Engaging
  • Usable
  • Scanable
  • Have a clear information hierarchy

Sound familiar? Websites face exactly the same challenges.

Take a look at these posters below. Each is visually striking, provides key information first but has additional information for those interested. This is how we should approach web design.

DJ Andy Smith Poster

Art Attack 2006 Poster

Paris Je Taime Poster

Animals are not clowns

Morgellons Disease

Urban Typography

Using poster design on the web

You maybe looking at these and wondering how this approach can be applied to the web. After all, they don’t have much in the way of content.

Setting aside the fact that most websites have far too much content and need to be simplified, it is not impossible even with more content.

In fact a lot of web designers have already taken inspiration from poster design. Here are just a few from my inspiration library.

Flourish Web Design

Flourish Web Design

Groovy Web Design

Groovy Web Design

Kitschen Sink

Kitschen Sink

Samsung

samsung

Lana Landis

Lana Landis

Finch

FINCH

Carsonified Events

Carsonified Events

Noel Design

Noel Design

Personally I find this new generation of websites encouraging. It demonstrates an advance in the aesthetics of the web without undermining the principles of usability.

These designers should be commended for their desire to push the boundaries of traditional web design and for looking beyond the web for inspiration. They should be commended for rejecting the myth of the fold.

What about you?

So have I inspired you? Do you think that we can learn from the print design world or are the two worlds too different? Post your thoughts in the comments.

190. Become a branding Ninja

On this week’s show: Ryan and Stanton interview Alex Hunter about managing your brand. Meanwhile Paul and Marcus look at how to speed up your website.

Play

Download this show.

Launch our podcast player

News

Offline inspiration

It has been a while since we have featured a Smashing Magazine post on the show so thought it was about time.

Shocking though this will be, it is not a top 10 list. Instead it is an excellent post on finding inspiration offline.

The post argues that using online sources such as CSS galleries for inspiration is not enough. As designers we need to be taking a walk, visiting a museum or spending time sketching. We need to consider these an essential part of our job description.

The post examines eight areas of inspiration:

  • Nature
  • Museums
  • Sketching
  • Hobbies
  • Music
  • Photography
  • Traditional art
  • Our own imaginations

It then discusses what can be found in these areas of inspiration. In particular the post looks at:

  • Texture
  • Color
  • Shapes
  • Changing our perspective
  • Discovering themes

The problem is that we don’t feel like visiting a museum is work and even if we do our bosses certainly do not! However, this is eloquently addressed to:

The trick is to consider alternative inspiration an an essential part of the job. While it feels more like play than work at first, finding true inspiration should mean more than browsing through the same material over and over. And we should know that in a creative industry, having fun is okay; it doesn’t mean we’re being unproductive.

Girl looking at Museum exhbit

Image source

Some of the best design work I ever did came from offline sources. I just wish I prioritised this kind of research more.

All you need to know about CSS3

Mr Stanton discovered a great new site this week – CSS3.info. With CSS 2.1. becoming increasingly supported and integrated into our work, it is time to look ahead at what CSS 3 has in store.

CSS3 has got some really interesting new features that are already supported in some browsers. From advanced selectors such as attribute selection through to multiple column layouts, there is a host of goodies we can start to play with.

What is more, by using graded browser support we don’t need to worry too much about IE’s lack of support.

CSS3.info is a great starting point if you want to begin using some of these advanced CSS features. It provides examples of each new feature and tells you what browsers support it. It also provides a selector check so you can see what advanced selectors work in different browsers. Finally, it also provides up-to-date information on how the new specification is progressing.

I really would encourage you to take a look at CSS3. Its got some really exciting features that you can start using now.

Preparing and planning for a redesign

Although I am generally against the principle of redesigning sites from the ground up, there is no doubt that every site needs a refresh once in a while.

Knowing when and how to go about redesigning your website can be a tricky process. Fortunately Web Designers Depot has a post that might help. Entitled “Preparing and planning for a redesign” it provides some valuable advice for any website owners thinking of redesigning.

The Firefox website before and after its redesign

The post starts by looking at how you know it is time to redesign. Contributing factors include:

  • Out of date technologies and techniques
  • The age of a design
  • The lack of a CMS
  • Search engine ranking problems
  • Under performance
  • Your competition

It then goes on to look at what needs to be done in preparation for a redesign. This includes:

  • Identifying what works
  • Being clear on what doesn’t
  • Looking at what can be removed, combined or added
  • Knowing what motivates your users
  • Whether a complete redesign is even necessary

Finally, the article concludes by looking at some potential dangers in redesigning. These include dealing with repeat users and avoiding broken links.

Although I don’t agree with everything in this post, it is a useful article if you are considering a redesign. Check it out.

Confusing menus and links: the web’s biggest challenge

I want to conclude with a post that might make you rethink your sites navigation. It is by Gerry McGovern and is entitled “Confusing menus and links: the web’s biggest challenge.”

Gerry applies his task focused approach to information architecture. He argues that too many organisations are more concerned with organising their content into an IA, than meeting the needs of users.

He suggests that to make a truly effective information architecture we need to start thinking like our users, who are focused on the task at hand.

To demonstrate his point he refers to the BBC sports site as a good example:

If you visit the BBC homepage and choose “Sport” you are brought to a page about sport. Just sport. The critical first screen is all about sport. No links to news or weather or business. Just sport. If you click on Football you arrive at a page that’s just about Football. Just Football. Not cricket. Not rugby. Not golf. Just football. If you click on “Premier League” you get to a page dedicated to the Premier League.

This is not web design. It’s web management. It’s about eliminating all choices that are not connected with the customer’s current task, which in the above example might be: Find out the latest news about the Premier League.

BBC Football website

Too often as website owners we clutter our navigation with other content that users “might want” or which we want them to look at. Although there are times when we want to cross link or promote other content, we need to be careful not to distract users from achieving their primary aim. If they become overwhelmed by links and fail to complete their task easily, they will leave.

He ends with a radical suggestion:

Menus and links need to be designed in the context of the task the customer is trying to complete. That means stripping away higher-level options and creating links that point forward based on the task at hand.

Stripping away top level navigation is not always a good idea, but this post should make us sit up and think.

Back to top

Interview: Alex Hunter discusses developing an online brand

Ryan: OK, joining us today is Alex Hunter and we’ve just listened to you do a talk on… what was the talk title, I’ve forgotten?

Stanton: It was kind of “Managing Your Brand”.

Ryan: “Managing Your … Marketing Your Web App and Future Brands Online” – it was really good talk; really fascinating.

Alex: Thank you.

Ryan: So, would you like to tell us a little bit about yourself Alex?

Alex: Yeah. Sure. I’m an independent, kind of, brand ninja if you will. I’ve worked with some of the biggest brands in the world – on both sides of the pond. I live here in the UK but am originally from California.

Ryan: OK. And your talk was focused around making yourself your brand; putting your reputation on the line, in a way. It was really interesting – do you want to tell us a little bit about that?

Alex: Absolutely, yeah. Brand is one of those things that falls by the wayside, especially when it’s a developer-centred organisation. Developers are creating amazing technologies, incredible platforms but while they’ve been doing that they’ve actually been completely changing the game; they’ve been fundamentally changing the way marketing and branding works. It’s amazing, because they’ve create apps and platforms (i.e. social networking) that allow consumers to connect with brands for the very first time. Before, it was just send a letter out, watch a billboard, very mono-directional. But now we have these tools to connect with brands, and the irony is that the people that created that conversation aren’t responding to the fact that they need to have their brands intact.

Ryan: Right, OK.

Stanton: You gave a couple of examples of companies that you respect and that do this kind of thing really well. Can you give us a run through those?

Alex: Sure. I think Digg has put a lot of time and effort into their brand over their, what is, five-year or six-year existence. They’ve done a lot of little things really, really well and it was nice to hear Kevin Rose allude to them yesterday. Things like their blog – I think they’ve got the best corporate blog in the world because it’s not just the Vice-President of PR doing the blogging. It’s not even just Kevin or Jay (the founder and CEO respectively). It’s the developers, the designers, the DB admins, the receptionists, the community managers i.e. the faces and the names of the people that created and curate the community that we as the “Digg Community” have invested so much time and energy into. We can connect with those people now because it’s a name and a face of a real person. And so what they do whenever they roll out a new piece of technology or a new development, they say “Hey, I’m the guy that did this. Here’s why and here’s how (in excrutiating detail). What do you think?”. And that’s kind of revolutionary.

Stanton: So you would encourage people – especially working in small teams – not to be scared of just talking about what they’re doing and just waiting for “Let’s just wrap it up in a press release” or something and just talk about it naturally and be precious and passionate.

Alex: The being “precious” about it, I think, is a very, very big risk. That transparency is really beautiful because it brings people into the journey – especially when you’re creating something brand new – when it’s just an idea. You’re creating a new product and you’re updating people on it. It’s why reality TV is such a painful hit, I mean. It’s because people are looking into this thing and, Lord knows, the dev cycle is dramatic and painful and “4 o’clock in the morning” caffeine-induced frenzies. But also, it’s like when things go wrong, hold your hands up – be transparent, human. Don’t hide behind a brand name or a product name. And people will engage with that.

Ryan: So, how should people be doing this really? How should people be developing their brand and associating themselves towards the brand and then putting it out there. What techniques should they be using?

Alex: It’s a great question. I think that there’s – especially with Twitter, interestingly – there’s this real blurring of the line between personal brand and corporate brand. A lot of the big names that we know in technology embody their brand; Kevin Rose is Digg, Gary Veynerchuk is Wine Library TV, Tony Hsieh is Zappos – they’re all completely interconnected; there’s no separating them. They’ve invested themselves emotionally in what they do and that shows in the brand. And I think they’re defined by what they want to be. Gary has always been very clear about what his values are, Digg is very clear about what their values are. Apple are very clear about what their values are, and I think, trite as it may sound, going through and identifying your values – and it was really refreshing because as I came off the stage some dude came up to me and say “Hey, thank you. We’ve been labouring over this for years and we finally sat down – or I stopped sitting down with myself and brought the whole team in – and we defined our values” and it’s just gone up exponentially through that. And so I think it’s just define the values, creating an identity out of that and then saying “What are we now and what are we going to be, well, indefinitely really”.

Ryan: So do you think that’s got to be one of the first stages when you release it – you’ve got to be thinking about where you’re going to take it and how you’re going to present it to the world.

Alex: Absolutely

Ryan: That’s vitally important.

Stanton: So you talked about brand consistency and not to be scared of it or precious of it again. You should be willing to put it out there and how other people in your company – just use it and get it out there.

Alex: It’s… consistency is a funny one. People always say “The more people you give the message to the more watered down it becomes and the less consistent the message is”. Big brands are really scared of losing the refinement of their message. Realistically, they’ve been doing it for the last 30 years because the person who answers the phone in the call centre is the first point of contact that a user has with your brand. They are representing your brand. The receptionist is representing your brand. So giving someone an account on Twitter to do the same is no different, it’s just a little bit more of a public stage. But, on the flip side, that’s a good thing because people can see you responding to positive comments and negative comments and reacting and helping people in a very public forum. That’s why things like Get Satisfaction and applications like that – and actually in South Africa there’s a really popular one called Hello Peter which businesses are all into trying to respond and react to. So I think it’s a good thing and people shouldn’t be scared of consistency.

Ryan: Some brands, and we’re talking here quite a bit about people being associated to the brand and being kind of interchangeable. You say Steve Jobs, you say Apple, you always think of the two. For brands like, you mentioned, Diet Coke – being that you were invested into that brand – there’s no person that you can think of associated to that but you see that brand and you’re committed to it. McDonalds, things like that. What differences are there between the two? How do you promote? It’s kind of a logo you’re promoting in a way, isn’t it.

Alex: It’s a really good question. Diet Coke – the Coke/Pepsi thing is a fascinating brand battle and one of the few where it’s really only a two-horse race, especially in the consumer arena. I mean you’ve got Boeing and Airbus but they don’t really have to advertise because, well, I don’t have $100 billion lying around. Coke and Pepsi, I think, play off the fact that they are rivals and you are either one or the other. I think the more you consume of it the more passionate you become about it. So, if you are a regular Diet Coke drinker – like my wife won’t go to restaurants that serve Pepsi, she’ll leave because she can’t stand the taste of it. I’m sure it’s psychological because as Dave Chapelle said in that video, “It’s all the same”. It’s sugared water in a tin can! But they’ve managed to kind of feed off each other to an extent that has developed this rivalry and therefore developed this passion within its user base.

Ryan: I suppose then there’s so many different avenues that you can take to compete and get your brand out there. Is there any more that particularly stand out; having a direct competitor is one way of developing your brand or having a figurehead or any other ways you can go about it?

Alex: Absolutely, absolutely – especially for small – or reasonably small – brands. I think there’s a couple of things that are really important. In kind of extending the reach of the brand and the application with content like blogs – like the Digg example is a great one – but also engagement, both in the physical world and in the digital world. There are a lot of web companies that are getting really good at hosting real world events where users meet up and are rewarded both on a macro-like Digg or a Yelp on a micro level like some companies here in Europe like Qype that I mentioned during my talk that are introducing users to each other and to the people that either administrator or are the, kind of, power users within the community. Kevin Rose mentioned that again yesterday as a really good way; launch parties, regular user meetups, get people talking, get people connected. That really breeds loyalty. It’s astounding what that can do in terms of the competitive.

Ryan: I think Digg is an excellent example because they have so many methods of getting their message out there, don’t they. They’ve got the blog and the meetups and everything else.

Stanton: It’s like that with the bigger companies that come out. They can release different products that might not be wildly different but there’s the kind of umbrella brand that’s so strong that you can pick up that product and you know it’s new and you know the quality of it.

Alex: It’s really interesting. The web has actually fundamentally changed the way brand is perceived because we have these, like, loyalty mechanisms built in. Let’s look at, like, re-branding an acquisition. If my local supermarket gets bought by another supermarket, I don’t care. As long as it’s still there and has food in it – whatever! When Yahoo! bought Flickr they kind of didn’t know what to do with the brand. Do you keep it Flickr or do you make it Yahoo! Photos? And they’ve been kind of to-ing and fro-ing. But you can’t because that loyalty that’s in the Flickr community, that has built it up to where it is, would be PISSED OFF. So now, the compromise that just did recently was “Flickr by Yahoo!”.

Ryan: And people don’t seem to like it!

Alex: Exactly! Can you imagine what would happen if they rebranded it to just Yahoo! Photos? I mean, of course you’d get over it eventually but it’d take a lot longer and you’d lose a lot of customers.

Stanton: That kind of touches on one of the key things I took away from your talk. You said “Look after your users best interests, not yours”.

Alex: Absolutely. It’s hard because you gotta pay the bills. But that reputation will put you head and shoulders above anybody else. The Amazing Tunes example that I used. There are other unsigned artists sites out there, but not that give 70% of the profits back to the user and not that have a DAB radio station that you can get featured on. That’s looking after users. That’s the definition of an ethical web company.

Stanton: So for anyone starting out or building a company or a start-up or something, are there any common mistakes or pitfalls that you see all the time, or that you’d encourage people to watch out for or avoid.

Alex: Absolutely. There’s the ever-present “If you build it, they will come” mentality. If a build a solid app, no matter how ugly it is, people will come. They will not because they’ll never hear about it. And there are competitive apps to almost everything, and if there isn’t one today, there will be one tomorrow, and they will have looked at what you’ve done and they will have started an outreach, they will have started a Twitter account, they will have started a blog, they will have networked it physically and they will have networked it digitally, they will have thought about the presence, the UI. And I think that siloing and kind of compartmentalising and just saying “I’m going to iterate my app” is not going to work. There are exceptions to that rule. TweetDeck – he developed it to solve a personal problem, it just happened to be really well solved, and so it’s kind of growing on its own. But that is the exception to the rule. I think that hiding under a bushel, expecting it to develop on its own, it’s just not going to happen.

Ryan: With regards to cost of developing your brand, it can be the chicken and the egg sometimes. You need to develop an app and get it out there to make some return to put some investment into marketing it. What initial steps can be used to build yourself up before you can plough some money into it and doing it properly.

Alex: It’s kind of interesting. I think, yeah – you’ve got to have a concept obviously and some basic stuff done but I think one of the things that I’ve always found that worked, and it was really interesting to hear someone talk about it yesterday – I’m not sure who it was – but this kind of closed beta invite only concept seems to work really well at generating buzz. And if you just get one or two people saying “What the heck is this?”. You get these precious invites – which really aren’t that precious – Spotify’s a great example; actually Spotify’s a great example on two levels: 1) it was invite only for the longest time and 2) our pals in America couldn’t have it and they wanted it so badly that they were spoofing IP addresses and whatever they had to do to actually be able to use it. That kind of sense of exclusivity is a free way of generating that kind of buzz, if you can just get enough people to talk about it and it’s just an occasional whisper in the air, a Moo Card dropped somewhere with an invite code on it – that will just start to get people excited about it. But you have to make sure the product doesn’t suck on the back of it, because that will also spread pretty quickly as well.

Stanton: A lot of the talks I’ve sat in on today are starting to tie in. Yesterday it was “If you’re going to release something, release it early”. Do one or two things but do them really well, don’t try and do everything at once because you won’t be able to. And then see how things get – see how your users react to it and then build. I guess that’s reacting with the branding people that engage with the brand and then you’re building it and they feel invested.

Alex: That focus is really important as well, and I think that’s why APIs are so important in the early stage because you can get people developing iPhone apps and other integrations without taking your eye off the ball and doing those one or two things really well and going “Oh crap we’ve got to go home and develop the iPhone app”. It’s really interesting the way that it’s evolved – product development.

Ryan: Do you have any predictions of how things are going to change in the future. At the minute we’ve got these big companies that are doing it really well, everyone’s kind of imitating and doing similiar things to try and push their brands as well, and inevitably, things will change again. Any predictions about where things might be going?

Alex: I think it will become even more democratic. I think that the users will become even more powerful because the time to reaction is so fast.

Ryan: Yeah

Alex: But I also think loyalty will get even stronger and if you’re going to develop a competing app to an incumbant you’re going to have to work 10 times harder to get people off of what they’re using. As people start to use even more social currency, more points systems, giving more “value” to a user, it’ll be harder and harder to bring them over. I also think it’s going to be harder for people to acquire web brands, especially the big companies – the Yahoo!s the AOLs of the world to acquire small web brands without alienating those kind of fervently loyal people that are already their user base.

Ryan: You did mention people coming up with all this sort of cutesy names and stuff, mispellings and things like that. The market just seems to be saturated with it. How should people be thinking about deciding on a good brand and what fundamental things should they be thinking about when they’re making those decisions

Alex: I think that’s a great question. It’s less about the name – like you said it’s really easy just to misspell something or drop a consonant; that’s really lazy – you’ve got to look at it much more as a value-driven. What are our values? What is our product like? What is our team made of? Where are we in the world? And then use that to feed in the name to something obviously catchy, obviously when you can get the domain for a reasonable price – those are practical things that you need to take into consideration. But it’s got to be catchy; it’s got to be engaging, it’s got to mean something. And I think people have started to catch onto the whole “if you can make it a verb”. Digg and Google have become verbs (by the fact that they’re just ubiquitous), but I think people are now starting to say (at least, I’ve heard people around London say) “I’m going to Qype that” and it means “I’m going to check what this place is like” in terms of reviewing a restaurant before I go into it or whip out their Qype Radar iPhone app and check it out before they walk into it. So I think that that’s a really interesting revolution.

Stanton: You’ve got to work hard to get to that place, don’t you?

Alex: You really do.

Stanton: Then it appears in the dictionary!

Alex: That’s when you know it’s all over. You’ve won!

Ryan: OK, well, thank you very much for your time. I really enjoyed your talk and I think listeners will find that really useful. Thank you so much.

Thanks goes to Sam Kirkpatrick for transcribing this interview

Back to top

Listeners feedback: Give yourself a speed boost!

Normally the listener section of the show focuses on me answering listener questions. However, this week on twitter and the forum it has been the other way around.

You may have noticed that boagworld has been running slow for sometime. Well, I finally decided it was time to fix the problem. However, my knowledge on the subject was fairly limited. That was why I turned to the Boagworld community and boy did they help!

I thought it was only fair that I share the top 5 things I learn from them.

Read 5 Ways To Give Your Site A Speed Boost In Less Than 30 Minutes.

Back to top

How to become an innovator

Whether you are a website owner, web designer or web developer you need to innovate. But how do you make it happen?

Innovation is at the heart of the web. Innovation is about finding new ways of doing things, building on the work of others and moving it forward. Without innovation, whether you are a designer, developer or website owner, you will struggle.

If you are not innovating you are following, and you do not want to be following the competition. Your competition maybe other freelancers, websites or the person who is going for the same job as you. Whatever the case you do not want to be following them, you want to be one step ahead of them.

How then do you learn to innovate? At the heart of innovation is a desire to challenge preconceptions.

Challenging preconceptions

You can only innovate if you successfully challenge existing best practice. This begins by asking the question “Why not?” Why can’t you do something? Why is something supposedly wrong? Depending on your role these questions may vary. For example:

  • As a web designer you might ask – Why does the site I am designing need navigation?
  • As a web developer you might ask – Why can’t CSS enable me to rotate text?
  • As a website owner you might ask – Why do I need a website at all? Why can’t I just use sites like Facebook and Twitter?

If it wasn’t for people willing to ask “why not” the web would be a poorer place. For example if it wasn’t for people like Jeffrey Zeldman and Eric Meyer asking why can’t we use CSS, we would still be working with HTML tag soup.

Equally if it wasn’t for people like Jeremy Keith we would still view Javascript as an evil tool that creates popups and inaccessible navigation.

Image of a pop-up ad

Of course, there are often good reasons why we cannot or should not do something. The question then becomes “are there ways to work around these problems?” That is where innovation truly begins and the only way to answer that question is to experiment.

Innovation through experimentation

The only way you can innovate is to experiment. The problem is most of us have forgotten how to experiment. We are so focused on deadlines and the bottom line that we feel “playing around” is a waste of time and money. However, it is not. It is vital for staying ahead in what is a very competitive and fast moving medium.

If you are to innovate you need to overcome two hurdles:

  • Finding time to experiment
  • Finding ways to experiment

Let’s address each in turn starting with finding the time.

Finding the time to experiment

We all know that Google encourages their employees to spend 20% of their time working on personal projects. This is their opportunity to experiment and innovate. However, Google is an enormous company sitting on big piles of cash! They can afford to “play.” Most of you will believe you cannot afford to do that!

In reality carving out some time for experimentation is not as hard as you think. Nobody works 100% of they’re working day. We all need breaks from normal work. Grinding away for an entire day is actually damaging to productivity. Working like this tends to take longer than if you take breaks and have time to play.

Experimenting with new ideas can be fun. It is exactly the kind of break you need from normal work. It makes the down time you have anyway more productive.

There is also a lot of evidence to suggest that shorter, more intensive periods of work actually allows you to get more done and to a better standard. Take for example Carsonified that work a 4 day week. They seem to suggest that as much gets done in 4 days than they would in 5. What if they spent the 5th day each week playing and experimenting? Or alternatively, what if they took an hour out of each day to work on new ideas? They would be able to do the same level of work but also gain time to experiment.

We spend our entire lives feeling like we don’t have enough time but in reality that is not true. If we all collectively watched 1% less TV we would be able to create 10,000 wikipedias. Makes you think doesn’t it.


Clay Shirky challenges among other things the belief that we lack time.

So lets presume you have committed to carving out some time for experimentation. How do you actually do it?

Ways to nurture experimentation

Its hard to define a single approach to experimentation. It very much depends on the type of work you do. The way you innovate as a designer is naturally going to be different to that of a website owner or developer. However there are some basic approaches that apply to pretty much everybody. These are not specific ways to experiment, rather they are general approaches you might wish to consider.

Experiment in a sandbox – Create a closed area where you can try out new ideas. This could be a development server or a closed beta website. This is the perfect place to try out new designs, experiment with site structure and content or play with new coding techniques. It is safe and private. Nobody needs to ever see your disastrous attempts at innovation!

Experiment on users – As your confidence grows with experimentation you might want to start exposing some of your ideas to real users. For example you might want to try some user testing with friends or even letting people into your closed sandbox. Admittedly experimenting on users applies more to designers and website owners. However it is useful for developers to get feedback from their peers. You will often find that allowing others into your experimentation process will spark interesting ideas and discussions.

Experiment on live – When did we get so precious about our sites that we are hesitant to explore new ideas on our live sites? Admittedly you might not want to do this on a high profile ecommerce site where the slightest mistake may cost millions. However, for many of the sites we run, it would be quite possible to try out ideas with no measurable impact. After all one of the best things about the web is that sites can easily be changed if things go wrong.

This trend towards conservatism has even extended to web design and personal sites. When was the last time you saw a personal site that really pushed the boundaries? They are few and far between these days. Even when sites do (such as the redesign of 24 Ways) they get criticised. I believe this is wrong. We should be innovating even if we fail. And we certainly shouldn’t be afraid to do so in public.

Screenshot of the 24 Ways website

Conclusions

Although I have focused in this post on the barrier of time and knowing how to experiment, I actually believe the biggest problem is fear. We fear wasting time on ideas that fail. However most of all we fear of being ridiculed for trying an idea that didn’t work. That is a real shame. Without people will to stand up and trying new things the web will never progress.

Ill leave you with these wise words from Winston Churchill:

Success consists of going from failure to failure without loss of enthusiasm.

Amen!

3 ways to make your site stand out from the crowd

Too many websites look the same as their competition. If you want users to remember your site it needs to stand out from the crowd.

I recently gave a presentation entitled the “10 Harsh Truths About Institutional Websites“. One of the point I made was that all Higher Education websites look the same. Nobody is innovating when it comes to design.

Screen captures of 9 higher education websites

However, the problem is not just limited to HE. Almost every sector has a design style. Why is that?

I believe there are 3 reasons:

  • Laziness – It is easy to follow the crowd blindly. To stand out you must innovate and challenge established practice. That takes effort and a lot of thought.
  • Fear – A fear of getting it wrong. What if you upset your users? What if you misjudge what they will like? Its safer to do what others have done because that has been proven to work.
  • Shortsightedness – Too many organisations only look at their own sector for inspiration. They look at what the competition is doing and copy it.

The problem is that if you follow the competition, you will always be one step behind. At best you will be invisible, at worse you will be a poor shadow of your competitors. To create a site design that stands out from the crowd and resonates with users you must take some risks.

Unfortunately this can be hard to do. We can become blinkered in our thinking, convinced a site should look a certain way and have a particular kind of layout. However, there are plenty of examples of sites that break this mould successfully.

Screenshot of Biola Undergraduate website

How then do we join the ranks of designers and website owners who think differently? I suggest there are three ways:

Constantly seek inspiration

The first step in thinking differently is to expose yourself to different types of design. It is easy to only look at your own site and that of your competition. Broaden your horizons.

A lot of people start with CSS galleries and they certainly have their place. However, in my experience you have to work through a lot of crap to find the truly stunning sites. Instead I subscribe to sites like Smashing Magazine, Webdesigners Depot, and Sitepoint who tend to do a lot of “Top 10 inspirational sites” posts. In these posts the author has done all the hard work for you by weeding out the dross and leaving only the best examples.

If you are looking for a specific design style I would also highly recommend Design Meltdown that organises inspirational web sites by categories such as colour, structure, elements and style.

But why stop there? Why limit your sources of inspiration to other websites? What about photography, architecture or print design. ffffound.com is an excellent source of inspiration. It is a massive collection of imagery from every source imaginable, bookmarked by members who consider it interesting. Another similar site is Emberapp which contains illustrations, logos, icons, typography and much more.

Finally, I would also encourage you to carry a camera and look for inspiration in the world around you. Once you get into the habit it is amazing how much inspiration can be found in everyday things. Even sitting here at my desk there are the colours of my houseplant’s leaves, the book cover next to me and the typography on my energy drink. Inspiration is everywhere if we get in the habit of looking for it.

A photo of the houseplant on my desk

But the problem is not just inspiration. It is also the fact we self censor.

Stop designing websites

Part of the reason we struggle to create original design is because we self censor. Recently I shared my personal inspiration library with the designers at Headscape. The response I got back from one of our designers was fascinating:

A quite beautiful collection of elements none of our clients will have the courage to ever use!

It is certainly true that Headscape work for some very conservative clients. However, there is a danger we give up without trying. It is easy to slip into the same old routine because we have convinced ourselves that nothing more is possible. We have a navigation bar, header, footer and content area in the same old places because we know that will get approved.

Even if we believe a client might approve something more adventurous, it can be hard to change our mindsets. After all, websites are meant to look a certain way… aren’t they?

When I was recently discussing this problem with Mike Kus from Carsonified he came up with a brilliant suggestion:

Next time you brief your designers tell them they are designing a poster rather than a website.

Although I am not sure my designers would appreciate being lied to (and I don’t think Mike was suggesting it seriously), it is a superb idea.

Too often we are constrained by the web. The need to add the same old elements and be confined by the same screen resolution. Letting go of that and designing for a different medium (such as a poster) is a superb way of encouraging creative thinking.

In Mike’s article “Web Design is a Journey” it surprised me how long it took his designs to look like an actual website. Where most of us start with a grid or wireframe, Mike starts with an image or other graphic element. He then shapes those elements into a website. It is almost as if he squeezes his design down into the constraints of a website. He certainly does not self censor.

The Stackoverflow website designed by Mike Kus

Of course, sometimes you will loose the battle and a client will insist on a super conservative design. What then?

Surprise and delight your users

Sometimes its just not appropriate to deviate too much from the norm. Does that mean your website is doomed to blend into the crowd? Not neccessarily.

Even when working on the most conservative of designs there is an opportunity to surprise and delight users in such a way that your site is memorable.

Paul Annett from Clearleft gave a stunning talk at SXSW 09 entitled “Ooo… that’s clever!”. He describes it as follows:

My talk was about design delighters and Easter eggs, about hiding clever little gems in websites which people will find, enjoy, and share with their friends. The benefit of this is an intangible viral marketing effect which will help engage your audience and build hype around your product or service.

Adding these little touches makes your site memorable and can be applied to almost any site, no matter how conservative th

e design. One example Paul gave was of innocent smoothies. Although the packaging of these drinks is certainly nice, they do not necessarily strike you as extraordinary. However, look at the bottom of a carton and you will be greeted with one of a number of amusing messages.

View of the bottom of innocent smoothy carton where you can read the words 'Stop looking at my bottom'

Image Credit: Duncan

Once you have read one of these little messages you are unlikely to forget innocent smoothies.

Paul’s talk is packed with examples like this and I highly recommend watching it.

Just by adding some of these little extras you separate your site from the competition in the minds of your users. You become memorable.

Conclusions

At the recent FOWD Tour, Elliot Jay Stocks commented on how boring most websites are, and how we need to innovate. I totally agree. We need to start exposing ourselves to more inspirational design, approaching the design of websites from a different angle and adding features that delight our users. We should not simply settle for what we know works.

How to Manage Your Inspiration

How do you find your design inspiration? More importantly how do you manage those sources of inspiration?

At Headscape we believe in including our clients throughout the design process. We also don’t like to jump straight into design comps. Instead we prefer to look for elements that can potentially inspire the development of our client’s sites.

The question is, how to manage all of these design elements?

174. Twitterverse

On this week’s show: The entire boagworld community shares its thoughts on web design and Megan Fisher gives us practical advice on building a mobile website.

Play

Download this show

Launch our podcast player

Housekeeping

We have two pieces of housekeeping this week…

Charm Clients, Win Pitches

I am running a workshop on the 23rd of October that you maybe interested in attending if you are a freelancer or involved in selling web design services. The workshop will teach you how to sell yourself to prospective clients, how to generate sales opportunities and how to work effectively with your clients in long term partnership.

If you are interested in attending or want to find out more visit the ‘Charm Clients, Win Pitches’ web page.

As an added bonus, enter the code CWPB_09 at checkout you receive 15% off.

dContruct Competition

Good news if you are in the UK. Very unusually there are actually a few tickets left for this years dcontruct conference on the 4th September in Brighton.

Normally this conference sells out in minutes due to its amazing line up of speakers and subjects that will leave you feeling like a beginner!

However, we actually have even better news because we have two tickets to give away each worth £115+VAT. To win a ticket you have to complete the following sentence on Twitter…

My perfect web conference would include…

Tweet your answer by the 1st August for a chance of winning. The guys at Clearleft will then pick the two most inspirational/funny/entertaining answers and contact you by email.

Back to top

News

The importance of microcopy

I have learnt a new word this week – Microcopy. Microcopy is a small piece of text that reassure users and nudges them in the right direction. It is different to the instructional text criticised by Steve Krug in “Don’t Make Me Think“. This copy does not just state the obvious. Instead it clarifies and reassures.

In his post “Writing Microcopy” Joshua Porter provides a number of examples of Microcopy in action.

  • When signing up for a newsletter, say “this low-volume newsletter”
  • When people add their emails, say “we hate spam as much as you do”
  • When subscribing for something free, say “you can always unsubscribe at any time”
  • When selling an paid-for web application, be sure to let people know if you have a free trial.
  • When storing customer’s information, say “You can export your information at any time”
  • If offering optional account creation, say “If you create an account, you’ll be able to track your package”
He also cites a case where he cut credit card processing errors to near zero by adding a single sentence – “Be sure to enter the billing address associated with your credit card.”
Almost all of the examples given in the post have one thing in common – they help alleviate the concerns of users by answering the questions they already have in their heads.
As Joshua concludes: “Don’t be deceived by the size of microcopy. It can make or break an interface.”

Content templates to the rescue

In someways it seems almost pointless to discuss Microcopy when most website owners are having problems generating any quality content at all. Its not that they are doing a bad job. It is simply that they are under resourced. They are relying on ‘experts’ within their organisation to provide copy and either these people are too busy or are terrible writers.

That said, the copy is what users really care about, and one way or another we need to ensure it is as consistent and of a high quality.

One thing that might help is a List Apart article on ‘content templates’. These are not the kind of templates found within a content management system. Rather they are templates that can be given to content providers to help them write better content.

In essence a content template is a form content providers can fill in. It will suggest what kind of content they need to provide and even advice on how to write and present that content.

In the article the author gives an example of a content template for product pages. The template asks for information such as…

  • Product name
  • What is it?
  • Who is it for?
  • What does it do?
  • Why does the reader need it?
It also gives examples of how the copy might be written and advice on how to lay it out (using bullets, data tables etc.).
Its a good concept and one that is easy to adopt. Although it won’t solve your content woes it will increase the quality of copy you receive from content providers.

Being original

In 2003 Cameron Moll wrote “Good Designers Copy, Great Designers Steal” in which he explored where designers draw their inspiration. It was not the first article to tackle the subject and neither was it the last. In fact only this week the Web Designers Depot released a similar post entitled “Great Designers Steal?

What is interesting about this new post is that he defines three levels of designers…

  • The designer that copies – This is normally a designer who is starting out and who learns from visiting website galleries and lifting designs in their entirety, making only minor alternations.
  • The designer who steals – Generally more experienced, these designers find inspiration in website galleries but will not copy directly. They will be inspired by a theme or specific detail. However, these elements will be heavily customised and altered.
  • The designer who seeks originality – This designer actively avoids looking to other sites for inspiration. They turn instead to sources such as print, art, architecture and nature. Their desire is to create something entirely orginal on the web.

The idea of looking beyond the web is far from new but there is something inspiring about the post. His conclusions are particularly ponient…

The pursuit of originality on the web is not a lost cause. The web industry is still young, and some things have yet to be attempted.

Once you understand the basics of design, try to think outside the box, and try new and different things. Be atypical and unique. Experiment. Don’t be afraid to design from the heart. But keep this in mind:

“Things which are different in order to be different are seldom better, but that which is made to be better is almost always different.” —Dieter Rams

Theories and conventions are always being questioned, challenged and broken, and they should. If you believe a better way is possible, you will often find your way to it.

Tools for testing mobile websites

On this week’s show we have Megan Fisher talking about practical ways you can start building a mobile version of your site. It therefore seemed appropriate that we featured a post from Sitepoint entitled “Six Tools For Testing Designs On Mobile Devices” in our news section.

The six tools featured are…

  • Device Anywhere is a commercial operation, allowing customers to sign up and test “Any Device. Any Network. Anywhere.” There are a range of subscription plans but you can sign up for a free trial.
  • MobiReady is tests mobile-readiness using industry best practices & standards. After testing you receive a free report outlining how well your site performs.
  • Opera Mini is a live demo of the Opera Mini browser that functions like it would when installed on a handset.
  • W3C Mobile OK Checker performs a range of tests on a Web Page to determine its level of mobile-friendliness. The short report produced will tell you where you’re going wrong.
  • dotMobi Emulator emulates a real mobile phone Web browser. It’s a bit limited as you can only choose from two different phones you like as a skin.
  • iPhoney, as you could imagine, is specific to iPhone testing. It’s a downloadable application that is precise to the pixel, so useful for the designer working on iPhone apps.

With the number of internet enabled smartphones rocketing, this is an area of increasing importance and these tools will become incredibly useful. Check out the post for more details.

Back to top

Interview: Megan Fisher on starting building a mobile website

Stanton:Alright so we’re here with Megan Fisher, Hello Megan.

Megan:Hi Guys!

Stanton:Hiya, how are you?

Megan:I’m well thanks.

Stanton:Good, we’ve just seen you onstage talking about designing for mobile.

Megan:That’s right.

Stanton:Designing effective mobile interfaces.

Ryan:Paul checks his badge as we speak, just to double check, you are Megan Fisher aren’t you?

Megan:Yes I am.

Stanton:So I really enjoyed your talk.

Megan:Thank you.

Stanton:So we’re just really asking you about it for all the Boagworld listeners

Ryan:I suppose first of all do you want to tell use who you are, where you’re from so the people who don’t know who you are have a bit of an understanding.

Megan:Sure, I’m Megan Fisher I work for SimpleBits with Dan Cederholm and we’re based in Boston, Massachusetts, small little web design shop.

Stanton:Do you want to give us the overview of what you talked about today.

Megan:Sure, so basically where I’m coming from is I’m a designer for desktop browsers first, and that’s what I’ve being doing for the passed several years, and kind of ignoring mobile web because it seems intermediating and there are so many devices out there with all different resolutions and different CSS support so, it seemed rather scary, but recently Dan’s been working on this new application he’s launching and I decided to take on the challenge of doing a mobile web site for it, so my talk was kind of covering how you get started when you’re first approaching mobile web design.

Stanton:Ok and you gave us three distinct levels of mobile support you can role in, the easy with little work and the benefits with that, and then progressively the more work you put in then the better experience.

Megan:Right, and I think that’s the key with starting with mobile web design, is that you can do it in small steps, it can be iterative, the first step can be showing your markup and that’s obviously the easier step, and then slowly adding a little style so it kind of enhances the site for mobile users and eventually it would be great if we could all design our own mobile specific sites.

Stanton:So in your kind of day to day client work, is this something that you try and roll in to the client saying we can build you this mobile interface, I can tell it’s probably one of the things that’s often gets cut from the budget if you say we can built this fantastic mobile interface for you, or we can give you just the basic level of support.

Megan:Yes, that’s funny. I haven’t had a lot of clients actually requesting mobile sites, and normally I’ll just kind of, you want to make sure your markup is well written and I’ll do a quick little mobile style sheet, sort of when you do your print style sheet that’s like a standard step, and I actually haven’t really offered to do a full on mobile interface yet, that’s kind of a big task and working on dribble is the first step, when you work on your own project you can do these things and not worry about budget and just have fun with it.

Ryan:You talked about three steps in your talk, do you want to take us though those and give us an overview of each.

Megan:Let’s see if I can remember them without the slides

Ryan:I can remind you, I’ve made notes.

Megan:No no no, so the first step is you just want to make sure your markup is always standards based and semantically correct, hopefully most of your viewers, or listeners are already doing this, the benefits of using web standards are well known, they’re faster to load and accessible for a lot of people. So the first step is writing clean and accessible markup, there’s a lot of benefits to doing this as we well know, but for mobile devices specifically they’re going to load a lot faster and if you’re not using tables for layout and you’re using correct semantics in terms of headline tags, and unordered lists and strong tags for emphasis then you’re going to have a much better shot at getting your site to render correctly on a mobile browser.

Stanton:You also talked about mobilising the layout and reordering the content based on the device, and the context in which the site will be used.

Megan: Right, so the first step you can do is making sure your sites one column, and disabling floats is an easy way to do that, and then you want to, display: none is your friend, you want to hide content that’s not going to be useful for mobile users, especially things like flash and all that sort of added stuff, and making sure the most important content comes first and it’s easy to navigate and you can get a clear picture of what the site does, disabling images is another good step because that improves load times of course.

Stanton:And finally it was staying with your brand.

Megan:Right, so a lot of people thing maybe, or maybe people assume because you’re designing for such a small screen space and you want to keep your load times fast that this means you can’t have all your cool branding stuff that would have on your regular web site for your desktop browser, but that’s necessary true you can still incorporate background images and if you use small compressed graphics that are relevant to your branding that would still work, keeping the colour scheme consistent with what you have on your normal web site and the typography you can kind of play with that, and there’s fairly good support for that.

Stanton:You got this asked in the Q&A at the end but I’m going to hijack it and ask you again for the benefit of our listeners, with the adoption of devices like the iPhone and the BlackBerry and consistent UI’s with WebKit and Safari coming into the mobile browser and being able to use jQuery and all that jazz, can you see it getting easier to develop these things and how would you go about testing for different devices.

Megan:Sure, so it’s kind of a two parter, when you’re considering things like the iPhone there’s still a lot of advantages to creating a separate mobile site for these devices, and really the biggest thing you want to think about is the resolution, in the old days of web design we had to design sites that were for 800 by 600 resolution, obviously that was something you considered in the design process, so just because the iPhone renders using WebKit and it looks like it would in Safari, it doesn’t mean you don’t want to design for that screen size, as far as testing for different devices, most of the major devices out there have a rendering engine that you can look at, there’s lots of great tools, one that I used mobify.me and they have support for something like 4,000 devices and they’ll let you test on those and also they have a script you can use that will automatically direct those browsers to your mobile site.

Ryan:How consistent are they between devices, are some devices majorly inconsistent in the way they render sites or are they quite, are we nearly there?

Megan:It’s definitely gotten better especially with things such as zooming, there’s a lot more support for different styles, it’s difficult to say because it really varies in places like Africa they’re using older devices maybe with smaller screens and obviously the iPhone is hugely popular in the States so, that’s what I use to test, it’s difficult with consistency and there’s been a lot written about it, I mentioned in the talk the article on A List Apart about the return of the mobile style sheet is what the article is called, and he kind of goes over that and the consistency and support for handheld CSS.

Stanton:Are there any books or articles that you would recommend people that are wanting to know more about this to check out?

Megan:Yea absolutely, so like I said if you go on A List Apart and just search mobile, obviously A List Apart is a great resource for designers and they have excellent articles on the mobile web as well, Cameron Moll has written a fantastic book called mobile web design and it’s available as a PDF download it’s fairly inexpensive, and that’s what I used when I first started doing my research, also if you go on Delicious and search the tag FOWD09 research you can see all the resources I used for putting my talk together.

StantonOk, well thank you very much.

Megan:No problem guys.

Thanks to Ben Everard for taking the time to transcribe this show.

Back to top

Listeners section: Web design advice from Twitter

This weeks listener section is going to be a little different to normal. Instead of answering a listeners question, I decided to ask my Twitter followers to help me write a blog post. I posted the following Tweet…

I am writing a post on web design words of wisdom - think 'confusus says'. Post yours to Twitter in 140 characters or less. #webwisdom

The answers I received formed the basis of my latest blog post ‘Web Design Wisdom from Twitter‘.

173. UX

On this week’s show: Paul talks to Leah Buley from Adaptive Path about user experience design and Marcus provides some advice on warranties and other legal stuff.

Play

Download this show.

Launch our podcast player

Housekeeping

I just wanted to mention the Summer Camp that Carsonified are running on the 20th and 21st of July in Bath. Its a free ‘get together’ for students or web entrepreneurs looking to discuss web start-ups. Sounds like it will be an interesting gathering and with numbers limited to only 8 places there will be lots of time for addressing individual problems. Check it out.

Back to top

News

XHTML 2 is dead, long live HTML 5

The big news this week is the W3C’s decision to stop development of XHTML 2 so that more resources can be put into HTML 5. In a statement the W3C said…

Today the Director announces that when the XHTML 2 Working Group charter expires as scheduled at the end of 2009, the charter will not be renewed. By doing so, and by increasing resources in the Working Group, W3C hopes to accelerate the progress of HTML 5 and clarify W3C’s position regarding the future of HTML.

Although I am no expert, this strikes me as a good decision for two reasons. First, the two ‘flavours’ of HTML was causing confusion. The overlap between the two was significant and they lacked distinctive roles. Second, HTML 5 has gained significant momentum in terms of browser support and community engagement. XHTML 2 on the other hand seemed to be floundering with little movement from the working group. According to Bruce Lawson the decision to drop XHTML will make little difference to most developers. However, one can at least expect to see an acceleration is the adoption of HTML 5 and hopefully greater support by browser manufacturers.

Designers tools

I spotted a twitter by Paul Annett this week that is worth mentioning. It was a link to a collection of Photoshop files containing UI elements for each major browser. The files contain browser windows, dropbox boxes, radio buttons and other user interface elements. This is extremely useful to any web designer mocking up a web page, and saves having to screengrab and isolate each element manually. However this resource is just one of many available on the “Designers Toolbox“. Other resources include…

It also has a load of additional resources for print based designers. It is an impressive site and definitely worth checking out.

Inspirational about us pages

Smashing Magazine have released Best Practices for Effective Design of About Me Pages. The post first caught my attention because “About Us” pages are so often neglected. As the article says…

The “about me”-page is one of the most overlooked pages in development and one of the highest ranked pages on many websites.

I get the feeling most website owners don’t really know what to do with this page. They feel obliged to have it because everybody else does, but fail to really understand its role. Unfortunately I am not sure that this article provides any answers. It focuses on the “About” pages of web designers rather than more general websites, and also shows a lot of examples while providing little in terms of ‘best practice’. That said, it has some stunningly designed “About” pages and so is definitely worth a read. They really are inspiring and will make you long to redesign your own “About” page. Toby Powell's About Me Page

Password Masking

Why is it that as human beings we have a tendency to accept the status quo? Even if we think something is a bad idea we often fail to speak up because it has always been that way and ‘surely there must be a good reason’. One example of this for me is password masking. This is the practice whereby content entered into a password field is blanked out for security reasons. Although I can understand the logic of this it has always struck me as a significant usability and accessibility issue. However, despite that I have never actually challenged the practice. Fortunately Jakob Nielsen has in his post ‘Stop password masking‘. He writes…

Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost 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.

I couldn’t agree more. I believe the security concerns are massively over rated and the usability issues largely ignored. Unsurprisingly Jakob has come under some criticism for his cavalier attitude towards security. Christian Heilmann writes…

As a frequent traveller I am constantly seeing people logging into web sites in hotel lobbies (when they check in for their flight for example and enter their bonus miles account details), in Internet Cafes or when they use their laptop in a public space.

However Jakob addresses this when he writes… Yes, users are sometimes truly at risk of having bystanders spy on their passwords, such as when they’re using an Internet cafe. It’s therefore worth offering them a checkbox to have their passwords masked; for high-risk applications, such as bank accounts, you might even check this box by default. In cases where there’s a tension between security and usability, sometimes security should win. Again I agree with Jakob. Too often password masking is used without thinking. When a user registers for a site that contains little personal information and no financial details, why should they have to enter the password twice simply because they cannot see if they typed it right the first time! Its absurd.

Interview: Leah Buley on UX design

Paul: OK So I have Leah Buley today from Adaptive Path. Great to have you on the show Leah, thanks for agreeing to come on.

Leah: Thanks Paul I am excited to be here.

Paul: So I heard you this year at South by South West(SXSW) talking about UX teams of one, which I have to say, was the highlight of my SXSW. I am not just sucking up it really was the most enjoyable one

Leah: (laughs) You might just be sucking up but I will take it. I will take it all in.

Paul:Yeah just take it , just go with the flow. So the reason it was so erm inspiring I think from my point of view was that the company we run Headscape was for a long time a distributed company and we then came together and started having an office, but I don’t think we have really got our heads around the advantages of all being in a office together. So all of your talking about brainstorming and stuff like that was hugely, kind of blindly obvious but revolutionary at the same time. It was a light bulb moment for me. So thank you very much for that.

Leah: My pleasure. Paul. So I thought lets share some of the stuff that you covered at SXSW with the listeners of Boagworld because I know there is a lot of people out there that em maybe are open to a new approach to the way they are handling design and User interface, usability and all that kind of thing. So lets kick off by talking about and perhaps defining design as you see it, because you obviously don’t see design purely as the aesthetics of a site, and as you were talking you obviously had a much bigger role in mind for what you would consider a designer so tell us a little about that.

Leah: yeah, well actually the first caveat I should make is that I am not a trained designer,

Paul: OK

Leah: I have an information science background and have done years of work as a developer so you should take everything I say with a grain of salt. But I think what is interesting from my perspective is that a lot of people in our field are not actually trained designers but they are doing design work.

Paul: yes

Leah: So recognising that and understanding essentially there is a process to design and how anybody can do it is an important thing and for me the way that I would define design is basically anybody who is taking a known problem and consciously reframing it, often with the use of constraints. So in my mind design is much more a process as whereby something new emerges as opposed to outcome that somebody produces. The designer or the role of the designer, anyone who does the design is to shepherd that process basically.

Paul: hmmm Yes This is kind of a complete tangent really but it was something that came up in your talk and I was fascinated by it and wanted to know a little more about it. You talking in your presentation about Forrester CX model ? Which I had not come across that description of it. I had heard of kind of a similar approach used in sales as the sales approach, but could you explain what that model is and why you brought it up in your presentation.

Leah: Sure yes , it’s a report that Forrestor’s put out called the customer experience journey it is written by a guy named Bruce Temkin who actually has a excellent blog called experience matters where he writes a lot about user experience, from the kind of business person’s perspective so check it out if you haven’t already. The interesting thing is that Bruce has written a lot about experience based differentiation for companies, which is basically just the idea that you have a better user experience you therefore have a better product and evidently his writing about his experience based definition has been one of there most popular reports, which sort of suggests that executives recognise customer experience as really critical to their success and that many of them are many of them are offering a sub-par experience right now. So then in this customer experience journey Bruce essentially explains how an organisation can build a strong customer experience practise and the report has a lot of recommendations about a corporate culture and employee training and how to deal with trade offs, but in particular there’s a sort of a model that describes five steps for the evolution of customer experience in an organisation it’s great, it’s like it’s beautifully simple but it is also deceptively simple at the same time.

Paul: yeah

Leah: The five steps are, er the first step is interested basically so at that point the customers organisation is aware that user experience or customer experience is something they should be thinking about, but they have not really done anything about it yet. The second step they get invested, which basically means they hire somebody to do some work, this tends to be someone that is at a pretty low level. At the third step they become committed, which means they have someone who is an executive who has responsibility for the outcome of that user experience work. At the fourth step they become engaged at a very high level sort of a organisation’s initiative level user experience is a priority and then the fifth step the nirvana of customer experience is that they become, it becomes so embedded into the fabric of the organisation that it is kind of like the first principles to everything we do it does not have to be explicitly called out like a project team to make the website more user friendly or a project to make our products less funky to hold or whatever.

Paul: hmmm

Leah: So emm that’s the model so it fascinates me and kinda frustrates me a little about it is that it makes it seem so linear like you can just put one foot in front of the other and eventually over time you will reach step 5. I think there are different stages that are tricky for different reasons, the leap from having lower level user experience people to executive user experience people can be awkward for organisations for a lot of reasons and what I have seen just on my personal experience is that companies have, it is not like they start out with one user experience person and then it grows and grows and grows and then ends up they have a team what happens is they have kinda epics in the approach to user experience so sometimes it’s big and they will hire big staff and in lean times or some executive goes away the staff will shrink and then some other champion will come along and he will want to bring it back. I have been in situations where I am a user experience team of one or even when I am on a team of professionals and you learn that there was a user experience practise several years ago and then it went away and it is like discovering cave paintings or hill dwellings or something and you realise there have been other people that have come before you and you are like why did they go away what happened? So that leads to like a really core belief I have about user experience practise which is that it is not built by delivering killer projects and sort of building on top of killer projects one by one but it is built through relationships and patience and mutual respect over time and that it is about really erm sort of investing the time to actually get to know the people who need to work with you as a user experience professional investing the time to understand their concerns and their objectives and to take those things seriously and to work with them as a designer to facilitate them achieving their goals as well as you achieving your goals. I know that is touchy feely but I think it is in my personal experience that that works well, has worked well for me.

Paul: I think it is very true as well I mean I think there will be a lot of people listening to this interview that maybe er you know feel like they are stuck on one of those stages and can’t progress things and can’t move forward. Whether they are responsible for their website within the organisation, whether they are a internal web designer or something else. And it is very easy to become kind of bitter and angry and become the no person within the organisation that is constantly you know fighting against the system but actually building the relationships is the best way to move things forward and you know I do a lot of work in large higher education and public sector organisations that have huge amounts of bureaucracy and it is ultimately the relationship and carrying people along with you that enables you to do things and move things forward.

Leah: Yeah. I absolutely agree and I think it is particularly interesting talking to you as someone who has worked in big bureaucracies because they are the hardest places to do it I think, it is just the bureaucracy itself can add an extra layer of frustration that is on top of the initial frustration that I think we often feel as user experience people just trying to communicate why this new area is important. So it is very easy to get embittered, yeah if I think of my own personal experience I have seen that too and the trick is to make yourself feel a little less alone and the challenge for that is if you are user experience team of one, and you do not have a big group you don’t have colleagues who have the same experience as you, you kind of have to find a way to find a way to make friends with the non user experience people that you work with and turn them into colleagues and turn them into allies and that you do through soft skills much more than design skills on some level. I think the dirty secret of design is that it is fifty percent soft skills and then the rest is design and if you can learn to listen well to people and ask more questions than you answer and I don’t know be a fun lunch date I think those are the sort of things that will serve you very well in this line of business.

Paul: Yeah, totally agree it is really interesting to hear you say that because yes, really good really good. Let’s move on before I start ranting about that particular subject. Ermhmm lets talk about Adaptive Path and the process to design that you guys take. Obviously you guys produce some superb work and I am really interested in the little glimpse you gave us in your presentation at South by of that process and how you go about doing things so maybe you could try and summarise that for the listener.

Leah: Yes of course. Well in a nutshell it is a mess it is just a total mess and I am serious about that it is a messy process and that’s part of the magic er but actually, when a little secret of Adaptive Path is and it’s design process is we do not have a set design process unlike some other companies in this field who you know often have like the discovery and then the research and whatever phases. We don’t really have a set process we what we kind of do is custom design each project to match the problem that the customers have but even so I think must projects tend to involve at least three things in some kind of configuration to one another and those three things would be 1. Trying to understand the business environment in which the project has to succeed 2. Trying to understand the user’s context in which the product is actually going to be used in the end and the third part and the thing I talked a lot about at SXSW the design exploration and when I say exploration I use that word very deliberately because we try to treat it er as a process that has to widen before it can get narrow, we try to sort of approach design as actually as a erm exploring a new field essentially but in terms of those three prongs understanding the business problem tends to be really just a lot of honestly trying to ask the hard questions of our customers in a way that will help them to be open to the answers. One of the kind of philosophies of us t Adaptive Path is that we encourage our clients to reframe or rethink everything and so that is a really great foundation then coming back to them and saying in terms of the design approach we are going to take we are going to really explore wide, really broadly and present to you some ideas that maybe push further than you would be thinking of pushing right now but we do that so we can potentially adjust those ideas for the things that are the right size for the constraints and the objectives you have right now. So the design exploration, that particular process we tend to . It is pretty basic we tend to start out and force ourselves to actually spend some dedicated time coming up with lots of different ideas and obviously that is informed by user research which is the second item that I mentioned. We try and start by going into the field to observe users and in context and get as much information as we possibly can about not just what they want to with the product but also the circumstances of their lives at the point at which they are going to use the products because one of the things we find that people are always more distracted and busy and multitasking when asking them than they think they are. Understanding the nature of that helps us to say OK now we are going to sit down and explore the designs for this product what are the constraints that we know our user has and our business has and then the constraints become just a useful device in sort of the process of design exploration hmm in that you can say well if we know that the person who is going to be using this product will also have four other applications open on their desk at the same time or fourteen other applications or forty how do we design something that is optimised as for minimal attention or for is optimised for quick hit interaction so then that little nugget becomes a thing to design with. So lets design a screen that is the ideal starting point for somebody that has ten seconds to do anything but the trick is that you can’t just let yourself stop with those known constraints, you can’t just say we have designed the screen for ten second interaction so we are done with it. If we are truly delivering on our promise that we are helping our clients rethink everything we need to explore beyond that we need to explore more widely beyond that so then we use a lot of other devices that kind of help us to brainstorm in really different ways. This is kind of a funny example but I will bring it up because it illustrates nicely how different kinds of tools help you brainstorm in different ways. We did a project not long ago where we wanted to rethink mobile devices and how we work with them in the world and so in order to force ourselves to rethink that we actually did an exercise where we went out into the world with different kinds of physical objects that were not shaped like mobile phones. They were shaped like pencils and magnifying glasses and wire whisks.

Paul: OK Leah and pretended like those things were mobile phones and imagined what we would possibly want to do with something like that and it is just great because these simple devices would help you to re.. to just forget your assumptions, we have some many assumptions about what a thing has to be and the trick is as a good designer is to force yourself to erm break those assumptions at least for a little bit of times so you can allow your creative process to suggest new ideas to you. Paul. It is really interesting it is fascinating to hear that you are doing that kind of stuff but I am sitting here thinking there are going to be people listening to this show that their design process may consist of you know understanding the business objectives, understanding the users needs and putting a bit of time into that and then they launch Photoshop or fireworks and they are sitting there and they do the design.

Leah: Yes

Paul: and your coming along and talking about going out with whisks and you are talking about coming up with loads of ideas and they are just thinking that is so divorced from the way they are currently working that is this kind of quite hard to imagine that transition.

Leah: Well I don’t think it has to be and that’s what’s interesting and that’s what I tried to talk about a little at SXSW which is that you may not be on an adventure to re-envision the mobile experience but that there are some pretty basic techniques that we can employ even when we are sitting at our desks, even when we are in front of our computers to help us think more broadly. So some of things I have talked about they are really basic they are almost like hacks you can think of them as design hacks if you wanted to 1. Is essentially stealing ideas stealing inspiration from the visuals, sort of visual sources that you encounter everyday so one idea that I really believe very strongly in is keeping an inspiration library

Paul: Yes Leah So if you are using the web and you see something that is an interesting design to you take a screenshot of it and put in some place where you stores those things and then when it is time to start designing flip through that thing flip through your inspiration library and see if there is anything that kind of inspires you in a way that you wouldn’t expect. If that is not on the level of taking a wire whisk out into the world to redefine a phone but if your designing a kind of news portal and you happen to see a guided wizard that, you know screenshot, that has some real interesting kind of treatment of help information and then you realise oh call out boxes could really work in a real interesting way in my news portal that’s sort of the level of forcing yourself to think in a different way or more broad way I also think that just playing with word association is actually so kind of beneficial and talking about what do we want this thing to feel like, or what if it felt like this plus that and then actually just doing a quick sketch of what that would actually mean or look like. The interesting thing is that I have worked with classically trained designers who would probably most certainly call me a design hack but who would say there is one kind of optimal way to design a webpage or design a sort of software that essentially takes the top priority into consideration then the second kind of priority and then the third priority and then lay out the page accordingly so people notice the top thing first and then the second and third thing. But I think the way that metaphor kind of works on us as human beings is actually much more interesting and it can create it can make the experience of using a product or a website feel like something really pungent that is not just actually about information processing it is about a user experience. Ermhmm at the IA summit Cindy Chastain a Information Architect based out of New York city did a presentation on using themes in design and the way she described these themes was basically that you sort of create a little story or create several little stories for what we design could be about and that depending on the story you take the way that you actually design that thing will be really really different. The example she gave is that she did a website for a woman who wrote all of these soap operas in the United States that a soap opera that has been popular for decades and decades she was the primary writer on it and the website is for fans of this soap opera to go and see all of these you see all of these pre-recorded old recordings of the soap opera but in figuring out ermm what experience they wanted to provide for this product they created three different themes and one theme was like the story of a writer and which was basically about the woman who worked the soap opera and the other theme was a love affair with a soap opera which is basically about the fan experience and the third was like forty decades of television or four decades of television which was basically about the TV creation process. Depending on which theme or story you were to go with would create a very different design. In fact they did pick one design that ended up being very specific and tangible and allowed them to design for a really meaningful metaphorical experience for the people who used it but you have to imagine as a end user going into a website that tells you about the story of a writer is going to be very different from a website that tells you, that immerses you in the feeling of being a soap opera fan and I think when I and so I love that example because it shows really nicely how just choosing metaphors and choosing inspiration and choosing examples can encourage a whole world of brainstorming in various possible directions.

Paul: I recently warmed very much to this principle of generating a large number of ideas and the idea of stepping away from the computer, and you have talked about having sheets which forced you to do like six wireframes, like different mock-ups on a single page and you talked about overcoming that thing of running out of steam, like you know I have done two or three designs now what do I do, type of thing. So all of that was really interesting and the idea of including other people in that process so you are not working in isolation and I went back and we did this. We sat down and got er a developer in the room and I got a project manager, I got lots of different people in and we did this and we had a really productive day and got loads done and then it occurred to me that I got five people sitting in a room for a day and that is five man days worth of work.

Leah: Ahhhh

Paul: And you suddenly go crap that is out of our budget that’s a lot. You know it suddenly meant I started going into the practical mentality is a cost effective way of doing things and should we be working like this. I am interested in you thoughts on that.

Leah: Yeah Well it is interesting I hear this concern a lot from people and I am fascinated to hear that you did it and that you did it for a day which I want to hear more details about that later on but I think that the thing is it does not have to take a day and I think that the concern that it will be a vast investment of time for everybody isn’t isn’t .. it is a real concern but I think it is something that can be managed. I have actually had some pretty productive workshops that are an hour long or two hours long and that’s if you round five people for you know an hour or two it is obviously still five or ten hours it is not a week of man hours necessarily. So I think you actually need to be very careful about scheduling sessions that are fixed in time and have clear goals and end points, and just to constrain it a little bit. I actually personally believe that constraining time is another benefit in the brainstorming process. Particularly when you get people that are not necessarily used to being usually involved in designing it can be very scary to jump right in developing ideas and hard actually so I think what happens in a group like that, is people like to think about the ideas for a while and then maybe one thing and get warmed up have a cookie or muffin or something and they feel like they are more casual and they will start sketching, you do not need that time that is just road clearing what you can do is you can give them structured activities that will get them to put there ideas on paper immediately and that will have the same sort of net effect. When we do workshops with folks we do these sort of template based workshops and we give them literally five minutes or seven minutes to sort of sketch out all of their ideas and maybe we will do a couple of rounds of that but the beautiful part is when you have five minutes you don’t even have enough time to think what it is you want to do you just start drawing..

Paul: Yeah

Leah: and it sort of it circumvents the throat clearing that happens in the sort of longer meetings erm and templates I think are really helpful actually in those workshops particularly because people are funny you know we really like to accomplish tasks, if you put something in front of us kinda well defined and has a clear end point I think our impulse is to just do it and kind of get it over with. So if you give someone a template it helps them to sort of say like draw an idea for say what you think should happen in the system explain what the important aspects of that idea are and tell me another product in the world that it is kind of like erm and then you tell them they have five minutes to do it you will be amazed how quickly people can crank out a lot of ideas and then you do a couple of rounds of that and it’s erm in a structure like that that you can really get a lot out in a hour or two hours.

Paul: I mean yeah you have hit the nail on the head there we made, you know the first time we did this we made a lot of mistakes and there was a lot of kind of oh I don’t know whether I am kind of comfortable with this, there was a lot of preamble kind of thing and also we just got tired out. You know there is only so long that you can do something like that. Now admittedly along side that we were doing things like, it was kind of a kick off meeting as well and we were kind of introducing the project to some of the people in the room and that kind of thing but to be honest putting it all together in one big meeting was too much we would have been better of splitting that over a period of time, there were reasons why we had to do it that way because one of the guys isn’t local and he was down but it did kind of get me thinking about this you know the amount of time but like you say if you have structured activities and you set time limits on it then actually that is beneficial yeah

Leah: But also I think actually it is probably important to acknowledge the point that you make that there is time commitment in working this way and it is not like, it is not like you can squeeze it in and still do everything in the way that have already been doing it, it’s there is an actual time commitment to doing it this way. We often at Adaptive Path can do week long design sprints where we essentially we do a lot of the brainstorming activities that we have been talking about in this conversation in the first part of the week and will actually produce wireframes by the end of the week and it is really aggressive and it’s incredibly productive and brings us a lot of work but you cannot do anything else during that week there is just no way. So you sometimes you have to make time move quickly.

Paul: Another thing is ultimately you get the time you are investing back in things like having a developer sit in the room is going to avoid problems later down the line where you know …

Leah: yeah

Paul: where he suddenly turns round and says hang on a minute you have come up with this is the design and we can’t implement that or there is something suggested at these early stages but because the project manager is not there it gets lost in the system and all the rest of it. So I think you know it just feels like a lot up front is the best way of describing it.

Leah: Yeah and I think it is important, you know if you are a team of one in an organisation or where you do not have a lot of support as the user experience and where they may not have a lot of erm comfort, your colleagues may not have a lot of experience or comfort or familiarity with design it is important to go just sort of take baby steps with them with this stuff. I think that you rather than coming in and you are there for a little while and you realise this isn’t quiet working lets change everything and have a two day off site and get the executives to support all this. That might be a little ambitious but erm what might be a little more feasible is to talk to the team and say I feel like there are some ideas we all have that er that maybe it would just be good to get out so that we can actually consider them directly and talk about what’s appropriate or not for the product, could be schedule a hour and half workshop I will structure it don’t worry you do not need to do anything just come with yourself and a pencil in your hand and I will give you cookies and it will be fun and that’s kind of like a starting point to get people ending up engaged in the activity and what I find is when you give people a little bit of a taste of it and they see it can be so productive they become much more enthusiastic about participating and making time for it later on. So particularly if anyone who is listening to this conversation is a team of one or is even like a freelancer with a organisation that they do not have an established relationship with I would say start out with baby steps and structure a workshop in a way that will actually help the participants to see the effects of it pretty quickly

Paul: So we have talked a lot about kind of generating a lot of ideas and you know certainly when we gave this a go we ended up with loads of ideas, erm So I think we need to end this interview by kind of going well now what? You have got this big pile of ideas how do you kind of refine them down into what you are going to actually use.

Leah: Yes, that is always the hardest part of the process actually and not at the same time I think what will happen is there will be a couple of ideas that will be really exciting and everyone will sort of know it. I do not know if that correlates with your experience but the trick is even though some ideas seem like wooh that is pretty cool or wow that would be kind of awesome if we built that it is a question of is that appropriate for the business needs that are driving the product, appropriate for the users needs and for that it ends up a lot of kind of compromise but in order to know where you make sense to compromise or where it doesn’t make sense to compromise it can be really critical to have a well articulated statement of what experience you are trying to produce.

Paul: yes

Leah: We use design principles at Adaptive Path which I know a lot of folks in the field use but for us we try to potentially create five to seven short succinct statements of what the experience of the product should be and doing that helps us to look at all those ideas and say, like this is the coolest most web 2.0 interface I ever saw but it does not support our design principle so it is probably out of the door. The key to the design principles are that they are not, it is not a statement of what the functionality of there system is, it is not like sort of brand attributes it really needs to be something that implicitly invokes what the experience is going to be like so like TiVo has some great design principles early on in the development of their product they created some statements of what they wanted their product to be and you can even when you use TiVo now you can really see a reflection of that. Their design principles were “it’s entertainment stupid”, “it’s TV stupid”, “it’s video dammit”, everything is smooth and gentle, no modality or deep hierarchy, respect the viewers privacy. These are all things they are not quite features and functionality although some of them allude to it, they are not quite brand statements although there is certainly a lot of brand personality expressed in them. They sort of describe what the experience of using TiVo should feel like and it kind so works well in that respect.

Paul: hmmm, excellent that’s been so useful I could carry in talking for hours about this particular subject, but that is certainly a brilliant introduction and I would encourage people to check out the slides that you produced for that presentation which are up on slide share if you search for UX team of one you will find them no doubt. Thank you very much for coming on the show Leah and hopefully we will get you on again in the future to talk about other related issues and we can start this whole conversation all over again.

Leah: That sounds great, thank you very much Paul, I really enjoyed it.

Paul: Good to talk to you, Bye

Leah: Take care, Bye now.

Listeners feedback: Warranties

Got this question through from Andy Wickes:

I’m really interested in how you draw up a warranty regarding a website, and what you cover and for how long.

We are constantly plagued with clients expecting us to continue to support their site months after completion even though they refuse to pay a support fee.

There seems to be an expectation that a site should never develop a problem, never break when new browsers are released, and never cause issues even though we all know that sometimes issues arise from hosts that we end up attending to on their behalf.

I agree with your that the most vital thing is a firm agreement between agency and client at the outset as to exactly what each party expects from the other, but I am keen to learn what you expect to find in a ‘standard’ warrarnty agreement, what is covered, what length of time is suitable as part of the build fee.

Slightly ‘how long is a piece of string’ I grant you, but something I know my team and friend find a constantly challenging topic!

We include the following warranty as part of all our contracts:

The Contractor warrants that all the Deliverables shall collectively provide the functionality specified in the Statement of Work. For a period of twelve (12) months from the date of acceptance by the Client of the final Deliverable the Contractor shall promptly remedy at the Contractor’s own cost any non-compliance of the Deliverables with the specification set out in the Statement of Work or such non performance of the Site.

So, in English, that means that we will fix any genuine bugs for free on a site that we have developed within twelve months of the go-live date. There are two key issues that can crop up relating to warranties.

Interpretation

Taking my last sentence as an example – what does ‘genuine bugs’ mean? If it’s a CMS job, then some kind of functionality defect such as a form not submitting properly would definitely fit that description. But, as Andy mentions, what about rendering bugs in new browsers? The legalese states that we will fix bugs “within the specification of the Statement of Work”. New browsers aren’t included in that.

That old adage ‘common sense’ tends to come to the forefront in situations like this. If the ‘fix’ will take a tiny amount of time and, at that point, you are negotiating another much larger project with the same client then giving a little slack probably wouldn’t hurt your relationship. However, you always have to make sure that the client knows that you are offering something that is outside of the warranty otherwise you could end up creating an expectation that it will happen every time.

Another recent example where we decided it was in our interest to fix a number of sites free of charge – that were all outside their warranty – was when early versions of our CMS became vulnerable to a security risk.

Though we could have insisted that the work we carried out was chargeable, we decided that having a bunch of broken sites was potentially more damaging to our reputation than worrying about chasing clients for the small cost of fixing the sites.

Expectation

The second issue relates to what a client expects of a warranty with an agency. There is a view, I believe, that a lot of clients see a warranty as a support agreement.

We have often had calls or emails that relate to CMS usage, for example, “I can’t remember how to input a news story on to the site, can you remind me”.  Again, in this type of situation, common sense should rule but if a client is continually asking support related queries or is outside of the warranty period then explain that you can either provide an estimate for the work they are requesting or that they may wish to consider setting up a support agreement where they can call-off your time more easily.

This can be occasionally met with a frosty reception especially if you are no longer working with that particular client but, you are not being unreasonable in any way. You are simply charging for your time like everyone else in business. To use an analogy, no-one likes paying to have their car serviced but equally, we don’t expect the garage to do it for free.

Summary

As with most things contract related, make sure that you discuss what your warranty means with your new client before you start work. Concentrate on the fact that it is not a support agreement and discuss the potential need for a support agreement.

Also mention that websites, like most things, do break sometimes and often this is long after a warranty period has run out.

Back to top

166. Boldly Go

On this week’s show: Paul shares 10 ways to put your content in front of more people, Emily reviews Bubble Timer and we discuss the role of gender in design.

Play

Download this show.

Launch our podcast player

Housekeeping: Facebook

Good news everybody! Boagworld now has a Facebook page. I know, its exciting isn’t it. Contain your enthusiasm, you are making a scene.

Seriously though, I wanted to let you all know because I am aware I spend most of my life refusing friends requests on Facebook. I made a decision early on to keep Facebook for personal friends rather than a promotional tool for Boagworld. I always hate refusing people and should have setup a page or group ages ago. Somehow I never got around to it.

Anyway, the Boagworld Facebook page now exists so make sure you take a minute to join it.

Back to top

News

Google supports RDFa and Microformats

The big news of the week is Google’s announcement that they will now be supporting RDFa and Microformats.

Both RDFa and Microformats are methods of marking up information on a webpage in such a way that it can be understood by a machine. Google now understands four such types of embedded data. These are…

When Google discovers this type of data on your website it will enhance your search engine results to include the data.

An example Google search result including a review

Yahoo has offered support for embedded data for some time. However, Google’s market share gives a considerable boost to the Microformats community and is of massive interest to those interested in SEO.

However, before rushing to check if your embedded data appears in Google’s results, you should be warned that it almost certainly will not. According to Jeremy Keith Google has only implemented this feature on a small subset of sites. However, he goes on to say:

The list of approved sites will increase over time so if you’re already publishing structured contact and review information, let Google know about it.

Nevertheless this finally gives a solid business case to implement embedded data, which I have been advocating for some time.

Launching a new blog

I have often talked about the importance of running your own blog. I have explained how having a blog is an opportunity to share your expertise and is important in winning new business or advancing your career. However, in all that time I have not once given any advice about launching a blog. This is a definite omission on my part.

Of course one approach is to soft launch your blog. This gives you the opportunity to build a backlog of posts and find your voice. However, there are other occasions when you need to make a splash when you launch. If that is you I recommend reading 10 Ways to Launch a New Blog with a ‘Bang’.

This Web Designer Depot post provides some great advice that costs virtually nothing:

  • Prepare amazing content in advance
  • Run a viral twitter campaign
  • Guest post on other blogs
  • Interact with your user base

However, it also makes some suggestions for organisational blogs that have a budget for launch. These include:

  • Give away prizes
  • Host a launch party
  • Hold a contest

Of course many of these suggestions are just as applicable to those looking to breath new life into an existing blog. So if you have a blog, read this post.

The creative process

There is two posts that have emerged this week that offer two very different perspectives on the creative process. Both are worth reading if you are a designer.

The first is written by Keith Robinson over at Blue Flavor and is entitled Don’t Lose That Creative Thinking. At its most basic level this post is a rant. However, as rants go it is extremely thought provoking and inspiring.

In this post Keith rails against constraints and convention. He argues we are too often constrained by technology writing “Let’s let technolgoy work for us! Not the other way around” and that too often we choose to blindly accept conversational wisdom instead of thinking for ourselves. He writes:

What ever happened to creativity and opinionated thinking in design?  Has science and data removed the artistic? What about trusting your instinct as a designer and making the way for future innovation.  I can’t tell you how frustrating it is to sit back and watch people do the same thing over and over and then turn around and question someone who’s making a creative stand.

It is a definite call to arms and although somewhat extreme at time you cannot help but be inspired to create more and compromise less.

Talking of inspiration I also want to mention The Evolution of a Website Design by Mike Kus. The post tracks the evolution of the StackOverflow website that Mike has been designing over the last few days.

Stackoverflow website

The reason I mention this post is that it fascinating to see the process of another designer. What makes this even more interesting is the fact that Mike is relatively new to web design coming as he does from a print background. Seeing his process really brings home some of the points raised by Keith in his post. Mike seems unconstrained by technical considerations and web conventions. As a result the work he produces is both original and beautifully crafted.

Launch a business not a side project

We end today with another post from the guys at Carsonified. This one is from Ryan Carson and is titled “Launch A Business, Not a Side Project“. In the post Ryan shares his own experiences of launching web applications and provides a wake up call to those of us who have focused so heavily on getting an app out of the door that we have forgotten it requires business mechanisms to suppport it.

Notice that I refer to “us”. That is because most of what is written in this post mirrors our own experiences of launching Getsignoff. When we were building Getsignoff all we could think about was getting it launched. However, as Ryan points out in his post, this is only the beginning of the story. Even though I have warned clients against it many times before, I had the “build it and they will come” mentality.

Ryan focuses on 4 key areas that are often forgotten by web developers in the scramble to get an app live. These are:

  • Making time for marketing
  • Assigning recource to kick ass customer support
  • Spending money on advertising
  • Using A/B testing

As Ryan writes:

The majority of apps were built by small web design firms or freelancers who bought into the dream without really understanding how much time it takes to make an app succeed.

This is so true. It certainly was for us. Although we have great plans for Getsignoff, it has been a painful journey and you can bet that any future development will be backed by the business processes to make it a success.

Back to top

Feature: 10 ways to put your content in front of more people

What is more important – driving traffic to your site or encouraging as many people as possible to see your content? Believe it or not, they are not one in the same thing. In this week’s feature Paul looks at 10 ways you can make sure your content is seen by as many people as possible.

Read ’10 ways to put content in front of more people’

Back to top

Audible recommendation

Download a free audiobook today

This week I would like to recommend The Long Tail by Chris Anderson on Audible.com. The Long Tail is a superb book that I would recommend to anybody running a website especially if it is an ecommerce site. The book examines how the web has changed the value of information and commodities. It looks at the huge opportunities available to reach ever more niche markets and make money from the long tail.

Best of all if you sign up with Audible you can get this book totally free. Simply go to www.audiblepodcast.com/boagworld and claim your free credit.

If you want to listen to it, Audible has it! With over 60,000 titles and virtually every genre, you’ll find what you’re looking for. Get a free audiobook and 14-day trial today by signing up at www.audiblepodcast.com/boagworld.

Back to top

Listeners feedback:

Bubble Timer Review

Hi Paul, hi Marcus and hello to the Boagworld listeners, my name is Emily and I am here to submit a review of a time-tracking application called Bubbletimer.

First of all I have to make a little apology for the sound in the background. I work from home and it turns out I live on quite a noisy street which I have to say I don’t really notice until I try and make a recording and then all sorts of weird sounds in the background, so please excuse the background noise.

So I’m submitting a review of Bubbletimer in response to show number 158 where Paul talks about the reality of home working which is also a blog post on the Boagworld website and it was actually the blog post which really inspired me to want to make a response, in particular a comment by XX who asked about how Paul tracks his time. I immediately wanted to make a response, which I did in the comments but I thought I’d share it here to share this fantastic time-tracking web application that I use. It’s called Bubbletimer and basically what it does is it tracks time in 15 minute increments by activity and then by day and it produces reports for your chosen time period, say a week.

There is a 15 minute time chime reminder which reminds you to track your time and forces you to consider what you’re doing and whether that is what you’re meant to be doing or whether that’s the most productive thing you could be doing.

There is also a mobile web interface which can be quite nice if you’ve got an iPhone, you can be online all the time. There are also multi-user capabilities in that you can share reports with others so if you’re working in a team you can see how much progress everyone else is making.

What it doesn’t do is; it doesn’t convert time to time slips, it doesn’t integrate with an invoicing application and it doesn’t recognise when you’re inactive or when you’ve changed tasks, as I know some time tracking applications can do.

So really it’s for self-employed people, freelancers or those working on fixed-price projects who want to track their progress on that project, or anyone who needs help motivating themselves in getting things done. It’s not for employees because of it not having time-sheets or integrating into a invoicing scheme, I’d say it’s not good if you’re self-employed or a freelancer working on an hourly basis.

What’s great about this application is that you can track your non-billable time and for me that’s been a real lifesaver. I am one half of a small web design partnership and I do lots of accounting, quoting, emailing and lots of tasks that are not specifically billable, or billable tasks that I’ve already quoted a set fee for, so with this I can measure the actual time spent against what I’ve quoted.

Of course you can also use it to track how much time you actually spend on ‘Social Networking’ every day, you know, see how long you actually spend on Twitter or commenting on blog posts. Another example of one of the tasks I’ve been tracking with it is my bookkeeping and it’s really been useful for me to see how much time I’ve spent on that and whether I ought to think about hiring a bookkeeper part-time because I can look at my reports from a week or over a month and see how much time I’ve actually spent doing that.

It’s a really simple, easy-to-use interface, there’s some really nice details in there like the ‘scribbles’ when you complete a 15 minute bubble of time are different, so there’s kind of a texture to it there. It’s also growing to accommodate popular feature requests as requested on the Get Satisfaction forum, which is really responsive if you have any problems, or if you have feature requests, I’ve seen new feature be introduced since I’ve been using it.

Now I shouldn’t end without telling you that it isn’t free, there is a cost, but it’s just $20 a year and I think it is well worth it for someone who wants to get things done. As I said my name is Emily and my Twitter name is @gradualist you can find out more about me there, thanks for listening!

Do you have a tool that you swear by? Maybe a web design tool, or just a tool that keeps you organized? If so send us an audio review we can put on the show.

The role of gender in web design

We have received an interesting audio question from Dennis. He asks whether any of our clients have expressed a concern over the gender of our designers. He cites his own experience where a female client said his designs were too ‘practical’ and not ‘fun enough’ because he was a man.

First off, I have to say that your client sounds rather sexist to me! The implication that men cannot design a ‘fun’ site is absurd.

That said, gender does play a part in a designers style. For example, women are much better able to perceive colour than men and so tend to make better use of colour. However, gender is just one of many factors that shapes a designers style. Other factors include:

  • Cultural background
  • Design schooling
  • Personality
  • Design leaning (e.g. illustration, typography, photography)

The list could go on. The point is that what we perceive as masculine or feminine design, is not solely produced by the associated gender. There is overlap and a blurring of  lines.

Where I think things get more tricky is when a male designer is asked to design for a female audience (or vice versa). This is more challenging because good design involves empathy with the user. Unsurprisingly it is harder for a man to put himself in the position of a woman. However, it is probably no more difficult than for a young person to visualize the needs of an older user. It is the ability to do this that separates a good designer from an exceptional one. The key is thorough research into the target audience and an ability to steer clear of preconceptions and stereotypes.

Back to top

165. Creativity

On this week’s show: Jim Coudal shares his thoughts on monetizing creativity, Marcus talks about questioning clients and Paul gets excited about eye candy.

Play

Download this show.

Launch our podcast player

News

The power of asking questions

I am spending a lot of time recently advising clients how to ‘engage’ with their users. Engagement seems to be the buzzword of the moment, and to some degree rightly so. Engaging with your users is important for a number of reasons including (but not limited to)…

  • It increases loyalty and repeat business
  • It encourages users to promote you and your services
  • It informs your products and services

Although a lot of people understand the importance of engagement, few know how to do it effectively. As is so often the case website owners turn to technology as the solution. They launch forums, add comments and sign-up for twitter. However, when it comes to engaging with human’s, what you say is considerably more important than the medium through which its said.

Take for example your blog. Just because you have comments enabled, does not mean users will post. As is pointed out on the Pro Blogger website, if you want to encourage comments you need to ask questions.

Pro Blogger provides 10 reasons why questions are good, before going on to share 12 tips for asking them. Some of the suggestions are extremely useful, such as using the answers you receive as the basis for another article. Its a good post and definitely worth reading.

The do’s and don’ts of modern web design

I don’t normally highlight new web design sites, but this one caught my eye. Called “the do’s and don’ts of modern web design” the site is essentially a directory of web design posts. What makes the site different is that each article is boiled down to a single  concise tip that is either assigned to the “do” or “don’t” column.

The Do's and Don'ts of Modern Web Design Site

Posts are also tagged according to their level of complexity (beginner, intermediate or advanced) and users can  view posts by popularity or date.

The user also has the option to read the entire post or simply rate the advice being given.

As a blogger I do have some concerns about this site. The idea of somebody boiling my posts down to a single point is disturbing to say the least! However, as a user there is something very convenient about getting short condensed snippets of information. We are all busy people and too many bloggers take forever to come to the point (myself included).

Uses for hover

The Web Designers Wall has released a post this week entitled “Maximize the Use of Hover“. If you are a designer it is definitely worth reading.

I am a huge fan of using hover in my design work. This is primarily because it makes additional information available without cluttering up the user interface. It keeps things simple and prevents the user becoming overwhelmed.

The post breaks this argument down further and identifies 4 reasons to make greater uses of hover. Their reasons include…

  • Using hover to beautify layout
  • Using hover to minimize clutter
  • Using hover to display additional information

Each point is supported by some great examples of hover in action. The post also ends with some links to useful ‘hover’ tutorials to get you started. One is a CSS only tutorial while the other uses jQuery. Personally, I use jQuery a lot for achieving hover effects simply because it is visually more attractive and also easier to build.

In defense of eye candy

I want to conclude this week’s news with one of the best articles I have read in a long time. ‘In Defense of Eye Candy‘ on A List Apart is a well constructed argument for the importance of aesthetics.

The author (Stephen Anderson) explains how aesthetics affect…

  • our understanding of a user interface,
  • the level of trust we have in a brand
  • our ability to complete a task.

It is a beautifully considered case that delves into the world of cognitive perception and provides some excellent examples of how aesthetics alter our attitudes. One particular favorite is the example of the Sony AIBO and their decision to make the robot look like a puppy. Stephen writes…

Here, you have a robotic device that isn’t perfect. It won’t understand most of what you say. It may or may not follow the commands it does understand. And it doesn’t really do all that much.

If this robot was an adult butler that responded to only half our requests and frequently did something other than what we asked, we’d consider it broken and useless. But as a puppy, we find its behaviors “cute.” Puppies aren’t known for following directions. And when the robot puppy does succeed, we are delighted. “Look, it rolled over!” What a great way to enter the robotics market.

However, ultimately the entire article is summed up in the following quote…

According to a 2002 study, the “appeal of the overall visual design of a site, including layout, typography, font size, and color schemes,” is the number one factor we use to evaluate a website’s credibility.

Back to top

Interview: Jim Coudal on monetizing creativity

Paul: So, joining me today is Jim Coudal. It’s good to have you on the show.

Jim: Thank you.

Paul: Thank you for coming along. We’re actually sitting here at the Future of Web Design. Jim has just given his keynote presentation, and I’ve also got Marcus here, hello Marcus.

Marcus: Hello Paul. Hello Jim. (Laughs) I’m not normally in on the interviews, that’s why it feels a bit weird.

Paul: Yeah, you’re not used to this bit are you really?

Marcus: No, I’m not used to being at the Future of Web Design doing it either. He does the interviews over the phone usually.

Paul: Yeah, this is weird – face to face. Um, so, brilliant brilliant presentation as always, um, and I wanted to talk to you about some of the different, um, issues relating to creativity, because you seem to talk a lot on that, and obviously at, um, Coudal Partners, isn’t it, Coudal Partners, yeah, you have to deal with this kind of issue all the time and working with creative people and how to encourage creativity and you do some very interesting stuff.

Jim: I mean, first to say, I think part of the structure of Coudal Partners is in response to a, er, earlier career frustrated with creative things, so really Coudal Partners, er, everybody there is artist or writer. So, you know, there is no, you know, we probably without business plan for 13 years, you know, there is no superstructure of account planning or any of that.

Paul: OK.

Jim: That’s possible, I think, because we’re all responsible people, but it’s also possible because we’ve made a concerted effort over the last 5 years to reduce the amount of revenue that comes from clients.

Paul: OK.

Jim: So, erm, we. Our biggest clients now are companies we own.

Paul: Right.

Jim: So, which is a blessing because we can do whatever the hell we want, and a curse because things don’t work out. (laughs). You konw, you’ve still got to make payroll.

Paul: Yeah, totally.

Jim: So, yeah, I think that the, you know, we’re all adults and we’re all responsible people and we all have a variety of interests and I’m reminded of a story. Do you know Cabel Sasser, from Panic, Panic Software in Portland – Transmit, and Coda and all that?

Paul: Oh, yes.

Jim: Well, he posted, at that time, Panic was just Steven and Cabel and he posted a video on his site, because everybody said: “what’s a typical day like at Panic?”

Paul: Yeah

Jim: So, he posted a video on his site, and I think it was like 20 minutes, of 2 guys with headphones on, staring into computer (all laugh), and like about 10 minutes into it, one of them gets up and goes to the washroom and then comes back and puts his headphones back on and stares at his computer.

Paul: Right.

Jim: And so, I watched the whole video and I wrote him right back and I said: “Cabel, it’s amazing, it’s exactly like that here!”(all laugh) Everybody has this idea that, you know, the rock and roll is blaring and, you know, someone’s having a bong in the back, or whatever, but it’s very much a individual efforts in a collective environment.

Paul: Ah, see that’s very interesting, because you’ve got a company full of creative people that are obviously coming up with lots of creative ideas and the question is: “how do you monetize that?”You know, you’re trying to move away from client work and we all understand how client work is a nice neat model and a way of making money, but you know, you guys are coming up with ideas all the time and they’re very broad-ranging. So, how do you decide which ones, you know, you can make money out of?

Jim: I mean, the purist answer to that is, the ones you’re most excited about. Erm, and try them all and get ready to bail on the failures, you know. The one question I always get whenever I speak, the first question I really get is: “Jim, what is your most spectacular failure?”people always say, and my answer is always the same is that we’re working on it right now! (all laugh) Its going to be a beauty! Erm, you know, we… Ideas tend to take the path of least resistance and frequently that path is being talked to death. It’s very easy to have a good idea and then sleep on it and then the next day come up with a thousand reasons why you can’t do it. Er, in this day and age, where we have, at Coudal, we have the superstructure, we could pretty much sell anything in a couple of hours. We have built our own e-commerce background for, we own a brand called Jewelboxing, which sells custom DVD and CD packaging systems, we own Fieldnotes, which is a, er, series of memo book, cool memo book, designer’s sort of memo book, and various other things and so we can put an idea into play very quickly, and, erm, and just a little less quickly find out if it’s going to work. The key to the whole thing, though, is that, erm, when we started this idea of creating products and services, erm, as opposed to, erm, doing work for hire, we sort of looked at the things we had, what were our assets and what were, you know, what were the things that we had, and what we had was this site coudal.com which generates a lot of traffic and the site is strange. It is not, it is sort of a daily magazine of web design intellectuals, I guess, for like a better term. And, erm, many people don’t get it at all, but a lot of people do so we figured that those people must be like us, in some way. I mean, it’s, it’s impossible to think that they are people who are unlike us, who are coming to the site and a) understanding it, and b) coming back tomorrow. So, these people must be like us. So, if we make that leap of faith and we develop products that we want, there’s probably a lot of people like us out there and we don’t actually need 5% of the global notebook market to make a lot of money, you know, so, erm, the same goes with our ad network, The DECK ad network, which is tremendously successful because it targets web-designing creative professionals like us, so the idea is, if you’re true… The question is how do you decide which ones you do, and my answer is it’s the ones you’re most excited about. I think that the secret underneath that is, if you make something you’re excited about, somebody else is going to be… Somebody like you will be excited about it as well. So, erm, but not everything has to make money; a few things have to make money, we have mortgages, we have tuitions to pay, for our kids, you know and we’re not getting rich, but, you know, we’re pretty satisfied creatively and we have the freedom to do pretty much whatever we want, so…

Paul: I mean, I think a lot of people that will be listening to this show that may be a creative, um, are kind of creative, um, within an organisation that isn’t creative and you talked about the frustrations you experienced, you know, they’ve got to, kind of, justify to management and all the rest of it, that they need time to play and to experiment and to try new things. I mean, how, have you got any advice for those people about how they tackle that, you know, how they, they kind of demonstrate the need to be creative, if that makes sense.

Jim: This is, I’m going to come off like a smart-arse, but I think that the real advice to somebody who’s truly creative and in that situation is to quit.

Paul: Right, OK.

Jim: I mean, you’re never going to succeed in that environment; you may succeed, but you’re not going to be happy or fulfilled. But outside of that I realise that there is a wide range of things and I… But, I don’t have any advice, because I tried everything I could, within a corporate structure as a creative director of a large ad agency, erm, and it got to the point where we were doing work I wasn’t proud of for people I didn’t like, and, you know, no amount of money can make that feel better; like, you work for a month on a project and, the revisions and the bullshit just steals your soul and by the time you’re done with it, you don’t even want to show it to anybody, like, there’s no amount of money that can make that feel better as a creative. So, so, you know, I think, you know, we all have to make our bargains, but I’ll say one other thing, Paul, is that I know a lot, through this whole, we’ve talked about this moving from work for hire into a more, what Zeldman calls sort of a design entrepreneur, sort of, er, piece. We’ve talked about it a lot in public so we’ve got a lot of feedback and I’ve spoken about it on a number of occasions, so I’ve met a lot of people who are sort of in the same place and there are a lot of people who are in the same place.

Marcus: We are.

Jim: Who are creative firms, what you’re doing for other people. The guys at Threadless are good friends of mine, you know, like all these people who have taken the skills that they used to use on behalf of clients and put them to work, their craft, on behalf of themselves, and every one of them, without exception – I will include you in this and I’ve never even asked you this question. Every single one of them says exactly the same thing about the process and they almost always say it in exactly the same words.

Paul: OK.

Jim: And what they say is: “I should have done this sooner”.

Paul: Yeah, totally.

Jim: So, my unanimity and this response continues with Paul, who agrees with the whole thing, but sometimes you know that first leap is kind of difficult. I would say that if you don’t have kids and you don’t have a mortgage, you better get on it.

Paul: Yeah.

Jim: After you have kids and a mortgage you got to make other decisions but, you know, we did it when we had kids and mortgages.

Marcus: So have we. It was your chat with Brendan Dawes at the 2007 Southby.

Jim: The ‘Short Attention Span Theatre’?

Marcus: Yeah, but you were talking about The Deck and various products and it was kind of, I was sat watching it, not with you, you were in another talk…

Jim: You were in another talk? What the hell!

Paul: I know, it’s disgraceful, I’m ashamed, I’m sorry.

Jim: That was a funny day because that was like Twitter was just new and so like people were twittering that, because Brendan Dawes is such a great speaker, he’s so funny and so they were twittering that: “oh, you got to come and see Coudal and Dawes”, and so we encouraged that so we’re like, so everybody tell people in the other rooms to come over here and we’ll give them a book and so people started doing it and then people started coming in and I’m like: “oh, my God, I feel so bad for the people next door”, you know, so it was really an interesting kind of a…

Paul: Social experiment.

Jim: It’s like live social reviews. Anyway, go ahead.

Marcus: It was great, I mean, basically what it did, Chris and I – another partner and I in our firm – we basically walked out of that speech and said: “we’re doing this wrong”. We were just thankful that clients wanted to work with us at that time and more and more clients were working, but it was kind of like we got this huge team of very creative, very talented people, let’s do something ourselves and ever since that day, I mean, we haven’t been as successful as, as successful in doing that as you have, but I think you put the nail, you hit the nail on the head…

Jim: Well, it takes time, I mean, we didn’t just flip the switch, I mean we went from 75% client work, 25% our own work and then eventually we got to 50%; I remember, I remember that month when I was doing month-end numbers and I saw that on gross revenue we had made more money from our own than we had made from client teams for the first time, I remember that being a significant moment for us as well.

Marcus: Time for a drink.

Jim: So, you know, um, that’s interesting, you know Brendan’s doing the same thing.

Marcus: Yeah, I know, I keep up with him on Twitter, but it was the fact that you said you can do things quickly and we’re always, we get these great ideas and then it’s like that’s going to take 3 months, or that’s going to take 6 months.

Paul: We faff around a lot.

Marcus: And client work gets in the way.

Jim: We share space in Chicago, in a big loft space, with 37 Signals.

Paul: Oh, I didn’t know that.

Jim: And they are, they’re rapid to the, to a fault, where their ideas, if they have a good idea, let’s whack it together and put it out there and then, you know, let’s launch the ship and then we can turn it once it’s moving, but we can’t turn it if it’s still up here in dry-dock, you know, which is an interesting thought, so you know, and it’s… The thing is when we’ve worked for clients, the problem with exclusively client work is that you have to feed the beast, so if you get good at it, you’re screwed (all laugh), because you get more work.

Paul: That’s exactly what we’re finding.

Jim: And then you’ve got a bigger payroll and overheads, so now you’ve got to take more work and eventually you’ve got to take a project that you might not take that…

Marcus: We’re screwed, Paul.

Paul: Yeah, we are, we need to do something.

Marcus: We keep hiring more people.

Paul: This is turning into a therapy session for us.

Marcus: I told you that.

Jim: How do you feel about that, Paul?
(all laugh)

Jim: You know, generally the thing is this, the opposite it true, because the best thing that ever happened to us is that our client business went to hell, through no fault of our own.

Paul: Right.

Jim: Right after September 11th, you know, a couple of clients cut budgets and all of a sudden, nothing will get your attention faster than not having the money in the bank on Wednesday to make payroll on Friday, so…

Paul: Which is often the way with this whole, you know, leave if you’re somewhere where you’re not happy and set up by yourself. Often you need that push.

Marcus: It happened with us, yeah.

Paul: I mean we worked for a dot-com and that went under, so it pushed us into doing something ourselves. I mean that’s interesting, that… When you, when you left the big agency, and you set up by yourself, was it just you or did you set up with other people?

Jim: One other fellow.

Paul: Right.

Jim: And one accountant.

Paul: Because that’s a lot of problem, there are a lot of freelancers out there, that are working in isolation, and that’s quite hard as well, from a creative point of view to, you know.

Jim: Very difficult.

Paul: I mean, where, where do you look for inspiration? You talked in your talk about looking to the past, which I thought was very interesting, but what kind of, where do your ideas come from?

Marcus: That’s a fair question.

Paul: That’s a really unfair question, I’m sorry.

Jim: Erm, I think they come from Dublin, no I don’t know. Let me take the two parts one at a time.

Paul: Yeah, I’m sorry it’s a messy question.

Jim: The first thing about working alone, erm, we are not a distributed company, unlike a lot of companies, we actually, we’ve tried some of it and been unsatisfied with the results. We actually all get together, we all get together in the same space and then don’t talk to each other (all laugh).

Paul: But at least you’re together.

Jim: But there is some advantage in adult conversation, there is advantage in: “hey, how about this?”There is: “can you look at this and see what you think?”or “do you have a headline for that?”You know, there’s some advantage in, sort of, serendipitous conversation, there’s advantage in going to the tavern and having some beer and blue-skying, you know.

Marcus: Boardroom B.

Jim: Yeah, conference room B. Er, conference room D, whatever, whichever conference room it is. So I find it difficult; now, I’m particularly good at working alone as an individual.

Paul: Right.

Jim: But as a firm, maybe we’re not so good at it. So, you know, I need help because I’m like Brendan, I’m a great starter but not such a good finisher.

Paul: Yeah, I’m the same.

Jim: So I need people to sort of clean up after me and make sure things get done. I’m OK with it.

Paul: It’s so nice to hear someone else say that. It’s OK that I’m like that, Marcus.

Marcus: Well, I’m kind of not far from it, to be honest, but Chris and the rest of the guys…

Paul: We’ve got a whole company that exists purely to pick up our rubbish.

Jim: And they just roll their eyes, like: “there’s another idea from those guys, like that’s going to happen”. Well, that’s the thing, we have this thing, maybe I talked about it in the, Brendan talked about this thing: ‘The Book’ – we’ve had this thing for a long time which is this repository of un-, unrequited love, of ideas that we never did. Um, and we’re getting so good at it that we know immediately when an idea is for The Book; it doesn’t stop us from blue-skying about it, say OK, in fact sometimes we say: “here’s one for The Book”. We know immediately that, you know, everybody knows immediately. We have this other, we used to have this thing, we haven’t been doing it lately. We have this other thing is that when we’re brainstorming about something, it helps if, um, you, er, talk about potential taglines and headlines, while you’re brainstorming an idea, but you don’t want to get the conversation caught up in the specifics of the headline or tagline that you’re suggesting. So, we used to have this thing where, if you keep your hand over your head when you are talking, it means: “like this, but not this”. (Paul & Marcus laugh) Try that sometime in one of your creative meetings, seriously. “I want this to be, sort of, you know”, Tim is holding his hand on his head, sort of thing. Erm, collectively ideas come from a variety of different interests, I think, and obsessions. I mean, it wouldn’t be too difficult to go through the archives of all the links we’ve posted at Coudal and figure out that we, you know, you could build a Coudal robot pretty easily that is a Stanley Kubrik freak, who is into Swiss design from the mid-part of the century, who is a James Joyce and a, er, Terence Malik fan, you know; it would be pretty easy to see Bob Dylan, you’d be able to see the sort of influences in some places. And, erm, I think to have a lot of different skillsets together, like Steve in our office is a film, primarily, he writes some copy and does a lot of things, but primarily he’s a shooter and an editor and a creative guy and I don’t do either of those things, you know, and, erm, Brian is a print guy, I mean everybody does everything at Coudal but we have like a bunch of different skills and so i guess that’s it, I don’t know.

Paul: Yeah, that’s good.

Jim: I probably didn’t answer anything.

Paul: Well, I think the trouble is with a question is that it’s, you know, to some extent it’s different for every person, you know.

Jim: Different for every day.

Paul: Yeah, that too, yeah. So, you know, that’s understandable.

Marcus: I thought you were going to go off into the into the equation of, I don’t know, maybe you covered that in your talk? The er, what was that…

Jim: The ‘General Theory of Creative Relativity’; we don’t have enough time for that.

Marcus: Let’s move on.

Paul: You could google it if you want to know about that.

Jim: Yes, actually that was the South-by talk for last year, and that, erm, was a pseudo-scientific to sort of come up with an equation to solve all creative problems, erm, and somebody said: “what is the answer?”and then someone from the audience yelled: “42”.

Paul: Well, obviously. It would be, wouldn’t it. Um, let’s just wrap up by talking about layer tennis, because you’re kind of quite well known for layer tennis and, just explain the basic principle for those that maybe haven’t heard about it before.

Jim: Layer tennis started 5/6 years ago as Photoshop tennis and it started in our office where we were, we just swapped a file back and forth continually adding layers and type and images to it and it was sort of a collaborative dance, and, erm, we just had the idea that maybe people like to watch it, so we put it online and invited designers that we know or, even better, designers that we admired but didn’t know, to participate and we had the brilliant, somebody had the idea to do it on Friday afternoons because no work gets done on Friday afternoons anyhow, and so we did it for a couple of years, it was tremendously popular, and then we left it on the back burner and went on to other things and in the meantime we had been working with Adobe on a couple of things and they were looking for an innovative way to promote their CS3, Creative Suite 3, and we said: “well, we have this Photoshop tennis thing, we could sort of restructure this in a way”, one of the big parts of CS3, a big, big step forward for me as a user was, the interoperability of the apps, it was the bringing together the Macromedia applications, as well as original Adobe applications into one place in which you could really move a file back and forth from vector to Photoshop to Flash, whatever. And so we proposed that we re-launch it as layer tennis to, not only that I didn’t want to have someone else’s trademark in my trademark, so we re-launched it as layer tennis and now I think we’re in the tenth week of this second season, we’ve had some tremendously talented designers from all over the world and basically what happens is there are 10 layers, somebody serves by serving up an image or image and type and, or illustration, or Flash animation, whatever it is, and the other designer takes the original source file and revises it in someway, either adds to it or changes and then he sends it back to the original guy and they trade the file back and forth over about 3 hours and each of their volleys gets posted live to the web. In addition, we invite a third person, frequently a blogger, or a writer, or a smart ass, to write play-by-play…

Marcus: That’s the bit I like!

Jim: To write play-by-play commentary. Quite frankly, that’s the hardest job (Paul: Yeah) on any Friday, to write play-by-play commentary; and then everybody watches and twitters about it and votes who they think the winner is and, you know, we’re doing 30-40 thousand people every Friday are tuning in to watch the match live, which is like, if you think of it, that’s a full football stadium, so we’ll have a couple more weeks of the regular season and then we have, we’re going to do some play-offs and hopefully there’ll be layers tennis season 3 next year, so (Paul: excellent) it’s interesting because we’ve tried to get out of the client business, right, and now we’ve got this sponsored web event which is sponsored by AARRGH! Adobe, a client. But, I think the difference is that it’s on our terms and they, it’s through good being in San Francisco, they couldn’t have been greater they’re great supporters of it and they take great ownership in it, so…

Paul: And the other thing about it is that, you know…

Jim: It’s relevant.

Paul: You did it anyway, you know, it was an idea you’d had previously that you then found somebody to help fund it and sponsor it.

Jim: And make it bigger and better, right? And it’s relevant to the product, like, you know, I’m not sure that Budweiser layer tennis would have the same relevance.

Paul: No, of course.

Marcus: Friday afternoon?

Jim: Maybe a little sloppier, but, you know, so, I think, it was just a lucky, you know, I mean, we’re pretty smart about things, but that was, kind of, a lucky break for both of us, I think that Adobe gets a lot of valuable exposure out of it that is not seen as “advertising-y”, you know, layer tennis exists on our site, it’s not on the Adobe site, it is seen as an independent, which it is, very like you said, it existed before the sponsorship and will exist after it and it was seen as an independent thing for the good of creativity on the web that Adobe is a good citizen for sponsoring and, you know, that’s a nice thing, maybe that’s the future, you know, that sort of which is actually…

Paul: Collaborative relationship

Jim: And that’s actually looking to the past as well, because think about the beginnings of television, or at least in the United States, the beginnings of television were a single company which sponsored a single hour drama, they would be the ‘Hallmark Hall of Fame’, where, here we have this lovely drama brought to you by Hallmark and they’re all about emotions and drama’s all about emotions, you know, and then somehow we got to the point now where we have an hour where we have 22 minutes of 30 second commercials, you know what I mean, like, you know, there’s, you know, so…

Marcus: It comes down to the fact that the content’s got to be good and it’s something that people want, and if it is good, then you’re going to get sponsored; it’s like sports, isn’t it? From that point of view.

Jim: It is a sport, I mean, in a way, the layer tennis thing is attractive, I think, because we do compete as designers all the time, like my firm will compete with your firm for a piece of business, but we never compete head-to-head (Paul: No) and never, ever, ever, compete head-to-head in public. So, it’s nerve-wracking, the designers are like: “Oh yeah, I’ll play”and then they get to see the site, “oh my God, 15 minutes”, you know, and the poor writer, like the designer at least volleys and then gets to breathe for 15 minutes while the other guy has the file, whereas the commentator has just got to be funny all the time, you know. I just did, for the first time ever I did commentary myself two weeks ago.

Paul: Ah, that’s why it’s showing up that you’ve got sudden sympathy for it.

Jim: And all the other commentators were writing me, like “ah, now you’ll see, asshole”(Paul & Marcus laugh), but I bailed out, I’m such a terrible typist I did it, I did audio.

Marcus: That’s alright

Jim: Yeah, I just talked about it, you know I got nervous that I wasn’t doing well enough, so I called my friend John Gruber and brought him into the booth, so everybody got mad at me, because I didn’t do it the way I was supposed to.

Paul: You cheated.

Jim: I did, but I have that option.

Paul: Hey, it’s your game.

Jim: Since I’m the commissioner.

Paul: Exactly, yeah.

Jim: The ‘Royal and Ancient Society of Layer Tennis’

Paul: So, what do you think people are getting out of it, you know, as they watch layer tennis? Is it just to waste a Friday afternoon (Jim: Yes) or do you think there’s a… I was going to, I was expecting some profound answer about the value of it.

Jim: No, I mean, I think it’s interesting and I think it’s entertaining and I think people like to see designers they know and with talent compete in a interesting situation, but it’s the almost perfect sport for procrastination.

Paul: Right (laughs)

Jim: Because nothing happens for 15 minutes and then something happens (Paul: Right), so you just leave it open in a tab and you can do your work and then bounce over and see it and, er…

Marcus: Is there not the kind of moment – sorry, Jim to interrupt – of kind of like: “I would never have thought of doing that?” and then you take that away to something you’re working on, so…

Jim: Yeah, we could…

Paul: Yeah, yeah. Let’s pretend, let’s pretend there’s value in it.

Jim: I can see, because you do so much client work, you’re getting good at rationalising things (all laugh).

Marcus: This is why we did this, and this is why it’s going to cost you.

Jim: This is my idea and this is why it’s great – it’s the Python skit about, you know,“I want you to help me sell all of this string that I’ve got left over”, “oh great, string, good for tying everything up, perfect for putting around your backyard”, he goes, the problem is that the string is all cut into 6 inch lengths: “just the right length!”

Paul: Well, that’s great, Jim, thank you very much for that. Where can people find out more about you and about layer tennis and stuff.

Jim: Coudal.com pretty much has links to everything; layertennis.com is where that is and I’ll make a pitch for our products, go to fieldnotesbrand.com and buy some notebooks and add a note that says you heard it on this and we’ll throw something extra in the package.

Paul: Excellent. Good stuff, thank you very much, Jim.

Jim: You’re welcome.

Marcus: Cheers!

Thanks goes to Simon Douglas for transcribing this interview

Back to top

Listeners feedback: Questions, questions, questions

We have this question from Iestyn:

I’ve done a quick search on your site and on Google but can’t seem to find what I’m looking for. I’ve been in the print industry for 9 years now and finally making the jump to web design with a friend of mine. What I’d like to know before getting our first client would be what questions should we ask the client about what his or her requirements are, as the client might take some stuff for granted or wouldn’t have thought of some things? And what questions are we likely to receive off our clients? To be able to have a questionnaire at hand to refer to and to go back to if the client changes his/her mind.

Users

One of the most important areas to consider when first discussing requirements is user focus. Does the client think in this way or are they looking for a site that meets internal expectations for design and content?
Who are the target audiences? ‘Everyone’ is an unacceptable answer. Get the client to prioritise their audiences.

Talk about your expectations of the roles of client and agency. You don’t want them to comment “I don’t like the red” rather you are looking for “I don’t think red will work for our users because…” Stress that it is their responsibility to highlight issues but yours to solve them.

When reviewing information architecture, ensure that content is grouped for users, and not based on internal structures and ensure that labelling is clear and descriptive.
This will underline the importance of the role of the user to the client and hopefully start them thinking in a way that will help you deliver a more usable site with fewer hiccups during the build.

Goals

It’s important to get to the bottom of why a client has a website and what they want it to do for them. What are their business goals and why?

For example, are they looking to increase sales via the site? The goal may simply be ‘we want more sales leads through the website’. But, more leads do not necessarily mean more sales. The quality of the lead is likely to be paramount. The design of the site should not simply encourage more leads, it should help to encourage more high quality leads.

Measurement

When you have a good understanding of the client’s business objectives, it is then a good idea to agree how best to measure them. You are not necessarily putting a personal guarantee next to each of them, but it will help you focus on the priorities for the site.

The good, the bad…

It’s very rare to be asked to build a brand new site these days. Chances are there will be a number of previous versions of the site that you are being asked to redesign. These old sites are goldmines of information.

Ask the client to list what works on their current site and why. It’s possible, for example, something that is popular is distracting users from achieving calls to action associated with the business objectives.

Ask the client what their top three issues are with existing site and ask them to prioritise them. Ask them what the most important content is on the site and ask them to prioritise it.

This information needs to be checked against user requirements and business goals. I’m heading off track here… back to questions.

Other sites

Even though I have said that clients need to focus on what their users want from their site, it is also important to cover competitor sites and sites that they admire. Let’s face it, these people have to live with the site every day – they do need to like it!

When reviewing competitor sites try to focus on areas that differentiate each site/company. Are there any common issues? For example, do all the competitor sites avoid plain English? Is this an issue for the user base (or not)? Could the client make it a differentiator for them?

USP

Make sure that you have a good understanding of why people ‘buy’ from your client? What makes them different?

Also, make sure that you are aware of any strategic goals and possible changes in directions that might be coming up in the future.

Nuts and bolts

General areas that you need to cover on top of all this could be:

  • Branding/corporate identity – what, if any, are the constraints?
  • Technological constraints
  • Assets – such as content and imagery
  • Timescales, milestones and project management
  • Contracts
  • Support

So what about you?

Most client concerns will focus on your reliability. Have you done this type of work before? Was it successful? Did you deliver on time and on budget?

There is a mutual trust issue at the start of any client/contractor relationship. We have found that the most effective method of calming any client fears is to actively encourage them to speak to your existing clients. If you’re really brave, let them look through your portfolio and let them select the client!

I guess this wasn’t really a checklist of questions but I hope it was useful.

Back to top

158. Home

On this week’s show: We share the highlights of SXSW, discuss home working, and interview Rob Borley about project management.

Play

Download this show.

Launch our podcast player

Housekeeping

Headscape still recruiting!

Headscape is still recruiting. We are looking for an enthusiastic, talented developer to join our team, working from of our offices in Hampshire. For more information see the job advertisement on Boagworld.

Back to top

News and events

The best of SXSW

Well, SXSW is over and I am back in the UK. But what happened at the conference? What was the big news this year?

That is actually a hard question to answer. There is so much at SXSW that it is almost impossible to get a sense of everything that is going on. Even if you could attend every panel that isn’t always where the real action takes place.

The real conference often happens at the parties and in the corridors. In fact, more than one spontaneous panel was started via Twitter, thanks to official panels being full.

Panels this year ranged from the downright dull to all out flame wars! One that I unfortunately missed was "Is Spec Work Evil!". However, Marcus attended and tells me it was particularly fiery. Personally, I am very much against speculative work as I have said before. However, not everybody would agree and the panel seemed to reflect this diverse opinion.

One panel I did make was Paul Annett’s amazingly inspirational talk on Easter Eggs and design twists. The talk focused on the little things you can add to your site to make users go ‘oooo that’s clever’.

Too often I neglect such ‘bells and whistles’ in favour of usability and accessibility. Paul demonstrated how these different priorities can sit side by side without compromising each other. He showed some great examples including the hidden arrow in the FedEx logo and the vines on the Silverback website.

fedex logo

The final panel I want to mention is ‘Being a UX Team of One‘ by Leah Burley of Adaptive Path. To be honest the title of this one was a little misleading (at least from my perspective).

What I took away from this session was that design should not be a solitary activity, solely reliant on the creative inspiration of one individual. Leah seemed to be arguing for a more collaborative approach especially at the wireframe stage. She proposed that all of those involved in the project should sit down together and hammer out the wireframe designs.

This addressed two separate problems we have been having at Headscape

  • The developers concerns at not being involved early enough in the process.
  • The question of who should do wireframing – the designer or the IA person.

Best of all Leah’s presentation was very pragmatic. She provided lots of practical approaches that encourage idea generation and collaboration. I highly recommend listening to the podcast of this when it is released.

Browser testing and IE6

In other news, there seems to have been a lot written about browsers this past week. Three stories in particular caught my eye…

  • .net Magazine seems to have hopped on the ‘dump IE6′ bandwagon – My opinion is the same as that of Jeremy Keith as expressed in last weeks show. It is not a matter of dropping IE6. We should instead being deciding whether we wish to offer it the same level of support as modern browsers. I am entirely in favour of providing IE6 with a basic stylesheet that avoids its shortcomings. However, I dislike the idea of dropping it entirely.
  • Microsoft has released SuperPreview this week that allows Windows users to test different versions of IE simultaneously. I have to say this looks like an impressive tool. It allows you to view IE6 and IE7 side by side. It also has many other tools that may also be useful. Support for IE8 and other browsers will follow and although it is currently in beta, I think it will quickly become an indispensable tool for Windows based web designers. Just a shame there is no mac support!
  • Finally, Sitepoint have written a brief outline of how to create the perfect browser testing suite. Ideally for those starting out it lists various online browser simulators, virtual machines and desktop browser emulators.

Browser testing continues to be a pain in the neck and I for one would be willing to pay for a decent way of streamlining this whole process. This is especially true now that IE8 has been officially released and we have another browser to add into the mix.

Screenshot of Superpreview

A simplicity case study

A few weeks ago I wrote about the importance of simplifying your website. Well, this week Gerry McGovern has written the perfect case study to support the argument I was putting forward.

Removing poor quality content increases customer satisfaction‘ talks about how the Microsoft website consists of a staggering 10 millions pages. Of those pages 3 million have never been viewed!

The post goes on to explain how the Microsoft Office team took a different approach with their site by removing irrelevant pages. According to McGovern…

By weeding the garden, the top task pages became easier to find. But just as importantly it became harder to find a minor task page when you were looking for a top task page.

In short, removing pages reduced noise. Disturbing though it sounds, I think we could all learn something from Microsoft’s example.

An introduction to Microformats

My final post today comes from Richard Rutter’s blog. It is basically an introduction to Microformats aimed at the non-geek. He wrote the post because he recently found himself trying to explain microformats to a client and could not think of a good post that covered the subject from their perspective.

Personally, I am not sure it is necessary to tell a client you are implementing Microformats. The cost of adding them is so small and the benefits so hard to explain, that you maybe better off just doing it.

That said, this is an excellent post and if you are struggling to understand the point of Microformats, this is certainly worth reading.

Back to top

Interview: Rob Borley on Project Management

Paul: So, joining me today is Mr. Rob Borley. Hello Rob.

Rob: Hi Paul, how are you doing?

Paul: Very well indeed. Good to have you on the show. It’s been a little while.

Rob: It has, It has. It’s weird hearing the show above you, um rather than being below.

Paul: Oh yes, because you sit upstairs, don’t you?

Rob: Indeed.

Paul: Do you actually hear it?

Rob: I do. It’s like have a little base bin ?

Paul: Awh. So, um, we have kind of been thinking for a little while that we need to get someone on the show to talk about project management. And the idea was we’d get some high profile web design project manager to come in and talk about web design project management. Then I realised, um, that I can’t actually think of any. You know, I really don’t know of any kind of web design project managers out there, other than obviously the people that work at Headscape.

Rob: Well, maybe there’s a gap in the market.

Paul: I think there is a gap in the market.

Rob: (unintelligible) celebrity project manager.

Paul: Well I think that’s somewhat of an oxymoron, but setting that aside, lets shift around a bit, yeah, so, um, so we thought, lets get you on the show. Um, now, you’re quite and interesting case because you started of as a techie.

Rob: Yes.

Paul: And you became a project manager.

Rob: Yes.

Paul: And, so, um, let’s start by talking about the role of project manager. How would you describe your core role? What is it that you do? I should know this I guess.

Rob: Well, you mean other than manage projects.

Paul: Ok, you just have to make a joke out of it. But you know what I’m getting at.

Rob: Yeah yeah. I mean, I guess, um, the main thing that we do is shovel shit, really. We deal with crap. You know, the main thing project manager would do is a filter between clients and the production team for the project. I mean, there are a couple of stages I guess. So you’ve got the planning part of the job, which is essentially working out what it is you need to do, um, making sure you got the results to do it, plotting a nice time line so they can all fit as far as having deadline. And then you’ve got the people said, because really project management is a people job. You need to know how to get the most out of all the people that are in your project team, um including the client. You need to include the client in your thinking, always. Yah, that’s essentially what we do.

Paul: Yah. It’s a people person thing. I always thought you were so charasmatic. Ok, so, I mean, I guess the question is, if you look at the kind of, if you look at Headscape, and the way that we’re organised, we’ve got four developers, four designers, and three project managers. I mean, that’s a lot of project managers. And, you know the question is, why, why have project mangers at all? Why couldn’t the designers and the developers do the job? Why couldn’t it be spread across multiple people? Justify you exsistance, Rob.

Rob: Yeah, this question kind of makes me nervous here. I feel like I’m re-interviewing for my own job. Not that I interviewed in the first place, but, I guess in one sense, if you were in a small project environment, you could almost get away with one person. If, you know, its a one person job, you could get away with them managing themselves for a limited amount of time. Um, but, as soon as you get beyond jobs which are more than one person, um, and go on for an extended period of time, you start needing to provide some glue to stick things together. You need someone whose got an overview of everything that’s going on. You know, the developers have got a very developer mindset about the way things happen. Designers are the same way, they know about the design stuff. Um, but actually translating what the client wants and feeding that into both areas and bring them together is what’s missing, if you don’t have a project manager.

Paul: So, to some degree, project management becomes necessary with scale. The bigger the projects, and the more complex the projects, then the more a need for a dedicated project manager.

Rob: Yeah, definitely. I mean, I guess the real role of a project manager in these situations is the facilitator. You’ve got all of these tools which are basically your resources, your developers, your designers, um, and you need to be able to enable them to work effectively together to produce what the end product is going to be.

Paul: So here’s a question that I didn’t pre-give you, in advance, which is always the best type. Why, why, why become a project manager? What made you – because you were heading up our technical development team, you were, you know, you were doing very well. Why did you feel the need to get involved in what you call shit shoveling?

Rob: Well, I think my main motivation was, Headscape was growing, and we started employing all of these younger, more dynamic, much more talented, better looking developers, that were basically going to show me up. So I figured that before I got shown in true light that I was going to need to move somewhere else. Um, no, well that’s partly true. Really, I think, its the people’s aspect that I’m really interested in. A good project manager is someone who is able to understand how his resources or how her resources work and how your clients work, and joining the two together. Um, while I quite like writing code really, I’m not passionate about it. So that side of it, you know, I reached as far as I wanted to go, and I really enjoy the people thing.

Paul: Ok. So what other, I mean, what other kind of characteristics do you think make a good project manager, obviously the people skills you talked about, what other, I mean if there are other people out there going well actually I’m not that passionate about coding, or I’m not that passionate about design, but I am passionate about the web, I do like the web design process, perhaps project management is the way I ought to be going. You know, what skills, what characteristics do they need, what personality traits do they need?

Rob: I think well, you need to be able to plan. Um, you know, planning is very very important. If you plan well, then your project will usually go well.

Paul: I like the cornification in that.

Rob: You have to be able to predict the future is helpful.

Paul: Yes.

Rob: A major part of what we de in the planning stages is assessing risk. You know, so, we’ve got what we’re starting with, we’ve got what we want to achieve, and we’ve got a time scale, now we need to work out what things might appear that are unforeseen, which are going to affect us reaching the time scale. So being able to foresee the future is helpful. Um, and so planning, being quite analytical and thorough. The logical background I have from being a programmer, a developer, is really helpful because you have to approach project management in a very analytical way, to make sure you don’t miss things. So there’s that side of it. And then there’s communication skills. You not only need to be able to communicate with a client affectively so they show that you understand what they want, um, and they understand where you are with the project, and they’re happy because a happy client makes everyone happy. But you also then need to communicate that with the various personalities in your team. You know, whether thats the developers locked up in a dark room with no social skills, or the crazy charismatic designers who…

Paul: You’ve just gone with stereotypes that so don’t apply. If I look at our team, no offense to our designers, they’re the ones that sit in the darkened room with their nose right pressed against the screen. And the developers are the ones that are crazy and never do any work.

Rob: (unintelligible) something about reading personalities. No, but you see my point. You’ve got these almost extremes, especially in the web, I guess, in the web world, you’ve got these extremes of personailities which somehow you need to be able to communicate with and put it all together and so, yeah, that’s an important skill. I think the third area, is to be quite relaxed about life. Because things will go wrong and do go wrong, it doesn’t matter how well you plan and how good you are at predicting the future. Stuff will appear that is completely unforeseen and will completely throw (unintelligible). And everyone gets really upset and people will shout at you and it goes a bit nuts. Um, and if you go nuts as well, you project team falls apart, because they look at you as the calm rudder in the storms of life. I can feel my other project manager buddies laughing at me, um, but if you’re calm and you can not get stressed at that but actually see, try and find a clear path through a very stressful situation, then really helps.

Paul: I would so be the worst project manager in the world. I’ve got the attention span of a newt, I’ve got no organisational abilities and I get stressed at everything. So overall, I think I’d fail.

Rob: Yeah, stick to web celeb.

Paul: Yes, I’ll come up with some other title that sounds good. Um, ok, so you talked about this really is, I can honestly say, a foreign area to me. Right? You talk about planning a project upfront. I’m not a planning person. Right? And there seems to be so many variables involved in a project and so much as you say, that can potentially go wrong. How do you plan it? I mean, you know, the kind of thing that you always talk about, when you talk about project management is endless gantt charts that seem to be outdated in about 5 minutes, sort of kicking a project off. How to you effectively plan a project?

Rob: Um, well, we do use a gantt. We always start a project with a gantt. And, um because it seems like thats what project managers are supposed to do, so we justify the time with a gantt. Um, but you do need, um, I think assessing risk is something that is vital in successful project management. Its something that we’ve been doing at Headscape, um, increasingly more over the last year or so otherwise this need to actually spend time highlighting what could actually go wrong here. So, you look at, I’m not going to be able to think of any examples now, but a particular, let’s say you building a shop or something. So potential things which could delay that project would be: the client not getting around to telling you what the products are on the shelf and content population is a big risk on meeting a project deadline, because it is out of your control. So, its like, I need the content by this date, and he needs to put the content in by X date. If the client doesn’t do it, there’s nothing you can do about it.

Paul: I’m guessing integration must always be a big risk. Integrating with third party applications.

Rob: Exactly, so if you’ve got some sort of third party database or a web service you’ve got to pull in, something that you’ve done a bit before, but you don’t know anything about, that’s a risk. Because you can guesstimate what’s going to happen, but its unforeseen. And so, the trick is basically, to find all the tasks that have these risks and then multiply (unintelligible) an hour by some random number. And then make the rest up as you go along.

Paul: So what about once the project gets going, how, what techniques and tools maybe do you use for monitoring and controlling the process and trying to keep on top of everything.

Rob: Yeah, I mean, there are lots of tools out there, obviously, lots of funky web-based ones, um, there is no substitute for talking to you team. Um, trying to (unintelligible) email or basecamp or something is impossibly without talking to you team. So, communicate. It’s a big part of what we do. You have to talk to the people doing the work, you have to talk to the clients, um you have to keep the lines of communication open. Um, but as far as actually keeping track of what’s going on, we do use basecamp, um which is great for managing lists, basically, you manage lists. So from our gantt shell, we’ll break it up into a series of tasks if you like, wide areas, um, and then, (unintelligible) ask people to add comments to them and take them off and then we’ve got kind of an overview of where our project is. Um, and hopefully from there, and when we’ve got the gant shell, we’ve got some dates, some milestones and reminders like you should have done this by then, um and so, you use that to kind of keep track of where you are.

Paul: Cool. What about, so that’s kind of dealing with the internal side of things. What about when it comes to the client, I mean, you talked about, you said earlier, a happy client makes everybody happy kind of thing. So what makes a client happy? What are the things that really, or perhaps turn it around the other way, what are the things that really piss of a client and where can it really go wrong?

Rob: This is really where the people side of it really comes in because every client is different. Some clients want you to talk to them for five hours a day, hold their hand, you know, spoon feed them, and some clients just want to know when it’s finished. So initially, when you’re kind of trying to assess your project team, if you like, your resources and what you’ve got, assessing the personality of your client early on, will really put you in a good place. Um, but, I guess, general principles, if you’re honest, it helps. Um, so, be realistic about what you’re telling your client is going to happen. Don’t promise the Earth by yesterday. Because then you won’t deliver and then they’ll get upset. If there’s going to be a problem, if things have slipped for some unknown reason, then tell them as soon as you know. Tell them as quickly as you possibly can. Um, manage their expectations is kind of the phrase that we use a lot. You gotta manage you clients expectations so that they’re not expecting something that you can’t deliver. And um, and then that limits the amount of upsetness that they get.

Paul: Slippage is a big one, isn’t it? This kinda whole area of things like, you know problems you kinda face, things, like slippage, scope creep, non-delivery, I mean, how do you have any kind of broad techniques for dealing with these kinds of things, or is it just kinda communications thing again.

Rob: It’s mainly I think a communication thing again. Um, part of the planning stage is trying to asses these risks and so you try and build in contingency to cope with those, and if you’re building enough contingency, you deliver the project early and that makes everyone really happy, even if its a long project, you deliver it early, you’ve exceeded their expectation also. Um, so I think, if somethings going to slip, I think you should say you’ve got to be honest. Sometimes things are just out of your control, so you’re two weeks before the end of a project, you in the middle of snagging, your lead developer goes down with appendicitis. There’s nothing you can do about that, and so you just need to communicate with the client and hope they take it well.

Paul: So wishing everything works out, I’m loving that approach. Ok, so, um, let’s finish of with a piece of generic advice. Either people starting out in project management or those that have had project management foisted upon them. You know, whats the kind of one piece of advice that you would leave for people?

Rob: Get to know your team. I think that’s the main thing I would say. Um, its kind of like, when you drive you car, you’re environment is a very organic, dynamic thing, you know what it really what’s going to happen and the only thing you’ve got to get you through it is that you understand you car. You know almost instinctively how it works, how to drive it it, if you get to that situation with your team, then whatever the project throws at you, you kind of, you can deal with it. If you understand how you client is going to react to a certain situtation, you can intincfully deal with it. And it keeps the stress levels low. You need to find ways of managing your stress levels.

Paul: There you go, that’s great advice. Thank you vert much for that, it was wonderful. I really appreciate you coming on the show.

Rob: My pleasure.

Thanks goes to Meredith Marsh for transcibing this interview.

Back to top

Feature: Home Working

I was recently contacted by a friend of mine Marieke Guy about writing a guest post for her blog on remote working.

I have been working at home for over 7 years now and am a great believer in the benefits. However when I actually sat down to write the post, I realised just how long it has taken me to find the right way of working.

As a large number of people who listen to this podcast work from home, I thought I would share my experiences to date and my hopes of where remote working will take me in the future.

The reality of home working

Back to top

7 Harsh Truths about running online communities

In ‘10 harsh truths about corporate websites‘ I highlighted some of the problems I perceive in how companies run their websites. However, many organisations are not content to simply run a website, they want to run an online community too.

Don’t get me wrong, I am excited to see organisations embracing the idea of community. I have been involved in running virtuals communities since 1996 and in 2004 I wrote about the business benefits of community. To this day I encourage Headscape’s clients to build relationships with their users.

A well run community can…

  • Drive traffic to your site
  • Generate a passionate, evangelistic users
  • Encourage repeat traffic
  • Help develop your products and services
  • Save you money

This is not a ‘rant’ against community, or even corporations running communities. It is an argument against the way they sometimes choose to do so. I continually see the same mistakes being made by organisations. It is time that they faced the harsh realities of running an online community.

1. Technology does not create community

When clients ask for help to build a community, they almost always talk in terms of technology. “We want to add a forum to our site” or “can you create a profile system”.

In ‘10 harsh truths about corporate websites‘ I write about how a CMS will not solve your content problems. In the same way a forum will not create a community.

Vanilla Website

Community is about people and relationships, not technology. The technology is the easy part. You can have a forum like Vanilla up and running in minutes, but it will take months of hard work to build a vibrant community.

If you implement the technology and just sit back then your community will fail. The technology merely allows you to engage with your community in the same way as a telephone lets you talk to your friends. It is a tool and nothing more.

2. Show some commitment

I have already said that building a community takes time, but it also takes commitment.

Too many website owners start communities only to give up when they do not see fast results. A community can take months to get off the ground and years before it shows real returns.

It also takes ongoing input. To make your community successful it must be nurtured on a daily basis. When a user posts, you need to replying promptly. Until your community is well established it will need monitoring multiple times a day.

You also need to demonstrate commitment to the individuals that make up your community. You need to take on board their input, address their concerns and encourage their contributions. You need to show you care.

3. Learn how to lead

As well as caring for your users, you also need to know how to lead them.

This is not leadership in the ‘managerial’ sense. These people are not obligated to listen to you or do what you say. You need to inspire, excite and encourage them.

Running a community requires you to be more like a politician or preacher than a manager. You need to mobilise people around a common cause and stamp your personality on the community.

Unfortunately there are few course that teach these kinds of skills. However, I would encourage you to look at great leaders like Gandhi, Martin Luther King and even Barak Obama for inspiration. These men can teach you a lot about engaging with people and encourage others to follow your direction.

Photograph of Barak Obama

4. An antisocial community is your fault

As the leader of your community, your personality sets the tone. As a result if the community behaves in ways you do not want, then you only have yourself to blame.

I have seen many bloggers write about the negative comments they get on their posts. In most cases this is due to the tone they themselves strike in their writing. Although there are exceptions I believe that users will respond in the same voice you yourself set. If you are irreverent, then so will your users be. If you are rude, expect rude responses.

A good example of this is the social news website digg.com. Digg has developed a reputation for its ‘harsh and juvenile’ comments. I believe this comes from the leadership of founder Kevin Rose in his associated podcast Diggnation. This irreverent, comically and highly entertaining podcast has set a tone that has been carried across by users into the comments.

Diggnation Homepage

This is not a criticism of diggnation. Digg.com has become very successful because of their passionate community. It is merely an observation that you reap what you sow.

5. You need to swallow your pride

Another aspect to leading a community is the need to learn humility. No matter how well you run your community, you will mess up. When you do, how you respond is of crucial importance.

Because of the ‘distance’ that the web affords, people are often more critical than they would be face to face. Feelings are overstated and there is an inability to read the non-verbal signals we normally rely upon. This can often lead to confrontation and disagreement.

I have seen communities fail because the organisation alienated its community by responding badly to criticism.

If you want to run a successful community you must swallow your pride and never respond defensively to criticism. Instead acknowledge the comments and thank people for their honesty. Ask others what they think and hopefully they will come to your defence. If not, then you must seriously consider whether the criticism is valid. If it is then you need to admit your mistake and correct it.

By admitting you are wrong, it is possible to heal a relationship with your community and actually leave them even more enthusiastic about your brand than before.

flickr blog post - Sometimes we suck

6. Stop trying to control the message

If you work in marketing some of these points may make you feel uncomfortable. It feels messy and you do not have control over your message. Unfortunately that is the reality of community.

Community is not marketing in the traditional sense. It is not a broadcast medium, it is a dialogue with your users. Failing to grasp that will rip the heart from your community and force it underground.

I have seen unsuspecting companies experience a terrible backlash from a community simply fed up with being sold at rather than listened to. Users do not want a sales pitch or a feature list. They want the opportunity to feedback and a chance to help shape the future of the product or service they use.

Another tactic for controlling the message is to moderate. In extreme cases I have seen organisations moderate every single user contribution that appears on their site. However, I have also seen companies quietly remove negative comments made about their products and services. This is enormously counter productive because people feel censored and will go elsewhere to express their feelings.

That is the trouble with community, you simply cannot control it. If you do not allow it to flourish on your site and engage with it there, then it will pop up elsewhere where you have no control over what is written.

Adobe complaints on Get Satisfaction

7. Nobody likes to be alone

The final harsh truth I want to raise is that “users don’t want to be alone”. Too many organisations launch a forum with a plethora of topics and discussion areas only to have it lay dormant and unused. The reason – it appears empty, so what is the point of posting.

Before you can even consider adding community features to your site you need a critical mass of users that want to get involved. A lot of companies add community features not because users are asking for them but because management wants it. Communities like that rarely succeed.

Also there is a tendency to go straight for a forum. However, a forum requires a substantial number of users to work. Contributions can often become buried in some thread or topic and remain unanswered because it is never seen. If your community is small you may be better starting with comments, reviews or a mailing list. User contributions are much more likely to be noticed using these tools.

Finally, make sure you are seeding the discussion through new topics of your own. Asking lots of questions is a great way to stimulate discussion and prevent people from feeling like the only kid at the party.

Conclusions

After reading this you might feel that running a community is too much like hard work. You may decide not bother at all. However, that would be a mistake.

The ultimate harsh truth is that your users will be talking about your website, services and products, whether you want them to or not. The only question is whether you want to engage in that discussion.

Why speculative design is wrong

Many web design agencies are refusing to do unpaid design work before a contract is signed. This is not because it is damaging to them. It is because they believe it is damaging to their clients. But why?

On the surface asking a web design agency to produce some design concepts before you sign on the dotted line appears to be a good idea. After all, it allows you to assess the quality of their design work and see whether they have understood your brief.

However, if you scratch the surface of this once common practice, you quickly expose the flaws. Here are just five…

1. It costs everybody money

In order to remain in business every company needs to recover their cost of sale. This includes web designers. As speculative work is part of the sales process, they ultimately have to charge you for it. The web designer is forced to roll the cost of that work into the project if they win.

However, it is worse than that. The web designer also has to recover the cost of speculative design done for jobs he did not win. This means that if you choose to work with an agency that produces speculative design, you are paying for their failed sales pitches! Why should you be paying for other people’s design work?

2. It is about selling not delivering

As somebody who used to produce speculative designs for years, I can tell you that doing this type of design work is not about delivering a solution the client actually needs.

Speculative design is about impressing the client and creating the ‘wow factor’. The target audience is the client and not the end user.

Being a good web designer is about encouraging the client to make tough choices. A good designer will challenge your preconceptions and suggest better ways of meeting your business aims. However, they are not going to take that risk in the sales process. They will play safe, showing you what you want to see, rather than telling you what you need to hear.

The danger is that if you then hire this company the speculative design is adopted for your site. Ultimately you end up with a solution that fails to meet your businesses needs.

3. It is wasteful

Even worse than actually using a piece of speculative design is throwing it away. I have worked on many projects where the design work created as part of the sales process is discarded on project commencement.

What was the point of producing a piece of design only to discard it? Because ultimately you (the client) are paying for the design it is absurd that you would then choose not to use it.

Of course the reason you discard it, is because it is not fit for purpose. Not only was the design was created to sell, it is also largely uninformed.

4. It is uninformed

No matter how good the brief you distribute to agencies, they are still not going to have all the facts.

Good design comes from being well informed. The designer needs to understand business objectives, success criteria, brand personality, competition and numerous other factors in order to provide the right solution.

Most of all the design needs to emerge from an understanding of your users. Until the designer can interact and empathise with your users, he can produce nothing more than a superficial solution.

5. It ignores the collaborative nature of design

Finally speculative design ignores the collaborative nature of the design process. Good design is not just about a designer having a moment of inspiration and producing a master piece. Design is not the same thing as art.

Design is a collaborative process between the designer and the client. The designer may have the expertise in design aesthetics and usability, but the client knows their business and target audience.

If the designer works in isolation he cannot hope to produce a rounded design. Without mood boards, sketches and initial concepts there is no dialogue between client and designer. The design will only tell half the story.

Example Mood board

To request speculative design is to deny your own importance in the process.

The alternatives

So where does that leave you? If you should not ask for speculative design, how then can you assess the design skills of agencies?

The answer obviously lies in their portfolios. However, in my opinion it is about more than just looking at ‘pretty pictures’. In order to know whether a design has been successful you need background information.

I recommend that where a portfolio piece is relevant to your sector or project, you request the contact information of the client. This provides you with the opportunity to speak to that client and find out how well the design fulfils their business objectives.

Speaking to the client also gives you the opportunity to find out more about the designers. Did they understand the brief? Did they provide positive suggestions? Did they deal with criticism well? Were they flexible and understanding of broader objectives?

Ultimately there is far more to be learned by talking to existing clients than requesting speculative design.

146. Obsessive

On this week’s show, Paul interviews Nicholas Felton about designing with data, we celebrate the return of 24Ways, and explain how community can keep users coming back for more.

Play

Download this show.

Launch our podcast player

Housekeeping

Two pieces of housekeeping before we begin:

  • First, Jaysone wrote in asking about the chat room we mention on the show. He wanted to know what it was and whether anybody could join. The chat room is associated with the shows we occasionally stream live. You can watch these shows at http://boagworld.com/live and interact with us as we record via the chat room. Anyone is welcome although you will probably need to follow me on Twitter to see when the shows are being recorded.
  • Talking of streaming shows, the next live show will be our Christmas special on the 8th December at 2.30PM UK time. The show will be an open question and answer time so either send in your questions in advance or come along and join us in the chatroom. We will also be doing a feature on this years top Christmas gifts for geeks. You can vote for your suggestions over at UserVoice.

News and events

24 Ways is back

This week sees the return of 24 Ways. 24 ways is the advent calendar for web geeks. Each day throughout December they publish a daily dose of web design and development goodness to bring a little Christmas cheer.

I am not sure whether it is the quality of the posts or that 24 Ways appears just before Christmas, but I always get excited when they return.

This year it returns with a somewhat controversial new look (personally I think it is great they are experimenting) and a whole new set of posts. They still offer a complete archive of previous posts so be sure to look through that, as well as subscribe to their RSS feed.

There is something very special about 24 Ways. I think part of the reason I like it so much is because the writers are given a free hand. They can write on whatever they want and so inevitably write about their passions. This leads to a better quality of post.

As if that glowing recommendation is not enough, I should also point out that our very own Marcus Lillington has a post coming soon. Surely that will be enough to encourage you to subscribe!

iPhone designers kit

In the past I have been slightly rude to the guys over at Smashing Magazine about their endless lists of other people’s creativity (we love them really). However, this week they have released something that is genuinely useful.

The iPhone Starter Kit, is a set of button elements and various iPhone interface options, bundled in a Photoshop PSD. The pack is ideal for mobile developers and front-end designers who need a professional way to show mock-ups or try out ideas.

You can use the set for free and without restriction. This includes both private and commercial projects. The only thing they ask is that you do not resell it.

Admittedly you may not be doing work on the iPhone right now. However, I suspect it will only be a matter of time before we will all be working on a mobile application of some description.

The mobile sector is incredibly exciting at the moment and this is another useful little weapon in our arsenal.

5 Ways to Get Usability Testing on the Cheap

Our next post is from the sitepoint blog and is entitled ‘5 Ways to Get Usability Testing on the Cheap‘.

Usability testing is a good idea for any new web site. Increasing the usability of your web site is good because it will increase visitor satisfaction, which in turn increases sales and user loyalty. On the business savings side, usability testing can also save you money in development, maintenance, and support costs.

The problem is website owners often perceive it as expensive, failing to grasp the high return on investment. However, it doesn’t need to be and any project can incorporate some user testing, no matter what the budget.

The sitepoint post makes 5 suggestions of how you can keep the cost down…

  • Use a service like usertesting.com, which provides a video of users interacting with your site.
  • Get a written user response to your site from Feedback Army for as little as $7.
  • Use a DIY user testing tool like Silverback for the mac or Morae for Windows.
  • Ask friends and family to take a look at the site. Alternatively ask for some feedback on the boagworld forum.
  • Use services like Crazy Egg or Click Density to get heatmaps showing how users interact with your site.

Whatever approach you choose, always make sure you have at least some user testing in every project.

Site search options

One of the things I hate most about the Boagworld website is its search facility. The built in search mechanism that comes with my blogging software sucks! This is particularly embarrassing as I am always banging on to clients about how important search is. After all half your users will turn to the search box before even considering browsing the site. Search has to be right.

I have half heartedly looked around for something that would do the job. I remember looking at Atomz a while back and also there is the obvious Google integration route, but nothing inspired me.

This week however another post from Sitepoint caught my eye. It was talking about the new site search from Yahoo! Recently adopted by Techcrunch it has some fairly impressive features…

  • Real-time indexing of content – When new blog posts or comments are added to the site, the search index updates almost immediately.
  • Customised ranking – You can fine tune the algorithm to fit your audience and user experience.
  • Structured search – You can build your own refinement mechanisms. For example I could allow users to filter posts by category, number of comments, tag or any other criteria I set.
  • Blending Web with site results – Users can search both site and web content and see the results blended together in a single display.

If your site search sucks as much as mine, you might want to check this out.

Back to top

Interview: Nicholas Felton on ‘Designing Data’

Paul: So joining me to day is Nicholas Felton. Good to have you on the show Nicholas!

Nicholas: Thanks so much Paul, it’s a pleasure being here.

Paul: It’s the first time that I’ve really spoken to you. I only first saw you or heard about your work at Future of Web Design and I have to say you completely blew me away with a presentation that was very different from the majority of stuff that was being talked about because it wasn’t really fundamentally about Web design, I guess in a way.

Nicholas: No, I think in a way it’s about a weird hobby that’s kind of developed into a tiny Web phenomenon.

Paul: Well, from what I can gather it’s a fairly big Web phenomenon according to Keir from Carsonified who was raving about you afterwards. For those people that haven’t come across you before, tell us a bit about yourself. Who are you? What is it that you do? Where is it you work? A bit of background basically.

Nicholas: Sure, sure. Well again, my name is Nicholas Felton. I’m a graphic designer, predominantly print but I definitely dabble in the web and am there more and more frequently. I went to art school, I studied graphic design about ten years ago here in America at the Rhode Island School of Design and I’ve worked in graphic design firms and advertising doing identity and on the side I’ve started my personal website called Feltron where I’ve grown these annual reports that have become something that I’m sort of getting well known for.

Paul: So let’s talk about these annual reports, because this is what you were talking about at Future of Web Design. There’s a lot of people that might be listening to this thinking “Well, hang on a minute he’s just said that he’s primarily a print designer, this is a web design podcast. Why have we got him on the show?” Well just to kind of deal with that to start with, I mean obviously web design should be a lot broader, we should be looking outside of the web for inspiration and I’ve found these Felton Annual Reports incredibly inspiring. For those that don’t know, tell us a little bit about what they are.

Nicholas: Alright. Well, I really latched onto this name for them because I think it communicates pretty quickly what it’s about. Everyone understands what an annual report is. It’s the summation of a year. I’ve just attached my name, more precisely my sort of Web name, which is Feltron. My last name is Felton. But these started in 2004. I was just trying to get a grip on the year and wrap it up and I looked around at the websites I was looking at and the books I enjoyed and I put that all on my site but I snuck in a couple of little details, like the number of postcards that I sent and worked out the number of air miles that I traveled and those sort of, they hooked me. And so the next year I went back through my records and I put together a multi-page feature for my website where I looked at my travel in more detail, making pie charts of the countries that I went to. I split up my photography into all these different metrics that I could examine and between that I came up with about six pages I think of exploration of my eating and drinking habits and the culture that I enjoyed for the year and this is something I thought would only be appealing to people who knew me well, it would be a little bonus for them at the end of the year and it turned out to be a little viral and people started sending it to their friends and I started hearing from strangers that they thought it was fantastic and people saying, “I want to do this,” so I’ve tried to spend more and more time on it each year to stay in the forefront of this desire that I see building for people to encapsulate their year in this kind of report.

Paul: For me personally, when I heard you speak I immediately came away with a desire to do the same thing, just as you described.

Nicholas: That’s fantastic.

Paul: But the question that’s burning in me is, “Why?” Why do I feel the desire to do that? Why did you do it? Where did the idea come from? How did this all start?

Nicholas: I think it wasn’t that hard for me to do. The first one that I described, which was a multi-page document I actually didn’t do anything different than I’d been doing for previous years. I just had this natural habit that in my calendar I would write down where I went socially as well as what I did for work and I was able to look at that and between the names of the restaurants I knew this was a Thai restaurant so I could sort of make pie charts of what types of meals I was eating and I knew how many bars I had been to and I guess after that year I decided I was really going to formally examine this and decided to strictly track more things over the course of the year. I guess for me it’s driven by curiosity, I think I’m a pretty naturally curious person, maybe you are as well and it’s not about changing my behavior. I really don’t want the reports or this recording of my year to affect what I do over the year. I think I find a lot of solace in the numbers that come out of it. Just knowing how many beers I had or how many coffees I had or how many air miles I traveled is really comforting to me. It’s a way of tackling some of the unknown in our life.

Paul: It’s interesting because when you describe it, if someone hasn’t seen these reports you kind of think of an annual general report that’s published by a company, which are tediously dull documents but the things that you produce are graphically stunning as well. So I’m interested, is it primarily a kind of data collection exercise for you, or is it more a graphic design exercise? Is it about, I mean you kind of indicated that it’s about the data that you’re gathering rather than maybe the graphics, but the graphics are obviously what sells it to other people I guess. I don’t know.

Nicholas: Yeah, it’s hard for me to split it, but I have to say it’s absolutely about the finished product which is a piece of graphic design and the better the data is the better the story I have to tell so it’s a narrative of my year. It’s all encapsulated. It’s primarily a visual piece and I do put a lot of time and effort into making sure that it’s very visual and very easy to read quickly but that there are little details in it you can pull out if you want to spend more time with it.

Paul: Yeah. I mean that’s the immediate thing that you said there, it’s very time consuming.

Nicholas: Yes.

Paul: Not only from a design point of view, and I’m sure it must take you just an unbelievable number of hours to produce something that is so exquisitely designed but I mean tracking all this stuff, you must spend, I mean I’m surprised there isn’t a big part of one of your pie charts that’s just entitled “Tracking” you know where you spend hours just tracking all this information. What keeps you going? Why do you continue to do this?

Nicholas: Well first of all, it just doesn’t take that much time actually. I tend to sit down in the morning in front of my calendar and write down the meaningful things from the previous day but at most five to ten minutes a day. It’s definitely a background process that’s running in me all the time as, “Do I need to take note of this for my reporting?” And when I do leave my routine, when I travel, it’s a bit more complicated because then I’m doing new things and I want to make sure I get them right but it’s something I think you get into the habit of doing. For anyone who writes a diary or does these sort of recordings of the day I think after a while it’s not a burden at all. Last year I did find out, I decided out of this curiosity that I wanted to record every street that I’d walked down in New York City and that did become a little burdensome, but it was well worth it.

Paul: It’s interesting that you picked that one out because that was the one that I really looked at and went “Wow, that must have taken a long time.”

Nicholas: Yes. But it was well worth it. A year is a long time but it’s actually not that long of a time and I had a lot of hunches going into it about where I would go and where I didn’t go and it’s phenomenal to see how little of the city my routine is actually settled into.

Paul: Yeah, it’s a fascinating exercise. Just kind of give us a little bit of an idea, you know tell us you just mentioned walking down certain streets. Tell the listeners some of the other things that you collect, the other bits of information.

Nicholas: Well last year I was keeping track of every single alcoholic beverage that I had. For some reason I think drinking is really easy to keep track of because it is sort of a binary act, it’s like “one drink” versus a meal which can be more complicated but so alcoholic beverages I had 968 in 2007. I had 83,565 milligrams of caffeine through all my coffee beverages which by examining my weight and the caffeine content of each type I was able to deduce was approximately 6.8 lethal doses. I knew there’d be a couple lethal doses in there I just wasn’t sure how many and I worked it out.

Paul: That’s just horrifying. How do you decide what it is you’re going to track?

Nicholas: It usually just leads naturally out of the previous year. So like in June I will decide, “I wish I’d been tracking that this year,” and so next year I’ll make a point of doing that. So last year I started delving into the distances I’ve traveled, I worked out that I traveled about 1075 miles on the New York City subways. So this year I’ve taken a much closer look at the distances I’ve traveled. I’ve worn a pedometer all year so I could figure out how far I’ve walked and yeah.

Paul: What kind of other stuff are you tracking at the moment? You’re tracking how far you’ve walked, what other things?

Nicholas: Mostly the same things from previous years, but I’d like to look at it all through the lens of distance so it’ll be a different measure of the year rather than relating things to days or hours how does that relate to how far in terms of length I was through the year.

Paul: I mean you mentioned a pedometer there. What other kind of tools do you use for collecting data when you’re out there? When you’re out and about I feel like you need a really handy little iPhone app or something here that kind of records all this stuff for you but what tools are you using?

Nicholas: Well yes the iPhone is great I’ve tried to have some sort of smart phone where I can take notes at all times through this project but often times it’s just as simple as sending an email to myself so I have this little note that gets collected and goes into a folder and I make sure that I enter that into my calendar. It mostly all goes into iCal. I also use Backpack by the 37signals guys to keep running lists of the clothes that I purchase through the year or the movies that I saw and then when it all comes together it’s Excel. Everything needs to get into a spreadsheet so that all the math can get done and that’s probably half of the time it takes to design is just collating all the numbers.

Paul: Yeah, I’ll bet. Wow. This is absolutely fascinating. It’s something very addictive about the whole idea. I mean OK, for somebody like me, let’s say I wanted to go for this and I wanted to try it. What kind of advice would you give me starting out?

Nicholas: Well probably the best advice is to pick something that you’re going to be able to track, that you’re not just picking “What websites do I visit?” because it’s going to be overwhelming and you’re just going to pass on it after a week or two so pick something that’s easy that you do, not too infrequently that it’s not interesting but frequently enough that you’re going to get a good data set out of it. And so like if you see a lot of concerts I think concerts attended is great and then what aspects of that that are interesting? Who did you see and where was it or how long was it? So I think definitely in this website I’ve been developing to help other people create their own annual reports or just personal reporting in a way you can just have one really rich data set and by slicing it in different ways I think you can get a lot of interesting presentations out of it.

Paul: You mentioned a site there that you’re developing. Tell us a bit about that.

Nicholas: OK, it’s called daytum.com. It’s D-A-Y-T-U-M and it’s just a place where I’ve tried to remove a lot of the boundaries for creating a document like this. So there are two parts of it, there’s the recording element that can get complicated so we want to make a way that’s really easy for you to count things and then the display part of it which is practically inaccessible to a lot of people so there are a lot of built-in pie charts and stack line graphs and counting methods that are all built in, in a sort of clean design and you can just make this page that fills up with graphs and numeric intricacies of your life.

Paul: I must admit I’ve had a quick look at it and I haven’t signed up for it yet and you know it has that same clean look that your reports have and you know it’s obviously beautifully designed as well I mean we’ve spent a long time haven’t we talking about the collecting of the data I think that’s probably the most fascinating bit but as this is a web design podcast I feel like we should be talking about the design a little bit as well.

Nicholas: Absolutely.

Paul: You know I think the kind of key thing that really struck me is that you’re presenting, you know, fairly dry data and don’t get me wrong, I’m not implying that your life is boring but at the end of the day it’s data that you’re presenting and you’re doing that in a kind of visually stunning way. Tell us a bit about how the design comes together, you know. What’s your design process?

Nicholas: Well I have the benefit of being in control of all the data so if something isn’t looking right one way I can explore it a different way or I can rewrite a headline which is one of the greatest advantages that any designer can have rather than working for someone else. And then I sort of have an infographics approach where I really eschew using keys or trying to make your eye go in too many places to understand something so whenever possible I try and keep everything really focused so you can look in one spot and hopefully understand what’s going on there immediately rather than having to look at color codes or translate symbols unnaturally.

Paul: I mean is it, a lot of graphic designers out there that kind of find working with data and, you know, things like that incredibly dull. How do you keep inspired? How do you get something out of it? Because you’re not working with gorgeous imagery or anything like that, you know it’s quite dry, what inspires you about doing this kind of stuff?

Nicholas: Well I guess they’re kind of like puzzles for me. Um, I will see the establishing of infographics sort of like the data’s there and it wants to look interesting so how can I make a system that’s going to present it in the most instructional way? So I’ll play with that system so that it will line up in a dramatic way rather than just sitting in a static predictable line graph or bar chart or something like that.

Paul: I mean also you seem to use typography very heavily so I’m guessing that’s something you’re particularly passionate about.

Nicholas: Yeah I guess it’s my two natural loves in one place: the numbers and type.

Paul: Oh dear. So what advice would you give for us Web designers that are kind of, you know we do work with data a fair amount, you know from surveys through to content management systems that provide reporting and things like that. What do you think the key is to presenting data in an understandable and approachable format?

Nicholas: I think that one of the key things is just getting away from the default options that you’re given like I’ve found it’s really impossible to get a nice looking graph out of Excel or out of Apple’s Numbers and the same is kind of true for the Google Chart API which is what we use for daytum.com which is basically a way to send a URL to Google and they return a pie chart or a line graph but they can get really overly complicated and ugly very quickly so it’s a matter of stripping it down and making sure that this is something that’s going to be dramatic and simple to understand.

Paul: It’s that simplicity thing again that, you know, have taken something complex and as you say stripping it down and keeping it simple.

Nicholas: Absolutely, and even if you have the benefit being able to edit your material so that I’m looking at a pie chart that has four or five slices rather than seventeen I think it’s going to benefit your readers enormously.

Paul: So Daytum, that you are in the process, is that actually live now or is that still in the process of being developed? I can’t remember whether it was generally accessible or whether it was in a closed beta.

Nicholas: It’s in a beta but the wait list is down to less than a week now so it’s just a queue basically to protect out severs. But yeah, we’re adding new features all the time. We’re about to add averages there so you can examine your average cup of coffee or your average commute time and we just plan on trying to preserve the user experience by making sure we don’t get too swamped and growing it over time.

Paul: So how did this come about? You keep saying “we” so who’s the team that’s behind that?

Nicholas: Yes it’s my partner Ryan Case who is more on the development side but is also a fantastic user interface designer and he came to me in January or February of this year and like many people had said we should figure out a way to do this year reports on the web so that other people can do it but he had the technical chops and motivation to really get the ball rolling and he’s become actually a great data tracker himself and has been keeping track of all his beers religiously and all the trains he’s been taking, which I didn’t know he had in him. So I think it goes to show anybody with the proper motivation could get started.

Paul: So is this your full-time job now or is it a part-time project?

Nicholas: It’s about half-time at this point. I still have my editorial clients and web clients and identity clients that I work for but this definitely occupies as much free time as I can give to it.

Paul: Well I found the whole thing incredibly inspiring.

Nicholas: Thank you so much.

Paul: It made me look from a completely different perspective at graphic design and also at life in general I guess and we have so many people who come on the show that are talking about the stock and trade of web design and thought it’d be really good to get you on just to give a different perspective and make us look outside of our little boxes. Thank you so much for coming on and I wish you all the best in your various projects.

Nicholas: Thank you Paul. Thank you.

Paul: Good to talk to you.

Nicholas: OK, take care. Bye bye.

Thanks goes to Todd Dietrich for transcribing this interview.

Back to top

Listeners feedback:

This week’s listener contribution is a question from Dave. He writes:

I am having real problem maintaining users. They visit the site once and then I never seen them again. I have good content, the site is usable and so I am at a loss as to what I should do.

Should I be worried? Are repeat users really important? What can I do to keep them coming back which doesn’t cost a fortunate?

It is such a good question that it spawned an entire post on using community as a retention tool.

Back to top

139. Brand

On this week’s show we’re joined by Ryan Carson to discuss building an online brand. We look at promoting your site with minimal budget and Marcus shares his views on working in an office.

Play

Download this show.

Launch our podcast player

News and events

Understanding progressive enhancement

Its funny how we spend our whole lives telling clients to avoid jargon and yet web design has more jargon than most. Every few months we seem to make up some new term that is thrown around like everybody knows it.

In reality some we have never heard certain terms, while others seems so similar to one another that the difference escapes us. Take for example ‘graceful degradation’ and ‘progressive enhancement’. Have you heard of them? Could you tell me the difference?

I have to be honest, I couldn’t. In fact in a few weeks you will hear an interview I recorded with Paul Annett from clear:left where I make a comment about graceful degradation and he said ‘no its more like progressive enhancement’. I had no clue why one was right and the other was wrong and I am supposedly a web design expert. Does that make me thick? Possibly. However, more likely I just missed the memo on that one.

The trouble is we are all too busy looking intelligent to clearly communicate with one another.

I have to some extent criticised A List Apart (among others) in the past for perpetuating this kind of ‘in the know mentality’. However, I am now being forced to eat my words (gratefully so) as they published an excellent article on Progressive Enhancement and why you should care about it.

Now if only somebody could explain what Web 2.0. really is.

A free conference (kind of)

I realise that some of the advice I give on this show is unrealistic for some. For example, I talk about the importance of attending conferences. However, when a conference can cost hundreds of pounds it is not always possible.

One alternative is to listen to the podcasts that most conferences published. Unfortunately, they are slow to appear and are hard to follow without being able to see the slides.

Fortunately, the FOWA in London has significantly raised the bar and other conferences will be forced to follow suit.

FOWA has released video of most talks. These appeared within hours of the speaker taking the stage, and are beautifully done including both speaker and screen.

There are also ‘highlights reels’ for most talks. These are a cut down version of the presentation, ideal if you are too busy to watch the whole thing.

With some of the most influential people in web design taking the stage, this is an invaluable resource and Carsonified should be congratulated for making it freely available.

Design Float

Talking of useful resources check out Design Float. Design Float is basically a Digg clone. However it is a clone aimed at designers.

I have to say I don’t like sites that rip off Digg. I have huge respect for what people like Daniel Burka and Joe Stump are doing at Digg. I hate to see people directly ripping off their work (normally badly).

However, Digg does have one flaw. It doesn’t serve the niche very well. Even Kevin Rose recently said: "We don’t really do a good job of servicing the long tail of content." And he is right.

As a web designer, categories such as technology or design are just too broad for me to bother following Digg regularly. Until this problem is resolved, Design Float is an alternative.

Design Float allows me to only see stories relating to web design and although the smaller community means that stories are posted less regularly, what is posted is pretty good.

I recommend checking it out. However, if you are a designer don’t just limit yourself to web design posts. Also look at the other design posts. There is some pretty inspiring stuff there.

Can we stop supporting text scaling?

Finally today, a post by Dave Shea in which he discusses page zooming.

Most modern browsers now support page zooming. The only exception is Safari and that will soon change. This allows users to zoom an entire page, not just the text. Obviously this is beneficial to those with visual impairments. However, is also exciting for web site owners and designers.

Traditionally websites have been forced to support text resizing. This significantly increased development time as well as making design integrity challenging. As text scales, designs often breakdown especially when fixed sized images are involved.

With page zooming these problems go away. It provides the designer with more control and reduces the costs of development. A cost normally passed on to the website owner.

Dave asks whether it is time to support page zoom rather than text resizing. As can be seem from the comments, there is no wrong or right answer. Nevertheless it is an interesting question and one you might want to start considering for your own site.

Back to top

Interview: Ryan Carson on Building an Online Brand

Paul: So I’m really excited to have joining me today Ryan Carson from Carsonified. Good to speak to you Ryan.

Ryan: Thanks for having me Paul. Good to be here.

Paul: It seems that we are crossing paths more and more often with me doing various things with Future Of conferences and you guys kindly giving discounts to my listeners, so it’s good to finally actually have you on the show.

Ryan: Thanks. It’s great to be here.

Paul: So the reason I have asked Ryan on to the show today is to talk a little bit about building an online brand. Carsonified have got lots of different brand identities going on with obviously Carsonified itself and then Future Of and ThinkVitamin and various other things. Ryan’s a bit of an expert really, or he comes across like that anyway, at building an online brand and I wanted to talk to him about how he’s gone about doing that. But before we get into that, Ryan, tell us a little bit about the background of Carsonified. How did it come into being, so to speak? How did it end up being what it is today?

Ryan: Well, it was kind of born four years ago. It started off basically as just me in our top bedroom. I used to be a developer in a web design studio and when Jill and I, my wife and I, got married four years ago we just decided to start our own company. At that point it was just me and I was trying to build web apps and attempting to make money and didn’t really do a great job of it. Then I kind of slowly moved into doing sort of more workshops and things and then we built our first proper web app, which was DropSend, and then we just kept growing and growing and doing more web apps and more websites, for ourself not for clients, and then we launched a couple big conferences, Future Of Web Apps and Future Of Web Design, and all of a sudden now we’re about eleven people. Located in Bath and just love what we do and are really excited to be part of the web industry. So that’s us kind of in a nutshell.

Paul: It’s quite interesting, the approach that you’ve taken. You’ve come from the same background as the vast majority of us yet your business has gone in a completely different direction. You haven’t gone down the road of delivering solutions to clients but you’ve done this quite eclectic thing of a bit of web apps here, conferences here. Was that an intentional thing or has it just kind of naturally evolved that way?

Ryan: It kind of naturally evolved but my mother, and your mom always knows you best, she always said there’s a vein that’s been running through my life for a long time, which is just connecting people. I don’t know, for whatever reason I just get a lot of joy out of connecting people and physical events are just a great way to do that. I’m passionate about the web and therefore it’s kind of like, well, connecting people in the web industry, in the technology sector is just kind of made sense. It did start off with this thing called BD4D which you probably don’t remember, By Designers For Designers. A friend and I did that and it was bd4d.com which is now gone but the idea was we got together designers for free just at a bar and people showed their work. It was in London originally and it kind of took off and I think then it was always just a for fun thing. We called it the Creative Fight Club. I think that was kind of the genesis of our events career. We don’t really see ourself as an events company we see ourselves very much as lovers of the web and technology and we just kind of happen to connect people at events so, it just kind of worked that way. I’m also not a big fan of working for clients because it’s just so hard. I really respect what you guys at Headscape and any web designer web developer because constantly doing work for clients is really hard work and it’s fun but it’s hard and because we run our own conferences and build our own web apps thankfully we’re our own client which gives us a bit more freedom. So that’s kind of how we ended up there.

Paul: It depends on how you look at it Ryan because from my point of view you’ve got thousands of clients while I only have one at a time because you have all those users of your apps and the people who come to your conferences. You’ve got far more trouble in my opinion.

Ryan: I guess you could look at it like that but they tend to be less demanding. They’re not paying us thousands of pounds each so it kind of. But you could look at it like that. We try to treat all of you who come to our show with the same respect as clients, it’s just a shorter term, lower economic value relationship.

Paul: OK, so let’s talk about brand a little bit and profile and stuff like that. Carsonified has kind of built quite a significant online profile and I’m just quite interested in some of the techniques that you’ve used to achieve that. You know, how have you made that happen?

Ryan: OK, well I think underlying everything we do is genuineness. I think that we care very much about honesty and being genuine and being kind and friendly and that sounds a bit fuzzy and happy but that’s just kind of, I don’t know, the way we are. And I think that’s been the key to our success, that when we do things people know that we’re not trying to pull the wool over their eyes or secretly sell them something. We have a genuine interest in the web and the tech industry and so when we do things people kind of know there’s real people that are behind this, we’re not some company. And I think we’ve always been very personal and very human and very transparent and I think that at least set the stage for being successful, but obviously we just follow through with pumping out tons of hopefully valuable content. We see building a brand as basically building friends and I think that on our blogs and through our tweets and at our events and through our communications we try to treat everybody as friends and that’s kind of, I think, a little bit of the key to our success.

Paul: I like that idea of talking about treating people as friends. I think that’s a good way. Too many people treat people as potential customers in preference to actually having any real interest in them as human beings I guess. So it’s good.

Ryan: Well yeah. I just kind of think about who do you like being around? I mean, It’s your friends and there’s a reason for that. I think why does business have to be different? Of course there’s an element of professionality but when you go to the pub and you relax it’s because you feel comfortable with people and I think that whole idea should permeate business. You know with your friends you just buy them a beer, but with your customers there’s significant money being exchanged I think that should involve even more trust than friendship. Hopefully our customers, our attendees and our sponsors really believe that we’re doing the right thing for them. You guys probably do something very similar when you work with your clients. You want them to know that you care about them. That this isn’t just about money that you actually are trying to build something beautiful and worthwhile for them.

Paul: Yeah. I mean it’s interesting. You talking about friends reminds me a little bit of the Innocent smoothie guys that I heard talking at Fuel, which is obviously one of your conferences, where they were talking about how they refer to their customers as family, don’t they? And I always thought was quite a. It sounds naff when you say out loud, referring to your customers as family but if you kind of treat them with that kind of respect, I don’t know, it’s good but it depends on how you get on with your family I guess.

Ryan: Yeah. It could be good or bad but the problem is that would never work if you didn’t actually think Innocent cared about you. If you looked on their bottle and there was E numbers and preservatives and stuff you’d think, “Well, they talk this stuff, but they don’t really seem that committed to doing this.” So I think it really needs to be backed up with a sincere and real effort to support. I mean, we’ve been talking about accessibility, this is a good example, at Carsonified for years. You know, “Yeah we care about accessibility and it’s a great thing,” but we don’t actually know what we’re doing and so we just met with AbilityNet yesterday with Robin and we said we want to get serious about this. I know that you guys are really good at accessibility and sort of putting our money where our mouth is. We want people with disabilities to be able to attend our shows and to use our websites. Let’s actually spend some money on that and get serious about it so at the bottom of each page we’re going to put a little thumbs up symbol that will go to a site that explains why accessibility is important to us and what we’ve done to move towards that with also sort of some tips and hints for people who are disabled like how can you use this site better and get more out of it so trying to put our money where our mouth is really.

Paul: Yeah. I tell you one of my favorite moments I ever had at one of your conferences was, I can’t even remember who the speaker was but the question that came out for the panel was about promoting your business and can you do that outside of San Francisco and California and this guy said you had to be in California you had to be at San Francisco if you wanted to launch a web app and you stood up afterwards and you completely laid into this guy and you said, “No no no, that’s not the case, blah blah blah.” But it does strike me, you know, you’re a Bath-based company and Bath isn’t exactly the beating heart of the web design world and I’m quite interested as to whether you feel that that’s been a barrier to you in any way, being based where you are.

Ryan: That’s a great question. It makes it harder, for sure. You know, we have to go to London to have meetings to go to drink, parties, to network, blah blah blah, but the way we make up for that, and I think a lot of your listeners won’t be in London necessarily or New York or Silicon Valley so this is applicable to all of you out there. It’s all about being visible on the web. And you guys do a good job of this as well. You just have to get yourself out there. So we blog as much as we can, we tweet as much as we can. We try to gather a community around us and that’s the way we make up for the fact that we’re not in London or Silicon Valley. I was going to say another important thing about building a brand, and this fits into that, you need to have an opinion in order to be heard, and that means that you have to be comfortable with the fact that people will completely disagree with you sometimes. You know I think in a way I’ve been successful at building a brand because I’m willing to say something that pisses people off really. You know and I think it’s only interesting to hear from someone who has an opinion. When Paul Graham said that “You know you need to be in the startup hub,” it just really made me angry, because he was basically saying to every one of us, well, you know you’re just kind of screwed, and I just thought, “You know what? That’s just not true, and it makes mad and I’m gonna sort of put my reputation on the line by going on stage and disagreeing with you, a well known entrepreneur.” And if I kind of was afraid to do that you know, not so many people know about et cetera. So yeah, get out there, blog, be as controversial as you can, you know as long as you’re being genuine and be ready for people to say mean things about you really.

Paul: Talking about mean things and people say mean things about you. You’ve come under some criticism for being somewhat pushy in your self-promotion. Do you think that’s kind of justified in any way? Do you think maybe there’s a cultural difference there, the fact that you’re American and are us English more uncomfortable with marketing and promoting ourselves?

Ryan: Yes, I think there is a cultural difference. But I’m also kind of, I like to think I’m friendly but I am sort of a brash person. I’m not afraid to tell you my opinion and do what I think I need to do. While being kind, I don’t want to sort of hurt anybody, but I think there is a cultural difference and I do think that, I mean my wife is English so I’m obviously very familiar with English culture now and British culture and I think there is kind of a slight uncomfortableness with getting on stage and blowing your own horn. I think that in the UK we need to get over that. Not change our culture here but be willing to admit that in the UK if we don’t start to step up to the plate and start talking about ourselves, the rest of the world’s just gonna carry on in the tech space. Mike Harrington, he’s not going to shut up. You know and unless we really start to kind of compete with that and start talk about all of the great things that are going on in the UK and really kind of get out there I think unfortunately it means that the startups and the web designers and web developers that are British are going to start to fall behind in the world stage. For instance, I was trying to think, who are the rock star developers in the UK? Who can you name? I mean I can name a couple but who do you think?

Paul: It’s hard. It’s hard to say. I think there are more rock star designers than there are developers. You know you can think of people like Rachel Andrew, and Drew. Two that spring to mind. Jeremy Keith is kind of a developer but maybe not really.

Ryan: Matt Biddle. You know, there’s a few but it’s just. It’s not the plethora that are sort of being spoken about, in the US particularly, but I have no doubt there’s just as many talented people here. It’s just that, that hesitancy to say, “I’m going to do my own startup. I’ve got a good idea. I’ve got what it takes. I’m gonna start talking about it.” It’s just less common over here. I’m not saying that’s a bad thing and that everyone here should change but I think if you want to build a brand in the web space you just need to admit that I’ve got to get out there. You know I had an interesting conversation with Alex Hunter who is sort of really big in Virgin, The Virgin Group, he’s high up and he’s met Richard Branson a bunch of times. And you know what was crazy? He said that Richard was really shy. And I was like, “Really?” That’s a great example I think of a guy, he’s obviously driven and I don’t think everyone should be like Richard Branson but he’s obviously driven and he understands that in order to get Virgin talked about, to build a brand he’s got to be kind of crazy and get out there. He’s always hanging from helicopters or you know flying spaceships and you know, that’s why people talk about him.

Paul: I think there’s also a little bit within the web design community here in the UK of kind of almost false modesty and a little bit of trying to persuade the world that we’re being very altruistic in what we’re doing and not being up front. I receive criticism for the fact that I’m very open about the fact that Boagworld is a marketing tool and that we make money out of it.

Ryan: But it’s the truth.

Paul: Yeah, exactly. So I think I prefer to be up front about those things, than kind of hide them behind a façade of false modesty to be honest.

Ryan: Well yeah and that kind of goes back to my thing I said earlier about being genuine. I think you’ll always be better off if you’re genuine. And of course we’re sort of painting with broad brushstrokes here, but there’s some very talented people here and I just think, let’s get on our soap boxes and sort of shouting back at the Americans really. And people are doing it, I just think there should be more of it.

Paul: Talking about effective marketing tools, ThinkVitamin, let’s talk about that for a little bit. ThinkVitamin is a website that you run which is basically web design related and web app related kind of articles and stuff like that. I’m guessing that was set up as a marketing tool. Tell me a little bit about why it exists and how you came about setting it up and what its aim is for you.

Ryan: Yes. So thinkvitamin.com has two purposes. It’s to build good will and to give back to the community but it’s also a marketing tool and those things are actually very related. If we pump out great content we give away for free it will be valuable, but those of you who read thinkvitamin.com will also probably come to our shows. It’s a symbiotic relationship. We’re very happy to do that. There is a little bit of altruism there, we do actually want to provide good content and give it away for free but we also realize we needed a platform to talk about our shows. We kind of kept calling in favors like, “Do you mind blogging about Future Of Web Apps?” and “Can you mention it?” We just thought we need to build a big site that people go to so we can tell them about that and we’re fortunate to have great connections. We know people like you and Molly Holzschlag and Kevin Rose and just big Internet people and they all agreed to be on the advisory board and really that’s just a group of people that we trust that occasionally write for us but we’re actually taking ThinkVitamin in a new direction where we want it to pretty much become it’s own little business. So we’ve hired a full time Editor named Simon Mackie and he was really high up at SitePoint actually. And he’s come over and he’s taken the reigns and we’re gonna, yeah we’re gonna basically grow that team and expand that out into its own little business.

Paul: That’s interesting.

Ryan: It’ll be better for the readers. It kind of was dying. The publishing schedule was going down and I think we realized, “Man this is so valuable we have over 50,000 RSS subscribers, closer to 70 if you count the news feed,” and we thought, “This is great, we should grow it.”

Paul: Yeah. I mean it’s interesting in some ways you’ve kind of taken the same approach that we have at Headscape using ThinkVitamin that you could have created a blog on the Futures Of website and you could have put this content there. There’s actually a value in separating it out and making it a standalone thing. It feels less salesy I guess. The same way as I could have posted my Boagworld stuff on the Headscape site. You know it could be the Headscape podcast instead of the Boagworld one. All the rest of it. It just comes on a bit too strong if you do that I guess.

Ryan: I totally agree. And it’s interesting because I had a good conversation with Mike at FreshBooks, and freshbooks.com for those of you who don’t know is an app that helps you send out invoices. He had this blog and he was really slogging his guts out on it and at freshbooks.com/blog or something and he said, “I don’t get it. No one’s really reading it,” and to me it was obvious for that reason you just said. Well it’s clear that this is just a marketing tool. Why would you put a blog on your company’s site, on your product’s site? It’s just kind of obvious and that’s exactly why we haven’t done it for our events, you know we put occasional updates there but it’s hard. As much as I like Web 2.0 Expo or something I would never read a blog from Web 2.0 Expo. It’s just too blech, you know what I mean?

Paul: Yeah totally. It’s interesting that the other thing that you’ve done, which again is something that I do, which is that you haven’t just relied on people coming into your sites, whether it be ThinkVitamin or the Futures Of sites or even the Carsonified site. You’ve made a big deal of kind of going out there and using tools like Twitter and Qik and YouTube. I’m just interested as how effective you’ve found those things.

Ryan: I find Qik to be really effective, or Qik, however the heck you say it qik.com and I was really shocked as soon as I started broadcasting was that just tons of people were interacting and I almost couldn’t wait to do the next one. Annoyingly 3G is kind of spotty in Bath so it makes the quality a little bit bad but I’d highly recommend Qik or any other comparable service. It’s so fun you just take your phone with you, I had to get a kind of crappy Nokia phone or something, because I use my iPhone for normal business but just grabbed it from the 3 store, got a plan I think it’s 20 pounds a month that gives you unlimited data which you’ll need if you’re streaming live video from a phone, and whenever I’d walk to Starbucks or something I’d just turn it on and start talking and people would show up because the way Qik works for people who don’t know is you actually see comments live on the phone screen.

Paul: That’s very cool.

Ryan: Yeah, it’s great for interaction and any tool you can use to interact with your fans will increase your connection and that friendship. It will show you want to be real and you want to connect with people and I think hopefully we’ve achieved that where people think, “Gosh you know Carsonified we know who’s there we know it’s not a company it’s really these people that are there and they’re interested in hearing from me and talking to me,” so that’s been good. YouTube has been amazing, I mean I hate YouTube, it’s ugly, it’s a bit crude you know but man there’s just a lot of people on it. I used this cruddy little video camera, filmed myself giving some tips about business, threw it in iMovie, put some music to it and popped it on YouTube and I think I can’t remember the figures it’s up to, it’s up to like 10 or 15,000 views in literally like two hours work.

Paul: Yeah, I keep meaning to get around to that myself and I’ve never quite managed it.

Ryan: Now you can use a Flip camera. Flip is just a type of camera, you just record and then it’s got a USB dongle built right into it. You pop it in and it actually automatically uploads it to YouTube.

Paul: That’s nice.

Ryan: There’s a couple tools you can use to make it easier. And then Facebook, I’ve been using Facebook a lot just to connect with people and remember people’s birthdays and say hello and just be a friend to them. The more connections you can have to people the better, which builds your brand and I feel that, like a mercenary when I say that, and I don’t like it, like I do believe it’s just a better way to live to connect with people and it happens to build your brand which is great and I like that as well, but I think it’s important that you need to be genuine and actually care about people for this to connect.

Paul: What about Twitter? How have you got on with that? Have you found that a useful tool?

Ryan: I love Twitter. And it’s been probably the best way I think for me to communicate I’ve got I think around 4,200 followers now and I don’t know why people follow me. I don’t think I’m particularly interesting but I do whenever I tweet I try to imagine if I was somebody else and I was reading it if I would find it interesting. I think with Twitter don’t tweet too much, maybe a couple times a day max. If you tweet too much people unsubscribe.

Paul: That will explain my problem then, I tweet too much.

Ryan: I still follow you so it’s not too bad. But you know Evan Williams had a good tip he said you should tweet things every so often that you’re not quite sure if you should tweet because they’re a bit too personal or a bit too blech, because that’s the type of stuff that’s actually fun and interesting to read. Initially we had a twitter account for Carsonified and we deleted it. I think we decided that that was kind of exactly what not to do. People don’t really want to hear from a company, they want to hear from you.

Paul: That’s almost the same as having a blog on your own corporate website isn’t it? Having a kind of corporate Twitter account. After saying that we have set one up for GetSignoff but more as a for announcements. If something goes down with the service or if we’ve done some bug fixes or stuff like that. By far the majority I do via the Boagworld Twitter account which is just me talking about my life. I agree with what you’re saying about putting personal stuff there as well that people seem to like to know what’s going on with each other’s lives. I like to know how Jackson’s doing. People like to know, I don’t know. Making it personal, it’s about that personal connection again isn’t it really?

Ryan: Definitely. And I think that that’s the future, you know just in general. Humankind you know it’s just kind of being personal and not hiding anymore behind companies or brands or policies or terms and conditions. It’s about, “Hey, how can I help you and how can I take care of you?” and that’s just a better way to live and it will massively benefit your company which is great. What’s interesting though is that everybody, including us, continues to look at the Signal vs. Noise blog from 37signals and kind of scratch our heads it’s like, it’s the one blog where it is a company blog, I mean yes it’s called Signal vs. Noise, but it’s on their domain, and yet they have over 90,000 subscribers. It’s funny because I think everyone is kind of, “How do you do that? I want to replicate that.” In the end I think you know, they were kind of first. You can’t have that many of those type of blogs and I think most of us are gonna have to be happy with just doing a good blog that is real and personal whether, and I mean ours is carsonified.com and it seems to work and we have about 4,000 subscribers and for us that’s a pretty good number. We should post more but that’s something I haven’t quite figured out yet and I’d be interested to hear from your listeners what they think about that. Is it possible to have a company blog that people care about or is it just not possible? I don’t know.

Paul: I think what you said there about being first is quite significant. I think originality goes a long way. I mean even with the Boagworld podcast. Simply the fact that I was the first web design podcast it seems to give it a momentum that keeps things going, you know because you keep delivering the goods so to speak which obviously the guys at 37signals really have done. I think there is a momentum in being first in something.

Ryan: Yes and that’s probably the secret sauce.

Paul: OK, So let’s wrap this up with kind of a last question which is: What advice would you give to budding entrepreneurs seeking to increase their profile? Let’s have some kind of top tips if you’ve got some.

Ryan: OK. The first tip I give is to start connecting with people that you feel are influential. You know, spend some time and try to get out and physically meet these people, get to know them and to not be creepy about it, but to get out there, to get in front of them and to get to know them. See if you can do something to help them out, to get on their radar, and I think building sort of a group of friends that trusts you but is also influential is just instantly valuable. So I’d do that and you can use all the tools we talked about for that: Facebook, Twitter, etc. etc. but physical meeting is always the best. I mean you want to have a beer with people.

Paul: And you say you do that by trying to help them out in some way? Because that’s always the difficult thing. It’s all well and good to say, “Get to know influential people,” but how you do that’s the tricky part isn’t it?

Ryan: Well my dad always did something that worked. If it was someone he really respected or cared about and wanted to get on their radar he would find an article about them in a magazine and he’d actually go to a framer and have it framed and then write them a personal note and just kind of say and send it to them and say, “You know, I bet you haven’t had time to actually frame a picture of your article so I thought you might want this for your wall.”

Paul: What a genius idea. I love it.

Ryan: And it’s genuine. I’m not trying to get anything out of you but I respect you and here you go. It’s very subtle. You have to be very careful to not try to sort of bribe people. If you come across that way it’s exactly what you don’t want to do. If you feel, and kind of think deep down, “Do I actually want to be friends with this person or am I trying to use them?” I think you should steer very clear of a person if you just think actually I don’t really like this person I’m just trying to get something out of them. But if you think there’s some synergy there, that’s a great way to do it. Remember people’s birthdays, it’s just a nice thing to do. Stuff like that is a great way. Most people’s friends don’t even do that for them. I’ve had people send me stuff and you know it just makes me smile and I’ll always take their call or answer their email now. So I think that’s a good idea.

Paul: Any others?

Ryan: Um, other tips. Um, probably put a real emphasis on customer service and build a real base of caring in your company. Not just for your customers but for your own team. I think that your team will never be able to treat your customers well if they don’t think that they’re treated well. So I think as entrepreneurs grow and they start to hire people I think it’s important to remember to take care of your staff first and then your customers second. And a really great resource for that is what zappos.com does. Zappos.com has an amazing company culture. They have this book called the Culture Book and every year it comes out and you can buy it and it’s basically a bunch of testimonials, thousands of them from the Zappos employees about why they love their job. And it’s just packed full of ideas of how to take care of your team and it’s a great inspirational resource. I think you can either get it on eBay or Amazon or you can buy it straight from Zappos. A couple hopefully useful tips?

Paul: Yeah that’s excellent. Ryan thank you so much for coming on the show, it’s been really good to get you on and I think there’s some really good useful advice there for anybody looking to kind of build an online brand so thank you very much and no doubt we will have you back again soon.

Ryan: Thank you, it’s an honor.

Thanks goes to Todd Dietrich for transcribing this interview.

Back to top

Listeners feedback:

Site promotion with minimal budget

Our first question is from Adam in the boagworld forum:

I have got a site that needs an awful lot of promotion to work, and have got very little budget to do it with. I could probably spend a little bit on Google AdWords but on nothing else. So, how can I promote my site for little money?

Adam went on to tell me it was a charity website. This makes it challenging. As Adam said…

There are thousands of Charity sites, and many better funded, and just altogether bigger.

In this situation search engine optimisation or Adwords is going to be tough. The competition is fierce and so it will be expensive to be highly ranked.

The other problem with a charity site is that unless it is niche (e.g. bird protection) the potential audience is open ended. However, with limited resources there is little point in targeting ‘the general public’. You will have no impact on such a broad audience.

Target a specific group as it will be easier to gain momentum within a smaller audience. For example, there are Christian charities who do general humanitarian aid. Even though anybody could be a potential supporter, they instead target other christians. Therefore they are well known in that circle. Better to have a lot of support from a niche audience than a small amount of support across the general populous.

Once you have picked the audience use three techniques to reach them:

  • Offline promotion – Engage with your audience offline as well as on. Attend conferences, produce offline promotional material and target magazines your audience reads. As web designers we often forget to power of offline marketing.
  • Social marketing – Identify the social sites your audience You should be wherever your audience is interacting. Finally, seek out key figures who your audience admire and respect. See if you can get them on board and encourage them to promote your site.
  • Editorial promotion - Find out if your audience reads online blogs or magazines. Offer to write articles for these sites. Do not overtly promote your charity but instead write content which will be of interest to the audience. Failing that make use of comments to join in the discussions and increase your sites profile among that audience.

However, be careful. In your haste to promote your site do not spam. The key is to offer something of value. You must earn the right to promote your site.

Sitepoint has an excellent article entitled ‘10 rules for driving traffic using forums‘. Although it is focused on forums, its advice is applicable to most forms of online promotion.

Office Or Not

This from Brad:

A question from Canada! I’m a long-time listener of the show, and I thank you both for your entertainment and inspiration.

A little bit of background first… Two years ago I co-founded a small web development company, and to date we have not yet invested in office space. As we slowly move on to ‘higher profile’ clients, we find it increasingly important to have someone in-house, to answered the phones, do the books, etc, etc, so we can focus on growing the business.

That said, I’m obviously touching on a huge spectrum of possible questions, so I’ll try to narrow it down. I don’t think this is something you have covered specifically on the show before…

Is office space really important for a creative business? If so, what steps would you recommend. And if not, are there better areas to spend $2000 / month?

If I had been asked this question only two years or so ago I would have said that office working for a web team is not important at all. If anything, I would have said that home working was better. The following extract from Paul’s blog, written in 2005, underlines this:

The benefits of a virtual company

By virtual company, I mean we do not have a central office. Each member of staff works from home and we communicate and file share with tools such as Skype, CVS and Groove.

People are often curious about an entire company home working and ask how well it works in reality. My answer is usually that it is brilliant. From the employee perspective, you do not have to commute and you can see a lot more of your family. For example, if I were still working for IBM when I used to commute an hour and a half everyday, I would only see my 2-year-old son at weekends. As an employer, I love it because my staff tend to work the hours they would commute and generally home working is seen as a big bonus that keeps people at the company longer. Not to mention the savings made on premises.

Communication really is not a big problem. There are so many tools out there these days that help, and broadband means that even telephone conversations are now free.

Paul goes on to say that the only drawback of home working is that it lacks the social aspects of working in an office.

Not true I’m afraid. Though of course home working does give you an environment to ‘get your head down’ without interruption, what it really lacks, that phone/email/IM cannot replace, is creative collaboration. People simply do not bounce ideas around like they do if they work together.

Our current office is open plan and there’s nowhere to hide yourself away. This has meant that I haven’t really frequented it that often – I need ‘calm’ to write. However, watching particularly our development team grow and work really effectively together underlined to all of us the value of working together.

So much so that we are about to move into our ‘dream’ offices where there will be a mixture of open plan spaces and areas where we can work quietly.

So (finally!), in answer to Brad’s question, I think that office working is better for the business in the long run and I would say warrants the additional associated cost (though beware the costs, they can mount up – another podcast topic I think). That said, we have managed for nearly seven years before doing it properly (i.e. pretty much all of us will be in together most of the time) so it won’t necessarily damage you if you leave it awhile.

Back to top