The power of the screencast

Telly image

We’ve been building an app recently for a client based in Paris. There’s a natural communication issue here: meeting in person is tough. I’ve been recording screencasts every couple of days to keep him up to date on the progress of his project. I’ve found that delivering screencasts has been an effective way not only of being able to demonstrate where we’re at, but it has actually helped me to improve the quality of my work.

Getting the message across

The number one goal of my screencasts is communication. I have a set of requirements. I’m building a set of features. I want to show how the features that I’m building match the requirements. I could just upload a crusty version of the app to a staging server, but that wouldn’t show any intent behind any of the design decisions that we’ve made. Not only do I want to show off the app, but I want to show off how the app should be used.

Getting to know the product

Having screencasts from such an early stage helps everyone. Des gets to see his wireframes come alive. Eoghan gets a progress report that’s actually fun to watch. Dave hasn’t been involved in the code for this project and a screencast is far more accessible than a source code repo. Perhaps crucially though, is that our client gets a very crude, but very valuable sense of their app as a piece of living software, jumping from paper requirements to an interactive application on the screen, even before the project is finished.

Fixing mistakes

Another area in which the screencasts help is in quality control. I record a screencast each time I finish a list of tasks. The first take is almost always a disaster. There’s a bug here, there’s a bit of text out of line there. Some are important issues that need to be fixed right away: issues that might have slipped through if the ‘record’ button wasn’t on. But the very fact that I am recording helps me distinguish what’s important for what’s not. After all, this is a deliverable; our client will be watching this.

‘Outro’-spection

Michael Feathers recently wrote a very interesting piece about code testing. He concludes:

Quality is a function of thought and reflection - precise thought and reflection. That’s the magic. Techniques which reinforce that discipline invariably increase quality.

This is exactly what’s going on with my screencasts. By recording my work to show to our client, I’m forcing myself to think and reflect on what I’m actually delivering. It’s like having someone over my shoulder making sure that everything’s cool. But the magic here is that there is no-one over my shoulder. The someone is me, and while I’m recording I get the chance to make mistakes, to fix any little niggles that might otherwise be quite embarrasing.

The screencast is an excellent promotional tool and educational tool for use in marketing a product, but I’ve learned that it’s an invaluable tool during development too.


14 Comments

At Conchango we do a log of Sprint reviews cause we tend to work sing Agile. But it’s amazing how many bugs/problems surface during the live demo, which obviously looks bad when it’s in front of the client. So the prerecorded screencast helps iron out a lot of those before things are considered “done”.

Posted by Colm Brophy at 10:46 am on 18 December, 2008.


Yeah … I’ve come up against the “things not working” in demos too many times, even though I thought (naively) that they were.

As a developer, I find the screencast helps a lot because I can actually fix any of the bugs on the spot. As my work will usually be in a ’screencastable’ state, the bugs are usually just really small ones — the screencast helps me focus on these small bugs, because my pride doesn’t want to be shot by delivering stuff that’s broken.

Posted by Paul Campbell at 10:53 am on 18 December, 2008.


Yea what happened with us a lot was that there were multiple people working on the code and while someone’s code was working when they checked it in, another person’s check in might have impacted it. Also initially things didn’t get checked by User Experience / Design before being demo’ed so while the functionality was often OK, the interaction and styling often was not and the client’s going to pick that up.

Posted by Colm Brophy at 10:59 am on 18 December, 2008.


Colm: It sounds like you’d be better served with decent regression testing suites and a good continuous integration system. While working with a team of developers, I’ve learned that ‘breaking the build’ is a terrible sin, and one that I actively try to mitigate against for myself by making sure that I have good test coverage for my code and making sure that all tests pass on check in.

The screencast is my final step before delivery — assuming good test coverage and all tests passing, I just want to make sure that there aren’t any little things that I’ve missed.

Posted by Paul Campbell at 11:05 am on 18 December, 2008.


Nice action, Paul. Have been thinking about doing a similar piece to explain the thinking behind wire frames rather than the excessive documentation that may not be read

Posted by Lar Veale at 11:31 am on 18 December, 2008.


Thanks, Lar.

“Show, don’t tell, it’s a cliche, but it’s true”

Posted by Paul Campbell at 11:47 am on 18 December, 2008.


Wittgenstein would have loved screencasts!

Posted by Paul Campbell at 11:48 am on 18 December, 2008.


Cool, never thought of this so far. This really solves a lot of problems while developing…Thanks!

Posted by leo at 6:13 pm on 18 December, 2008.


Great post. I love the idea of using screencasts as progress reports. I’ve also found screen sharing to be really useful with distance clients.

Nothing beats being able to show AND explain. I’ve often put stuff up on a dev server, sent the client a link, and later found that they still didn’t understand what I had changed/updated/etc.

Posted by Grant at 6:22 pm on 18 December, 2008.


Nice idea. What software do you use?

Posted by Derek Organ at 9:28 am on 19 December, 2008.


Grant: Agreed. Or even more often that they won’t even log in, or even worse that they’ve not been able to log in because of some login bug that I didn’t check.

Derek: I use Snapz Pro X … but I also really enjoyed evaluating Screenflow … it’s just that I have a license for Snapz, so can’t quite justify the $100 for Screenflow.

Posted by Paul Campbell at 12:23 pm on 19 December, 2008.


Great post again Paul, this blog has become a priority in my feeds.

Keep ‘em coming!

Posted by Pádraig at 2:44 pm on 19 December, 2008.


Pádraig: Thanks a million … good to hear. I like your reel … cool music track.

Posted by Paul Campbell at 2:50 pm on 19 December, 2008.


We’ve also increasingly been using screencasts in our work. This is within a large global UX team where some team members are in the US and some are in Europe. It makes it easy for people not directly on the team, but affected in some way to stay up to date with design development (internal blog with screencasts). It also makes it possible for someone in a remote office to present at an important meeting i.e. they make a screencast and it is shown while they are fast asleep.

Tools of choice are Screenflow for Mac, SnagIt or Jing for Windows.

Posted by Paul Adams at 10:46 am on 22 December, 2008.


1 Trackback

[...] I’m working on a large project in a global team, and yesterday I tried something new: making a screencast of my (clickable) wireframes. I did a search today and remember reading about it first here. [...]

Posted by » Screencasts of clickable wireframes at 8:20 am on 21 March, 2009

Post a Comment

We do web apps. E-mail e-mail address. Phone us at +353 1 672 9762. Post to 51 Wellington Quay, Dublin 2, Ireland.