Smashing Magazine ~ we smash you with the information that will make your life easier. really.
Smashing Magazine we smash you with the information that will make your life easier. really.

Crazy Cursors

By Smashing Editorial, November 5th, 2007 in Inspiration | 23 Comments | Forum

Advertisement

Since mouse cursor is an essential element of user interaction, designers rarely risk to modify its presentation. Usability might keep you away from using experimental solutions in practice, however creative solutions and experiments are worth consideration and always nice to look at. In today’s part of our Monday Inspiration series we’d like to showcase some examples of unusual approaches used for design of… well, mouse cursors!

In this Flash-based monster-example cursor is a central element of the overall design. The mouse cursor is replaced with a (REALLY large) finger tip; the navigation is possible via pointing and clicking the… well, finger on the site section you’ve chosen. Extreme, but it works.

Screenshot

The idea is actually not new. Mathilde Aubier’s huge cursor is a little bit older, however the whole interaction is also done with a hand-drawn “hand”.

Screenshot

However, it can go even further. Usually if you visit a web site you are used to the fact that your mouse cursor has always the same speed when you move it both horizontally and vertically. Apparently, it doesn’t have to be like this. With Powercursor not the cursor is replaced or modified, but the background upon which the cursor is moved. The result is that the mouse cursor reacts to your movements according to some laws of physics.

The free Flash toolkit can apply stickiness, roughness, pressure, volume or mass to the areas of the user interfaces — holes, hills, slopes, roughs, walls, whirls, and more effects are possible. All of them change the behavior of the cursor accordingly. What do you think: can it be useful? E.g. if users want to move the cursor to some specific link it might be useful if is automatically drawn to the link itself as far as the cursor is in the neighbourhood of the link.

Believe it or not: your mouse cursor has never been more alive. Examples.

Screenshot

Paul Neave lets you use the cursor as your personal source of imagination. You can use your cursor as a pencil to draw beautiful figures by simply moving your mouse among the canvas. The results are not always beautiful, but the play of colors is outstanding.

Screenshot

Screenshot

The damn pencil on Leo Burnett’s web site can make you nervous. To navigate you need to point the mouse cursor to the sections of the site you’re interested in. We’ve showcased the site already, however the “pencil” approach used on the site definitely deserves a place in this post as well.

Screenshot

Delicious button Stumbleupon Spread the word on Twitter!

Advertisement
  1. 1.

    Guido (November 6th, 2007, 12:09 am)

    I usually find it very distracting. You start playing with the mouse instead navigating the website. It takes a little while to get over with and start reading the content. Although it is a good idea to make visitors stay longer and explore the site.

  2. 2.

    Marko Novak (November 6th, 2007, 12:42 am)

    I saw them all over the net. Some of them are really nice.

  3. 3.

    Gamermk (November 6th, 2007, 12:51 am)

    I still remember where I saw Leo Burnett’s site for the first time: webpagesthatsuck.com ;)

  4. 4.

    Edward Edmonds (November 6th, 2007, 3:47 am)

    I think technology enables to do a lot of cool things; whether the things technology can do is useful or not depends on the application–and that is what it depends on totally; these examples although intriguing seem a bit distracting and not to the point. I think Flash is a cool technology, I think is has some applications it excels at over static content, however, I see Flash as mostly “a cool technology”, now the one thing Flash does have over many technology’s is that a large percentage of people have it installed on machines, if Flash were a “browser” if you will, and you could build a website with it that was searchable and accessible then we might have something, I don’t follow Flash that much so I don’t know if this is in the pipelines, all that I know is that people like there information fast and efficient and to the point–a least from a capitalist perspective–and maybe that is changing with my “oh that looks cool generation” but as for me despite my generation I’m in the party where I think content matters more then flashy presentation, there are a lot of arguments in between that statement, but for the most part in a business minded world where globalization is nothing but inevitable, I still firmly believe that people value content more then flashiness if you will. Take books for instance, all books are inbetween these cardboard covers some of them we consider brilliant books some of them we consider crap, but notice the presentation for the most part of books is the same hardback or paper back or perhaps spiral. So in the end while these sites are “hey look at me” I think for the most part people at this point in time still value the traditional web layout, I don’t think this has been fully realized yet however, as we are just entering a period of time where standards are starting to “be important” again I think this is just an example of business taking precidence overall over flashy presentation.

  5. 5.

    Edward Edmonds (November 6th, 2007, 3:50 am)

    In the end I think whatever enables the fastest business transaction wins!

  6. 6.

    justin (November 6th, 2007, 4:19 am)

    Leo Burnett’s web site is very awesome indeed. It has been around since i discovered flash

  7. 7.

    Chris Papadopoulos (November 6th, 2007, 4:59 am)

    If your customer can’t figure out how to use the site, all of the cool motion and prettiness in the world isn’t worth a damn.

    I think the Leo Burnett site is pretty horrible from a usability perspective.

  8. 8.

    Shawn Carter (November 6th, 2007, 8:05 am)

    I don’t understand these disparaging comments toward sites that push the boundaries of imagination in web design. You would choose an advertising designer that uses 2 and 3 column CSS’s with staid color and font selection for his site over one who completely breaks the rules and develops something that hasn’t been seen before? You need to embrace your inner adventurer.

  9. 9.

    Ara P. (November 6th, 2007, 9:53 am)

    it will be good while loading hard content, so while they wait can be play on screen to..Very attractive instead, can do a lot and give some inspiration, thanks

  10. 10.

    cmdshift (November 6th, 2007, 11:34 am)

    part of being a creative web designer is thinking creatively about development, and usability. Leo Burnett’s site is entertaining, but not very smart. Unless you are searching specifically for their site, it is virtually invisible to most internet searches. The intro design is the most interesting part of the entire site.

  11. 11.

    Raj (November 6th, 2007, 3:12 pm)

    I do agree with some of the comments posted here that there are usuability issues in these sites listed above.. If the user don’t know how and where to click then there is no point in showing your skills in such sites.

  12. 12.

    icreativelabs (November 6th, 2007, 6:22 pm)

    my finger and my mouse always fight when we are played this thing..but the usability will be low :D

  13. 13.

    Alvarocker (November 6th, 2007, 8:41 pm)

    The white hand makes my cursor blink in other tabs of firefox

  14. 14.

    Mac-Sage.com (November 6th, 2007, 11:54 pm)

    Hmmm… Do these things make a site more user-friendly? Look nicer? Function better? Sell more?

  15. 15.

    Agust Gudbjornsson (November 7th, 2007, 4:45 am)

    I totally agree with Edward on this subject.

  16. 16.

    Yogi (November 7th, 2007, 9:21 am)

    I have to disagree with this article.

  17. 17.

    Jermayn Parker (November 7th, 2007, 12:09 pm)

    Yes please leave the mouse cursor alone..

  18. 18.

    Nytryk (November 7th, 2007, 1:17 pm)

    Oh.. Cursor Mania!

  19. 19.

    Pat (November 7th, 2007, 8:27 pm)

    I reckon these are very inspiring examples of creativity, and are perfectly sensible to use for creative portfolio websites. But when “cursor mania” as someone mentioned, creeps into heavy-content sites, we have a big usability problem.

  20. 20.

    Arnaud (November 9th, 2007, 6:09 am)

    Go —> Link [www.dontclick.it]

    :)

  21. 21.

    Yehudah (November 22nd, 2007, 11:56 pm)

    Leo Burnett does not get clients or even provide information to clients from their website. Clients come from personal contacts and responses to RFP’s.

    The site is portfolio to entertain you and for you to explore.

Leave a Reply

Allowed Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Advertisement
 

All Posts

Follow us on Twitter!
Subscribe to our RSS-feed!

Advertisement

Fresh Bookmarks

22 Free Seamless Vector Pattern Resources Perfect For Web Design
A collection of resources and articles related to vector patterns.

10 New PHP Content Management Systems
All based on PHP.

25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.

Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.

20+ CSS Data Visualization Techniques
Get inspired.

CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.

Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,

Webdesign: Five Minute Upgrade
Making Your Design Pop.

45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.

The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.

  • 9Rules Logo
  • Quicksprout Logo