spacer
spacer

Spur A fun and easy way to critique your web pages.

Whoa there! We couldn't process that URL. Try taking a screenshot and uploading the image.

Would you like to know more? Upload an image instead

Upload Image

I thought those files smelled bad on the outside

Would you like to know more? Enter in a URL instead

spacer
  • Spur
  • Grayscale
  • Intersections
  • Spacers
  • Contrast
  • Blur
  • Mirror
  • Rotate
  • 50% Zoom
  • Original
  • Send to Notable
« Back to Homepage

spacer

Welcome toSpur

A little app from ZURB that helps you critique your web designs, giving you that kick you need to make them better.

Why?

Classic design principles still prove true today, but there are no good tools out there to help you apply them on the web.

Spur helps you apply those principles to your design and share what you’ve learned with others.

What is Spur?

Spur is a fun and easy way to critique web designs in ways you’ve never done before. Just paste a URL (or upload an image) and you’ll be able to use seven different tools to help you find what’s working (and what isn’t!).

Great! What now?

Share what you’ve learned, of course! Spur generates a unique URL you can use to share your design with any of the tools applied to it. Get feedback from your team by uploading the altered image to Notable; they’ll be more than happy to dig their Spurs into your design.

Why would I do that?

Looking at your web design through Spur’s seven tools will give you new perspective to see things you might have missed. You might think twice about that bright green Buddha after you look at in high contrast! Or maybe not...

How do I use it?

Just type in a URL and press Enter. If your design isn’t live yet, use our image uploader to add a mockup to Spur. You can share your altered image using a unique URL or upload it directly to Notable as a new post.

Not sure where to start? Here are some tips about how to use the seven tools:

spacer

Grayscale

What are you left with when the color is taken out of your design? Do the areas of focus still hold up, or does contrast between elements? Make sure your original hierarchical decisions still hold up when you take out the color. Learn how →

spacer

Intersections

Take a look at where the major lines of the page force the eye to focus. Draw your grid lines to show these focal points. A good design will ensure the spurs are on a spot where people can read the maximum amount of information in the minimum amount of time, typically seconds. Learn how →

spacer

Contrast

Every design has intentional areas of focus, but are these areas too overpowering? Bumping up the contrast of a design can help show what areas are really jumping off the page when someone initially views the page. Learn how →

spacer

Blur

What does your design look like at a glance, without details? Make sure you have solid hierarchy and weight, and that if someone glances for a few seconds they get something valuable. Learn how →

spacer

Mirror

Get a sense of how your page feels without readable copy. Areas you might not expect can jump out at you, and misalignments become more obvious. Learn how →

spacer

Rotate

In an age of different devices and screens, it's valuable to see how your page holds up on its side, or upside down. Could someone get a sense of your site if they saw it on someone's iPad? Learn how →

spacer

50% Zoom

Take a look at your site as a smaller thumbnail; does the layout hold up? The best websites still get the story across at a small size. Elements should look balanced and people should still be able to get the gist of what they're seeing. You want them to click through don't you? Learn how →

Press

Spur has been all over the place and we're loving it.

Heavy Hitters:

  • spacer
  • spacer
  • spacer
  • spacer
  • spacer

Thanks for the love:

  • Killerstartups
  • WebDesignDepot
  • JuliusDesign (Italian)
  • Coliss (Japanese)

I want more!

Here at ZURB, we have several apps to help you design better products.

ZURBapps Pro Suite

Influence
Great Ideas Deserve Clear Feedback
Influence is the most effective way to present design mockups, visuals, and presentation for feedback from your team and clients.
Verify
Act on Data, Not Intuition
Verify is the fastest way to collect and analyze user feedback on screens or mockups.
Solidify
Make Interface Screens Come Alive
Solidify is the quickest way to prototype interface screens for user testing feedback.
Notable
Better Interfaces Through Faster Iterations
Notable lets you take any webpage screenshot, sketch or wireframe and exchange notes on specific details with your team.
Enroll
Make the Web a Better Place
With Enroll, you'll influence companies' design decisions by taking quick tests for them.

More free apps

Axe
A tablet web app to quickly give website feedback.
Bounce
A fun and easy way to share ideas on a webpage.
Chop
Post code, write notes and share feedback.
Clue
A fun and easy way to test what people remember on your website.
Plunk
A quick way to test mobile interfaces with the tap of a finger.
Reel
Present your design ideas and reel in the feedback.
Spur
A fun and easy way to critique a webpage.
Strike
Strike is a fun and easy way to strike stuff off lists together.

I love Spur!

Awesome! We love you for trying it out. Since you like what Spur does, why not share it with some friends?

Who Made It?

Spur is made by ZURB, an interaction design and design strategy company located in Campbell, California. We've put over 13 years of experience building web products, services and websites into this product. Learn more »

For some other fun ideas by ZURB, check out the ZURB Playground.

Support

We'd like to hear about issues you might be having, or just how we can make Spur even better. Drop us a line at support@spurapp.com!

Twitter

Want to know what we're up to on the ZURB products? Follow us on Twitter and stay up to date!

  • ZURB on Twitter (Follow our ideas)
  • Spur on Twitter

You seem to really like Spur.

Have you checked out Notable?

Notable lets you add annotations to your screens and share them with people to gather feedback.
spacer
Learn more about Notable »Cancel

Tool
Grayscale

Taking the color out of a design helps you see where your users' eyes will gravitate to on a page.

Here are some examples:

spacer x

Tool
Intersections

Use the intersections tool to take a look at where the major lines of the page force the eye to focus.

Here are some examples:

spacer x

Tool
Spacers

Well balanced sites space their elements out quite nicely. Use this tool to see if the spacing between elements is the same, or is at a proper increment.

Here are some examples:

spacer x

Tool
Contrast

Turning up the contrast on a page increases makes heavy areas stand out more than lighter areas, does the design still hold together?

Here are some examples:

spacer x

Tool
Blur

Use the blur tool to make sure that you have solid hierarchy and weight. If someone can only glance at your page for a few seconds, this will help ensure that they get something valuable.

Here are some examples:

spacer x

Tool
Mirror

Mirroring a design can point out areas of misalignment and hierarchy.

Here are some examples:

spacer x

Tool
Rotate

The rotate tool is great for making it easier to see page weight and balance of elements.

Here are some examples:

spacer x

Tool
50% Zoom

Use the zoom tool to look at your site as a smaller thumbnail. Does the layout hold up? The best websites still get the story across at a small size.

Here are some examples:

spacer x
Related searches:
design notable contrast product feedback
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.