Designing From Scratch: A Blank Canvas

Posted 1 week ago by Dirk van Boxtel

A blank canvas. it might as well be the devil himself. Complete nothingness. And it’s not just on that page in front of you; it surrounds you and swallows you whole. There’s only nothing, and it’s everywhere. Ultimate freedom. No guidelines, no boundaries.

… so, where do you start?!

1 ) Requirements

The indexing of the requirements of your project can take many forms. And the amount of effort going into this phase is determined by the available resources and the scope of the project. It’s vital to set a goal at the start of your process, even if this goal is a target in motion.

Examples of how to kick things off:

The point here isn’t that you should always have a documented scope of the problem, because sometimes a general idea or direction is good enough.

2 ) Research

As with the previous step, research can take many shapes. Sometimes you’ll spend 5 minutes, sometimes you’ll spend 5 weeks.

You really just want to see how others solve the issues that are currently in front of you. Or related issues. Or perhaps you’ve got some solutions in mind already, in which case it might be a good idea to see how others executed those solutions!


John Cleese talks about creativity requiring time. (And time!) Relax. Sit down and watch some Netflix. Go for a walk with your better half. Interact with some strangers. Play some basketball. Have a cuppa with that one friend that doesn’t stop talking. Practice the harmonica. Look. Feel. Experience stuff.

Did you know that if I use the word whimsical, you’re likely to find yourself using it soon as well? That’s how human brains work. They’re not random. They connect pieces of information together and turn them into new ideas. And the more recent you’ve been exposed to a thought or pattern, the more likely you are to reach for it as a solution.

This is why you pause after doing your research and setting your goal. Keep your project loosely in the back of your mind, and puzzle pieces will start falling into place around you, whimsically. (… I’m on a mission here.)

Pausing actually doesn’t need to be step 3. It can be useful at any point where you’re mentally roadblocked.

3 ) Constraints

Pencil to paper. Not literally. Unless that’s your jam. Feel free to use a marker and a post-it note instead. Or a whiteboard. Or PhotoShop, Sketch, Balsamiq, a box of LEGOs… whatever makes you comfortable.

This part is about constraints. The scariest part about a blank canvas, is the fact that there’s nothing holding you back. Creating your first boundaries will give you something to work with(in), a bearing or at least a direction.

Because the first design you’re creating is nothing more than a rectangle. Affectionately name it “my lil’ view-port”.

This little rectangle just created your first set of limitations. Your ball-park. It confines you to an area, but it also gives you the goal-posts you can lean on.

4 ) Define context

With any type of interface, look at the big picture first, the context. Get the overall lines in place. As an example, let’s look at Google Maps, which perfectly illustrates the point.

This works with your design as well. Take your view-port, and start populating it with rectangles. Think big first. What does your content look like when viewed from space?

Even when you’re designing a tiny widget, you can still apply this philosophy. Think big first. Draw large squares. Fill out the details later.

5 ) Detailing

You’ve done the groundwork by digging the road and flattening the surface. Now it’s time to put in the cobble-stones. One by one.

This really is where your canvas starts filling up. It’s all about ironing out the details, getting closer and closer to showing the most granular, raw form of your content.

Too long, didn’t read:

If you’re scared of a blank canvas, set a simple process for yourself to start filling it up.

  1. Requirements — scope out your task
  2. Research — research solutions
  3. Constraints set simple boundaries
  4. Define context — view from a distance
  5. Detailing — sweat the small stuff

… and don’t forget to take your time where you can. Sit with the problem you’re trying to solve and look for solutions anywhere and everywhere. The more time you get to spend with a problem, the more likely you are to solve it in an ingenious, illuminated and previously inconceivable way.

Do the above and you’ll find:

… a blank canvas is only scary with a blank mind!

This article was originally published on Dirk’s Medium page.

I’m the nervously twitching nerd in the corner, guarding his collection of geek toys. Comedy is my true love. UX, UI and basketball make my life less quirky. Medium & Twitter.

Related Posts

The relevance of UX design in industries is important to note because it shows businesses are starting to intentionally center their products around people. What we might not have realized before and what good UX design aims to accomplish is in order to create good products, we need to understand people. Bad design often results in a lack of empathy… Read More →

Originally published here Technology is not neutral. It is not impartial Who we are reflect on what we build. When you navigate a physical space, you are following the plan of the architects and urbanists who designed it in the first place. Of course how you navigate the space is unique to you – like the way you walk or… Read More →

Originally published on JOTFORM.COM Cozy. That’s how I felt. Tucked beneath what may have been the world’s softest blanket. I took a deep breath and rolled onto my side. It was a familiar moment — the moment when my 6 a.m. alarm clock sounded, after a night of tossing and turning. The moment when my daily responsibilities had yet to… Read More →