Jordan Moore

Method UX

Christian Bale famously lost 63lbs for the role of insomniac Trevor Reznik in Brad Anderson’s psychological thriller The Machinist. Bale’s disturbing body transformation happened over the course of 4 months during which he forced himself into a diet of a can of tuna and an apple per day, keeping himself isolated for prolonged periods of time and going without proper rest. His dedication to the role before filming even began is a common reference point for people describing method acting.

Method acting is a technique derived from Constantin Stanislavski, a Russian actor and theatre director who between 1911 and 1916 used a methodology to train actors in the quest for theatrical truth. In essence the goals of Stanislavski’s System were to portray actors on stage as natural, believable characters. To achieve these goals actors would rely on recalling emotional memories and past experiences to bring those feelings to the role they had to portray. Actors would also use “If” (often refered to as the “Magic If”) to answer the question “What would I do if I was in this situation?” by envisioning themselves in the characters situation.

Like Christian Bale, many actors in the film industry such as Anne Hathaway, Robert De Niro and Joaquin Pheonix employ the modern day interpretation of Stanislavski’s System — method acting. The method starts before filming giving the actor time to plan and prepare for the role leaving them better equipped to deliver a stronger performance during filming with a relatable, believable character.

Don’t think that I’m suggesting that we as designers for the Web take on extreme diets or the kind of psychological experimentation that could be potentially damaging without professional advice. I can’t help but admire the lengths method actors go to for their art. Perhaps we can learn from the emotional investment they make to a role before production begins. Isn’t that the whole point of UX research? We throw the word “empathy” around boardrooms and company about pages to show that we care about the people we are making the product for. To me, empathy has become an empty promise - a buzzword to appease potential clients.

To be truly empathetic I believe it involves going further than a few demographically informed personas that we assume are going to represent real people who use the things we make. Think about the project you’re working on now - how much of a difference would it make if you lived as the person you are making this for? How would they feel using the product? Where does it fit in their everyday lives? My hunch is that we would be able to make more well informed decisions that resonate with those people by diving right into the role, then we would have better tools to answer “What would I do if I was in this situation?”

There is no doubt that with this approach it can be emotionally taxing. There’s a balance and a scale in regards to how far you pursue it.

After filming of The Machinist wrapped up Christian Bale’s next role was Bruce Wayne in Batman Begins. He gained 100lbs in six months and started rigourously learning martial arts for the many tightly choreographed fight sequences in the film.

Before I made the leap I read blog articles of other freelancers who did the same. People like Stuart Robson, Chris Allwood, people who have made it work. I also called a lot of people - Chris Armstrong, Chris Murphy, Andrew Fulton - without their advice I probably would have talked myself out of it because before you actually do it your mind finds plenty of reasons not to do it.

To cut to the chase: it’s working for me too, and I want to give that reassurance to people are considering making a similar move that it can work for you.

I thought I’d start by discussing a few of the worries I had after I handed in my notice:

  • What if there isn’t enough work out there?
  • What about all that paperwork?
  • Running my own business sounds scary

Firstly there is always work out there. This comes from a place of reassurance rather than any sort of attempt at bragging but my diary has been full since I began. I haven’t needed to advertise my services,apart from the initial announcement in March that I was going freelance. Since then I’ve found traditional word of mouth is still the most effective form of advertising.

The best way to let word of mouth do the work for you is to turn up every day and do the best job you can do. One of the biggest differences between agency and freelance work is that in an agency environment I would plan out how the next day or in some cases how the next week would look. Now that I work for myself I need to know what the next 3 months look like to ensure the pipeline is healthy and that I can continue to work for a variety of different people on different design problems.

Paperwork was strangely my biggest worry. I’ve never owned a business, I’ve produced invoices and estimates before in both of my previous agencies, but not for my own business. I worried that there might have been other paperwork that I hadn’t been exposed to before and that perhaps the amount of paperwork would have been overwhelming.

Luckily clever companies have been solving this problem. I bought a subscription to FreeAgent which handles my accounts including estimates, changing estimates into invoices, sending out invoice reminders, it keeps everything in check for things like tax returns and expenses. Without it, I’d be putting so much more time into this side of the business rather than concentrating on the fun, rewarding stuff.

One of the most exciting aspects of working for myself has been applying the knowledge I’ve gained after over 7 years of industry experience. I’ve learned from some great people like Paul May how could apply analytical thinking to design problems and could lead effective workshops with stakeholders and get the most out of people’s time. I’ve learned from Paul McKeever’s ability to find, create and deliver value for users and clients alike, and I’ve also borrowed heavily from Jamie Neely’s design theory and reasoning to ensure everything I make serves a purpose and fulfills a need.

By observing and working with great people, it’s easier to deliver great work.

The same is true today, if I take on a project where I know someone can specialise on a particular component, I have the flexibility to hire people in and apply their skills. Working with be best helps you keep performing to your best.

Aside from the work itself I have adapted to the freelance lifestyle pretty quickly. I have taken the time to study when I’m most productive and shape my working day around those hours. This means I know when I can do my best work rather than working within a set period of hours that the rest of a team works within.

That flexibility extends to the working environment. If I’m bored of working at my desk I can take my office with me to somewhere else like a coffee shop, or another studio, the library - wherever I want to work.

I’ve even worked a few evenings during my summer holidays - I wouldn’t recommend it for most people if you want to unwind, but I rather enjoy the novelty of working in a different country on the same projects I’ve been working on from home. It means the holidays themselves can be more flexible too - next year I’m considering working from the US for a couple of months and making the most of the school holidays with my family.

The last point I want to make is the most important factor in my decision to go freelance. I went from seeing my kids for 1-2 hours a day to being able to drop them to school, pick them up from school, attend sports days, I’ve been able to be there. That’s the kind of freedom that I enjoy most aside from all the other benefits. I can watch my young family grow up much more closely than I have before, and the best part is they don’t grow up so fast anymore because I’m there to see so more of it and spend time with them. It’s our most precious commodity and now I can shape my time to fit however I want rather than being told how to spend it.

Going Freelance

I am delighted to announce that after 7 years working in web agencies I have decided to leave and start a new adventure as a freelance web designer.

Since I joined Front in 2008 midway through my final year of university, I have spent the last 7 years honing my craft specialising in responsive web design, user experience as well as front end and Expression Engine development. I believe that being part of the team with Front (now known as Typecast) and Eyekiller has equipped me with the skills required to manage my own destiny and seek new and exciting projects.

Working and collaborating closely with clients of all different shapes and sizes from various sectors including the BBC, Firefly and TextHelp and has been a truly invaluable experience. I’ll miss working with my fantastic clients - it has been a priviledge working together with each and every one of you to make useful, meaningful things for the web.

And of course I will miss working alongside the wonderful team at Eyekiller. I have made many friends since I joined in 2012. My last day is just under a month away on April 1st 2015. If you have any projects you would like to discuss with me, please feel free to get in touch!

I am the Fold

I don’t usually keep my cards close my chest, but I was very excited about building a little web app to counter the recent, and in my opinion, misinformed talk of the importance of “the fold” in web pages.


Iestyn Williams has made it happen at!

I’m not going to get the opportunity to build this thing any time soon so please feel free to take the idea and run with it because I’d love to see it come to life rather than sink into the abyss of my Someday list.

The idea

A one page website that saves the height of the user’s viewport on page load to a database, draws a line at this value (in the form of an HTML element — a 1px high div will do) and that’s it.

The cool part is that it will show you the lines drawn by every user to have visited that page1.

That’ll prove in a nice visual way if there is such a thing as the common fold, let’s leave it up to science!

Added fun

Feel free to ditch this part. I thought about a tongue in cheek Spartacus analogy calling the app “I am the Fold” with a searchable Twitter hashtag #iamthefold which would show a list of Tweets containing the user’s screen height and a link to the app.

It would be an effective way of demoing to clients and others that there is no such thing as a common page fold. The array of Tweets with different pixel values and the page itself with lines sporadically drawn depicting different viewport heights through the power of random will hopefully make the point.

So take it or leave it. I’m certainly not going to get a chance to make it happen any time soon and I’d feel bad letting the idea rot when it could be of some use to others.

  1. If it becomes a performance concern I had considering capping this at the last 100 or 200 users. 

A Modern Default

There are few things on the Web that excite me more than a new HTML document its raw form and the possibilities it brings. In an unstyled HTML document the contents are laid bare for all to see. Out-of-the-box HTML comes with an established typographic hierarchy and elements are distinguishable like the different variations of lists that we seem to have a strange habit of resetting and stripping of the characteristics that make it a list.

The default styles for HTML are sensible defaults. The type is legible, the layout is functional — in fact it’s almost entirely responsive, with a few small tweaks it can be completely responsive.

I have shared a project on GitHub called Modern Default HTML. It’s nothing overly remarkable, nothing fancy and it didn’t take very long to make. But I felt the need to publish it to show the few changes necessary to make the default web page accessible on all devices. There are a few similar projects out there, but perhaps this is a more focused effort at addressing the initial tweaks necessary for a completely accessible starting point.

My project goals were simple:

  • Stay true to the default and do the minimum required to make the default web page work anywhere
  • Don’t impose any solutions to common design problems (and there are plenty like responsive tables for example — the same solution may not apply to all types of data)
  • On a related note - there shouldn’t be anything in the default you will need to undo

I’ve been meditating on the idea that as designers we owe it to ourselves and anyone who comes into contact with the things we make that we stay as true to the sensible defaults as we possibly can within the typical constraints of a web project. The default web page is fast, functional and founded upon a clear typographic hierarchy. Any design decisions we make thereafter will either enhance this experience or tarnish it.

I’m asking myself more challenging questions in this mindset when designing even the smallest change: “Why is this better than the default?”, “What does this bring to the table?”, “Is this feature so critical to the goals of this page that the performance hit is necessary?”, “Does it break the default or is it loading a completely redundant asset?”

As designers we are in the position of power where we can both make and break the Web. We have a great foundation to work with by default, it’s up to us where we go with it.