Well? What are you waiting for?

The “What Should I Design?” Generator

Meet WhatShouldIDesign.com, a random design prompt generator to practice your prototyping and stretch your brain muscles.

“Creativity is just connecting things.” –Steve Jobs

What it is

What it isn’t

Some useful applications

  • Team building, with everyone designing the same silliness and sharing their monstrosities afterwards
  • Wake-up exercise. Coffee is unnecessary when there’s nonsense on hand.
  • Start-up inspiration. Consider giving me a cut if it works out?
  • Subject matter for a Design-a-Day blog or the like.

Method

var theThing = [ "website", "tablet app", "website", ... ];

Next, I added a random number generator and snuck the results into my <span>’s, with considerations for grammatical things such as “an” vs. “a”.

$('span#1theThing').html(theThing[Math.floor(Math.random() * theThing.length)]);

I also used an array and random generator to determine the colour scheme of the page upon load. I didn’t want to restrict the page to any particular scheme, since colour has such a strong effect to our interpretations of words and connection-making.

var colourPicker = rainbow[Math.floor(Math.random() * rainbow.length)];
$('a:link').css('color', colourPicker);

Then played with FlowType.JS and some media queries to quickly add some semblance of mobile support, although more love is needed in that area.

That’s it!

Product designer at PlanGrid. The pixel is mightier than the sword.

Love podcasts or audiobooks? Learn on the go with our new app.