The Manage-Do Flipbook

There have been a few bloggings recently discussing techniques for organising yourself and your projects, so I thought I’d share the system I’ve been using for the last couple of years.

In summary, it’s just a flipbook that you use like this:

  • Brain-dump your tasks into your “inbox” in one side of the flipbook.
  • Manage your tasks daily, prioritising the tasks in your inbox and writing them into the other side of the flipbook.
  • Do the tasks in your flipbook, ticking them off as you go.
  • Revel in the feeling of triumph when you finish your tasks for the day; success in the face of chaos!

A Little Inspiration

During my final year at university, my project supervisor was really interested in different techniques for self-organisation/life hacks/whatever you want to call it. He was reading David Allen’s Getting Things Done and applying some of the principles himself. He would always have his “inbox” folder with him, which was somewhere to put things as they came to him, whether it be a report or a quick note on the back of a napkin. Items in this folder would get sorted periodically and either filed, actioned or put aside for later.

He also mentioned that keeping your inbox as empty as you can was a good way to stay on top of things. Likening this to an e-mail inbox: the e-mails that you can handle straight away, handle them – others, file appropriately.

When it comes down to it, organisation is subjective. What works for one person won’t work for another. On the other hand, some people are just beyond help. =) Anyway, I want to share how I used these ideas to come up with a system that works quite well for me.

The Manage-Do Concept

Undertaking a project on your own, you find that you take on two roles. Half the time you’re a project manager, figuring out what needs doing and when. The rest of the time you’re a worker, doing the actual tasks involved in order to reach the desired goal.

My flipbooks.

Realising this gave me the idea of using a flipbook (like your typical policemen’s flipbook) to organise myself – not just my projects, but pretty much everything. No matter how hard you might try to separate work and home life, the two are always merging – especially if you’re self-employed. You might suddenly think that you need to pay the gas bill during your lunch break. Or you might come up with that killer new software feature when you’re putting your laundry in the washing machine. Having one book like this makes sense and takes up less space in your pocket.

I use my flipbook in both directions. I go through the book in one direction for managing things and in the other direction for doing things.

Da Management

This is my “inbox” for things: the “manage” side of the book. It’s a big waiting list of things I need to do with one item per line and space at the end of the line to tick each one off. Some things I find useful to break off into dedicated inboxes. For example, I have a “people” inbox for those things I need to remember when I bump into someone or when e-mailing. Another example might be to have an inbox for contextual aims, like things I’d like to get done when I’ve got a spare moment and a piece of paper handy.

Together, these inboxes form my organisational aims at the highest level. Sometimes specific tasks will find their way in, but in general, these are aims rather than objectives.

I regularly attend to these inboxes and plan the next couple of days. I figure out what I need to get done and when I am likely to be able to do them. As I have a general overview of things in the manage side of my book, I can prioritise and order tasks to best suit the next day or the week ahead. I list activities for each day in the flip-side of the book: the “do” side.

Do the Do

As with the manage side of the book, each activity has one line with space to either check it off as done, mark it as “postponed” or “will do later”, or cross off completely. I sometimes also add context to an activity. For example, it can be useful to list several things I need to do while I’m at an Internet connection.

If I’m honest, I don’t always stick to the plans I make, but the system is flexible enough to handle when things don’t quite go as planned or when deadlines changes. Just as long as I leave a little space to add any new tasks, it’s fine. Also, if I’m not sure how things are going to be over the next couple of days, I can plan day-by-day rather than several days at a time.

Why Not Use a PDA?

I borrowed a PDA from a friend last year and used it for a few months. I found having a single point of reference really useful. I had a note pad, diary, to do list and address book all in one place. But when I had to give the PDA back, I found it good to get back to my old system, even though it meant that I had to use a separate diary and address book. I found the Pocket PC software didn’t allow me enough flexibility as I’d hoped.

On the PDA, when tasks got completed, they got deleted. I found it useful to go back through my daily lists or my inboxes to trace when I did something or whether I actually did something at all. A couple of tasks on the PDA had mysteriously disappeared on me, leaving me wondering whether I (or the PDA) had deleted them accidentally or if I just didn’t remember ticking them off. Also, I couldn’t break down my to do list enough.

Now, with some tweaks to the to do list and a little more integration with a decent diary program, I’d find a PDA so much more useful. One place to keep notes, maintain a calendar, add new contacts, run mind mapping software… It’d also be great to be able to keep everything in one place and then just back it up occasionally, instead of keeping information in a few different places.

Related

@media 2005 Flickr Group

OK, with a go-ahead from Patrick Griffiths, I've set up a Flickr group for delegates going to @media 2005 in June. What's the point? Well, for a laugh, but also so that people can find out what other delegates look like.

If you've got a Flickr account, go and add a photo of yourself to the group pool. If you don't have an account, you won't be able to post any photos or comments, but signing up is free and quite painless. Alternatively, if you don't want a Flickr account but want to link to a photo on another site, you can always comment here and I'll add you to a group discussion with those photos.

Designing Websites with Consideration for People with Cognitive Impairments and Learning Difficulties: Researching Some Solutions

Today is Shrove Tuesday, Pancake Day. I learnt something today while frying some pancakes at tea-time; bananas do not fry. They melt, then melt some more and end up a big pile of goop.

Something I have been learning on a more long-term basis is how to design websites while considering people with cognitive impairments and learning difficulties, an aspect of Web accessibility that designers seem to forget about sometimes. Recently, I have been on the look out for more resources on this topic. Here are a few things I have found.

There have been some notable articles and discussions over the past couple of weeks, which I have found insightful. At the end of January, Gez Lemon posted an overview of a recent article published by Web Usability called “An Accessibility Frontier: Cognitive disabilities and learning difficulties” (by Roger Hudson, Russ Weakley and Peter Firminger). It provides some useful advice and examples, but should not be used as definitive solutions. I don’t think there are any definitive solutions.

While researching, I have found something that I have not seen publicised very much, possibly because it may be a little old now. Mencap (the leading UK charity working with and for people with a learning disability) have a publication called “Am I making myself clear?” (first printed in 2000 and last reprinted in 2002), which gives some advice about how to write with consideration for people with cognitive impairments and learning difficulties.

This guide is available from the Accessibility category of Mencap’s online publications library. It’s free from copyright and so is freely distributable. Mencap’s website is a little too dependent on JavaScript for my liking, so here is a direct link to the (rather large) download: “Am I making myself clear?” (PDF, 947 KB). Mencap have also published a guide to making websites easy to use for people with a learning disability called “Making your website accessible” (PDF, 81.7 KB).

I’ve noted that Mr Olsson and Mr Wellock are in the process of assembling a nice resource. I look forward to the release of this nearer the summer.

What I Have Learned So Far

There’s quite a lot you can do to make content more accessible and accommodate people with cognitive disabilities or learning difficulties. However, it is debatable whether or not such measures are always necessary. Writing content in the simplest language possible is a good start, but it may not always be appropriate to do so.

You can supplement paragraphs of text with an appropriate image. In my opinion, this is not something that should be forced. If an idea for a supporting photo or graphic comes to mind then fine, but otherwise, you might just be making things worse, not better! If you aim for one or two main points per paragraph, your content stands a better chance of being understood. The thing to remember is that such images are not decorative. They should have purpose and be part of the content, not displayed via CSS.

Similarly, information can be supported by audio or even video. However, facilitating understanding through such enhancements is not required in many situations and is often out of range for the majority of project budgets. Making video accessible for the Web is a minefield in itself, so I won’t go into that. I have my reservations about supplementary audio, but I will cover that in the second part of this article, “Thinking About More Advanced Solutions”.

Web accessibility can be strengthened through providing options. A variety of style-switcher methods can be used to give users the chance to configure a website to better suit their individual preferences. Offering a choice of font sizes, font types, colour combinations, layouts, etc through flexible use of CSS can help make your websites more accessible. But, to borrow a phrase used by Patrick H. Lauke, the onus is also on the user. In other words, the functionality offered by style-switchers can often be found as features in modern browsers and users should be able to familiarise themselves with their browser enough to make style-switchers redundant. There is more discussion along these lines on Accessify Forum.

Some Other Resources

Here are some other slightly older resources that I’ve used:

Where Now?

As yet, I haven’t really developed an approach to implementing the techniques discussed in these resources. However, I have taken the advice on board and have begun to pay more attention to such issues when building a site. Gradually, through trying out different techniques and assessing their effectiveness, making content easier to understand might come naturally.

I would like to get more of a “feel” for this. How do others view the techniques mentioned in these articles? Do any of you use a specific approach to accommodate users with cognitive disabilities?

Updates

3 Mar 2005

Also worth a mention is the Plain English Campaign and the free guides they publish on their website. One guide in particular gives some advice on building clear websites, but nothing particularly new for most designers.

I have also found some information at the Easy Info project. It’s not the most accessible of websites, but some of the information is helpful and the site seems to be kept up to date.

18 Apr 2005

Don’t worry, I haven’t forgotten about posting more on this. I’ve just been too busy to finish writing it up. It’s a complicated topic and I’m finding it quite difficult to research, but I hope to write more soon. In the meantime, WebAIM‘s information on Cognitive Disabilities is very useful. Also, Gez Lemon is a great thinker in this area and his posts make very interesting reading.

20 Oct 2006

I have fixed broken links and made minor updates to the text.

12 Apr 2007

Further fixes to broken links.

Web Design Roles

As the Web evolves, it’s inevitable that the job of creating websites evolves too. As those out there in the industry will already know, the roles of the “Web Designer” can be diverse, especially on larger projects, making it more of an umbrella job description.

Anyway, I’ve decided to write about some of my thoughts about the job of a Web Designer. I also thought it might be interesting to ask people what role (or roles) they see themselves as playing in the world of Web Design.

What is Web Design?

It’s probably not a great idea to start out with what is really an aside, but bear with me on this one.

Jakob Nielsen recently wrote that “Web Design” is a misnomer. It got me thinking and I’d have to agree to some extent, but my view is slightly different to Nielsen’s. People don’t design the Web itself, but the sites reached via the Web – “Website Design” would be more accurate, but I’m just pedantic. I guess it doesn’t really matter what is the accepted phrase for referring to people who build websites – I know that I will call it “Web Design” anyway.

What I don’t like is how Web Design is often misconstrued to mean putting something pretty up online. We have known for a long time that the Web is an information medium at heart and not a visual one. This is an important concept that I feel many designers and design agencies forget on a regular basis. On an ideal Web, all designers would take information gathered by the client (or help them collate information) and allow that content to drive design. The classic maxim applies: Web Design is not Print Design. Neither is it just about Graphic Design, so simply slicing up a Photoshop comp and putting it online is not enough.

So what was the point of my aside? I wanted to raise a couple of questions. If so many designers don’t know their job and how to do it properly, how do people really know what to expect from them? How are prospective clients to know whether their website is going to fit with their purpose? Does it matter?

Roles of the Web Designer

What is perhaps a little more difficult to define is the role of the Web Designer. Recently, I’ve been thinking about all the different “modes” I have when building a website. Being self-employed, these modes can be wide and varied, and I am increasingly appreciating the need for collaboration on projects to make them stronger and generally just better.

Everyone has their strengths and weaknesses, and it can be important to develop a specialism or a style which sets you apart from the crowd. A problem here is that I like to explore and to learn. Hence, I will often try to vary my roles so that I can develop my skills in different areas and keep what I do interesting. I’ll have to admit now that this can cause some areas to be weaker than others between projects. This is a compromise I do not want to make if I can help it. It’s near impossible to fulfil all the roles required by Web Design today, so collaboration is an important aspect, whether it be with other agencies or freelancers.

A common distinction in roles seems to be between Web Designers and Web Developers, but even these roles can overlap. As I see it (and I could be wrong) designers are responsible for structure, layout, visual wonders, etc while developers are more geared towards developing server-side magic, applications and interaction. But there’s a lot more going on than that.

Here are some of the roles I can think of which I perform, and others that I have seen in use:

  • Project Manager
  • Website Designer
  • Website Architect (implying working with information architecture / structure?)
  • Website Developer/Engineer
  • Internet Developer (another misnomer?)
  • Graphic Designer or Web Graphic Designer (I’ve seen this role described as a person who “tries to make Web pages look the same in every browser”. I’m not totally agreed on that one. Anyone for “CSS Engineer”?)
  • Multimedia Designer
  • Web Typographer
  • Flash Designer
  • User Interface / Interaction Designer
  • Web Usability Specialist
  • Web Accessibility Specialist
  • Web Marketing Specialist
  • Search Engine Optimisation Specialist
  • Copy Writer, Web Editor or Web Writer
  • Web Writer
  • Web Hosting Technician
  • Webmaster
  • Software Engineer

This probably isn’t an exhaustive list, but it’s what came to mind while thinking about what I do, or have done in the past.

What Roles Do You Play?

So what do you do? Are you a multi-tasking stress monkey like me? Are you a jargon-loving, Planetarian-playing techie? Are you the arty, expressive graphic designer? I want to know, damn it!

Just Playing

In a fantastic bit of work avoidance last night, I decided to have a bit of a play with the dotjay design.

I had recently tried out Patrick's hex colour calculator, so thought I'd give it a whirl using a hue from the header graphic as a base. This gave the sandy complementary colour used in the navigation, although I used a few tints rather than the shades that the colour calculator gave.

The navigation is better now with easier keyboard navigation and added skips. I also tidied the feeds, gave the site a shortcut icon, made the comments more intuitive to reference and added a little funkiness to my own comments.

I'm not entirely happy with how it has turned out, but I think it's better than it was before. Having finished off the navigation, I realised that the sandy coloured navigation with the borders makes it look a bit like Tommy's Autistic Cuckoo navigation. I suspect I will have another play with the design before Christmas. Any comments, suggestions or bug reports welcomed.

Update

I've got rid of the sandy colour now and it looks so much nicer… but still unimaginative. Consider the design “work in progress”… I want to get this blog lookin' nice.

Elsewhere