Monday, January 31, 2011

Hongkiat.com: Google Analytics & Why You Probably Don’t Need The Rest

Hongkiat.com: Google Analytics & Why You Probably Don’t Need The Rest


Google Analytics & Why You Probably Don’t Need The Rest

Posted: 31 Jan 2011 05:24 AM PST

Google Analytics is much more robust than most people give it credit for. Contrary to popular belief, it can do most of the things more advanced analytics suites can do, except Google does it for free.

Many web designers and developers complain about the limitations of Google Analytics. At first glance, it doesn’t seem as powerful as some of the other web analytics suites out there because it doesn’t let you track outbound links or see data in real time. So, developers flock to premium products like Clicky and Mint, but those services can be expensive, especially if your web project isn’t generating any income yet. Also, while they fix some of the limitations inherent in Google Analytics, they lack some of the Google-only tie-in features, such as Adwords and Adsense tracking.

ga front page Google Analytics & Why You Probably Dont Need The Rest

For those of you who don’t know, Google Analytics is a web statistics service that allows you to see how many people visit your site, what pages they go to, and where they are coming from. It’s a free service, and it works by sticking a piece of Javascript in your HTML code that loads when someone visits your page.

But, that only scratches the surface: it also allows you to create specific campaigns, goals, funnels, and reports that builds actionable data-sets and provides key insight into otherwise nebulous data. Most people have analytics set up, but a lot of them fail to dig into the data and miss golden opportunities to optimize their site. Every time you change the copy, structure, or design of your website, your web analytics suite will tell you what you should change (and whether you should make any changes in the first place). By using the advanced features in Google Analytics, not only will you obliterate most of the reasons for paying for another analytics service, but you will understand your audience and your website in ways that your competitors on the web often won’t.

6 Powerful Google Analytics Features

Here are six advanced features you can use to power up Google Analytics and turbocharge data-driven decisions:

1. Figure Out Where Your Audience is Going By Tracking Outbound Links

Even if your bounce rate is low, it is still key to understand where your visitors are going when they exit your page. By understanding the outbound link behavior of your users, you can optimize your website for conversion and your brand messaging for strategically maximum effect. This is true for two reasons.

First, many web business models rely on driving traffic to a page that is located on a different domain. A good example of this is affiliate programs where you have to drive traffic to a landing page to make money. If you track the behavior of that outbound link, you’ll know which domains convert the best. Paired with an 80-20 work ethic, you can then focus all of your marketing efforts on those media channels, and reserve your new found free time to test out new ideas, perform freelance work, or take a nap.

Second, by tracking outbound links, you’ll know which spots on your page convert the best, and then you can plan according as to which links you want to put in that prime position. For instance, you might want to remove a low value link and replace it with a link to your best content, or to an outside blogger who has helped you significantly. If you find that none of your inbound or outbound links are converting well, you can easily pair up Google Analytics with Google Website Optimizer to do some split testing.

Now that I’ve convinced you to track outbound links, here’s a crash course in how to do it. If you’re using a custom-made CMS or web app, the best way to do it is to stick the following code into the <head> portion of your page:

 <script type="text/javascript"> 	function recordOutboundLink(link, category, action) { 		try { 			var myTracker=_gat._getTrackerByName(); 			_gaq.push(['myTracker._trackEvent', ' + category + ', ' + action + ']); 			setTimeout('document.location = "' + link.href + '"', 100) 		}catch(err){} 	} </script> 

This will delay links from loading by fraction of a second, giving Analytics time to record the click before the user leaves the page. Thankfully, the delay is so small that it won’t affect the user experience, so you need not worry. Then, you can track any link you want by adding the following onClick function to the links you want to track:

 <a href="http://www.example.com" onClick="recordOutboundLink(this, 'Outbound Links', 'example.com'); return false;"> 

There are two parameters in recordOutboundLink that you might want to change to further customize your report. The second parameter, which has the value of Outbound Links in the example above, refers to the folders that will be used to organize your data when you view it in Google Analytics. Renaming Outbound Links is a good first start, but it isn’t descriptive enough to properly segment all of the data you’re going to collect. A better way might be to classify outbound links by type: either “blog,” “landing page,” or “social media.” Or, you can do it by the position on the page: “top,” “sidebar,” or “bottom.” The third parameter in the list is the individual identifier of the page. The truncated domain is a perfectly sane value for this, but you could also rename it to something more memorable if you would like, such as “Hongkiat” or “Facebook.”

Outbound link tracking is even easier to implement if you’re using a popular CMS or web framework. If you’re using WordPress, you can track links automatically with the Ultimate Google Analytics plugin. On Rails, you can bake this into your models with the Google Analytics Gem.

2. Get Real Time Statistics (Kind of)

One of the main reasons why people use something other than Google Analytics is because they want built-in real time statistics. And they’re right when they complain about how Google Analytics can’t do that. But you can use a simple trick to get almost up-to-the-minute statistics without shelling out cash for a premium service. Google updates your statistics on an hourly basis. To get that data, all you need to do is click on the date selector calendar in your Analytics report, and select the current date as the end date. Of course, this data isn’t completely up-to-date, but up to the hour is likely close enough to take fast and intelligent action when your content goes viral.

 Google Analytics & Why You Probably Dont Need The Rest

Normally, when you click on the date drop-down, you’ll notice that the blue bar indicating the selected date only goes up to yesterday. To get it to show real-time data, select the first date in your preferred range, and then click the latest date that isn’t grayed out. And voila! You have almost real time tracking.

3. Track Social Media Buttons

Social media is a powerful way to drive traffic to your site. Most bloggers encourage their readers to share their content via Facebook and Twitter – and when their users actually do so, it can be enough to bring in tens of thousands of new readers, subscribers, and consumers. We all want to go viral on social media. Therefore, it makes sense to track which users click on the buttons so we can focus our attention on the users that will reliably make our content go viral.

When I launched Auric, my newest blog, I wanted to make sure that social media was incorporated as a key part of the experience. That meant tracking social media actions in the same way that I tracked page views so that I could view all of the information in the same report (and hopefully affect both with the same action). If you use the Facebook OpenGraph API to incorporate the ubiquitous “Like” buttons into your content, it’s incredibly easy to track the users who click on it. First, though, if you aren’t already familiar with embedding Facebook buttons on your site with the Javascript API, you’ll want to read up on it over at the Facebook Developers site.

In a nutshell, you’re going to merely add an onClick function to your FBML code that allows the event tracking engine in Google Analytics to fire up when people click on the button. Here’s what the modified code will look like:

 <fb:like onclick="javascript: _gaq.push(['_trackPageview', 'example.com/facebook']);" href="http://www.example.com/"></fb:like> 

When a user clicks on the Facebook button, Google Analytics will track it as a pageview, allowing it to show up in your reports in much the same way that a blog post or landing page would. Here, _trackPageview has one parameter that specifies how the click will appear in your reports. I recommend customizing each of the buttons on your site by including something like the blog post ID, the permalink, or a URL-escaped title (like advanced-google-analytics), followed by /facebook on the end. Then, you can see how each individual button is performing, and also easily aggregate the data together by searcing for all instances of /facebook in your Google Analytics reports.

You can use this technique to hack together event tracking for almost any clickable element on your page. For instance, it’s simple to implement this on Twitter’s official retweet button. All you have to do is call _trackPageview asynchronously, and you’re good. Here’s how I would do it:

 <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" onclick="javascript: _gaq.push(['_trackPageview', 'THENAMEOFYOURPAGE/twitter']);">Tweet</a> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 

Just like in the Facebook example above, you can edit the sole _trackPageview parameter to customize how retweets appear in Analytics. I generally set my tracking identifiers to end in /twitter, but you can make it whatever you want.

4. Create Custom Campaign URLs to Track the Effectiveness of Link Building Campaigns

While tracking how many users interact with your social media buttons will give you a level of insight significantly higher than most other sites on the web, it won’t automatically tell you how effective social media buttons are at getting new users to visit your site (a la viral media). Of course, with a few modifications, you can easily change that. Google Analytics allows you to set up custom campaign URLs that automatically categorize and track the users who come in via those paths. To do it, all you need to do is add some parameters after the URL in the standard ?variable=value format. Here’s the variables you can use:

  • utm_campaign identifies a specific product or campaign. You might set this to retweet_button or facebook_like.
  • utm_source identifies where the traffic is coming from. Think of it as the site name or the URL. For a social media tracking campaign, you might set it to facebook or twitter.
  • utm_medium describes the type of traffic, such as cost per click, organic search traffic, or RSS. Here, you might set it to social_media.

For tracking a social media campaign, I would use a URL like the following:

  http://www.example.com/?utm_source=facebook&utm_medium=social_media&utm_campaign=like_button 

Now, the trick is to make sure that this is the URL that is shared on Facebook and Twitter. All you need to do is to append the tracking variables to the end of the URL set inside the settings for the social media buttons, and you’re all set. Building on the Facebook like button code illustrated above, it would look like this:

 <fb:like onclick="javascript: _gaq.push(['_trackPageview', 'example.com/facebook']);" href="http://www.example.com/?utm_source=facebook&utm_medium=social_media&utm_campaign=like_button"></fb:like> 

Of course, social media is not the only use for campaign tracking URLs. I also use it in my RSS feeds in order to get a more accurate snapshot of content usage within feed readers. It allows you to calculate the true value of a new subscriber, and focus your energy on the subscriber segments that will provide the most value to your site.

5. Use Custom Variables to Refine Data

Out of the box, Google Analytics only tracks pages, and it tracks each page in exactly the same way. For most, this is fine because you can usually tell which page is which by looking at the URL. However, Google Analytics is much more powerful than that – the system is flexible enough to let you build a model of your site’s content organization scheme right within Google Analytics. Then, you aren’t limited to tracking mere pages anymore. In fact, you can adapt it to track categories, tags, sections, or whatever other taxonomy you can think to throw at it. This is especially helpful with web applications and e-commerce sites where you might want to track specific actions or types of products.

Harnessing this power is as easy as sticking custom variables directly into your page code. The only sticking point is that variables are restricted to specific scopes of visitor engagement. Google Analytics offers the following three scopes:

  • Page
  • Session
  • Visitor

You can read about the scopes in Google’s custom variables documentation. It can be a bit confusing at first, but the best way to think about it is by the thing you’re trying to segment. For instance, if you want to compare pages that are in one category versus another category, you would use the page scope. If you want to compare whether a user is logged in, you would use the session scope. The visitor scope is best used when you want to compare different types of users.

Here’s the basic code you’ll need to put in the <head> section of your page to get started with custom variables:

 _gaq.push(['_setCustomVar', 1, 'Category', 'Photoshop Tutorials', 3]); 

The 1 in the code above refers to the index. Analytics only gives you five slots for custom variables, so you can pick a number from 1 to 5 to assign it to a slot. You can only use a slot once, so you’re limited to having only five custom variables at a time.

The Category text is the name of the variable. You can set it to whatever you want. If you wanted to track tags on your WordPress blog, for instance, you might set it to Tag.

Photoshop Tutorials is the value of the custom variable. In the tag example mentioned above, you would set this to the name of the tag. If you’re using WordPress or another CMS, you’ll want to use the appropriate function to set this dynamically.

Finally, the last parameter sets the scope. 1 is the visitor scope, 2 is the session scope, and 3 is the page scope.

6. IP exclusion (so you don’t inadvertently measure yourself or your web team)

Whenever I launch a new site, I generally spend an hour or two fidgeting with the design and the code to make sure that everything is perfect. From there, I’ll usually do some initial link building and go to Analytics to see if I got any traffic. And every time, I would see a huge spike on the first day. For months, I thought I was an online marketing god. That is, until I dug into the data and saw that all of the traffic came from the same browser. And from the same city. And from the same IP address. Whoops.

Now, I use the IP exclusion feature in Google Analytics to make sure that my testing doesn’t skew the data (and get my hopes up for nothing). In order to do it, click on the “Edit” button for your site on the main profile page.

filter 1 Google Analytics & Why You Probably Dont Need The Rest

On the “Profile Settings” page, scroll down the page until you see the box named “Filters Applied to Profile” (below goals). Click on the “Add Filter” link, and you’ll be taken to the “Create New Filter” page.

filter 2 Google Analytics & Why You Probably Dont Need The Rest

Once you’re there, you can stick in your IP address (or range of IP addresses) so that it is excluded from Google Analytics. As soon as you’re done, click “Save Changes” and you’re all set.

How Will You Supercharge Your Analytics?

Google Analytics has plenty of advanced features that makes it possible to never need a premium analytics service ever again. With these features and the Analytics API, you can build a very powerful web statistics system that will allow you to make very successful conversion and traffic optimizations. Do you use Google Analytics on your site? How are you going to incorporate these features? And, what features would you like to see in Google Analytics that don’t currently exist?

Thursday, January 27, 2011

Hongkiat.com: Giveaway: 10 Copies of Design Cocktail 4 Bundle

Hongkiat.com: Giveaway: 10 Copies of Design Cocktail 4 Bundle


Giveaway: 10 Copies of Design Cocktail 4 Bundle

Posted: 27 Jan 2011 05:27 AM PST

Today we are going to giveaway 10 sets of Designious’s latest creative bundle – Design Cocktail 4 – to hongkiat.com readers. Design Cocktail 4 consists of design resources like Photoshop brushes, vector files, design tutorials and other design resources that may come in useful in your project.

design cocktail 4 Giveaway: 10 Copies of Design Cocktail 4 Bundle

Let’s take a look at what’s inside the bundle.

  1. Giga Vector Pack 2 (over 500 vector elements) ($159.99)
    cocktail4 vector Giveaway: 10 Copies of Design Cocktail 4 Bundle
  2. Plus T-shirt Design Collection (15 Plus T-shirt Designs) ($150)
  3. 20 Photoshop Brushes ($200)
  4. Metalique Font ($15)
  5. Seamless Patterns Mega Pack 3 ($50)
    cocktail4 vectorpack Giveaway: 10 Copies of Design Cocktail 4 Bundle
  6. Designioustimes.com membership ($10)
  7. 3 Unreleased vector packs ($30)
  8. WordPress Karisma theme from wpwizz.com ($79)
    cocktail4 theme Giveaway: 10 Copies of Design Cocktail 4 Bundle
  9. Magazine PSD template ($10)
  10. Photoshop 3D action ($10)
  11. Illustrator Graphic Style ($10)
    cocktail4 stitch Giveaway: 10 Copies of Design Cocktail 4 Bundle

Everything in bundle adds up to a total value of $724 but it’s only selling at $29. Winners of this contest, will each get a copy of the bundle for free, and here’s how you can win yourself a copy.

How to win

We are giving away 10 copies of Design Cocktail 4.

If you are interested in winning a copy, please drop a comment below. Contest will start today, ends 1st of February 2010. Please include e-mail address. We’ll notify winners by e-mail.

Winners of: Themefuse Premium WordPress Themes

Posted: 27 Jan 2011 12:11 AM PST

Here’s a follow up for those who’ve participated in the previous Themefuse premium WordPress Theme contest held earlier.

themefuse Winners of: Themefuse Premium Wordpress Themes

Winners of the contest will each get a coupon worth $49 which allows you to download one Themefuse themes of your choice.

Without further ado, here are our 5 lucky winners:

  1. Santelmo
  2. BrettProcrastinates
  3. Steve
  4. Atomanov, and
  5. Eisburg

(ref)

Congratulations to the winners. You should be receiving an e-mail in a short while regarding the coupon code.

More giveaways coming up!

More giveaway contests are coming right up. Here are several ways to keep yourself updated with Hongkiat.com. Stay tuned!

  1. Facebook
  2. Subscribe Newsletter
  3. Twitter
  4. RSS Feed

Wednesday, January 26, 2011

Hongkiat.com: Logo Design Gone Wrong: 10 Offbeat Examples

Hongkiat.com: Logo Design Gone Wrong: 10 Offbeat Examples


Logo Design Gone Wrong: 10 Offbeat Examples

Posted: 26 Jan 2011 05:47 AM PST

Logos define brands and they create corporate images because logos are what sticks in people’s mind and creates associations. Think Coca-Cola, Nike, or McDonald’s – what do you instantly picture in mind? Right, their logos. Great logos will never allow their consumers forget about the brand – it’s what prompts them choose one product over alternative: people tend to stick to something familiar, something that brings up positive associations.

logo design wrong 04 Logo Design Gone Wrong: 10 Offbeat Examples

While the implementation of an effective logo can set a company up for success, the opposite is also possible. When outside input isn’t gathered to evaluate logo prototypes, designers can miss major steps and the result can be disastrous. Here are 10 examples of missteps and how logos can potentially ruin corporate reputations.

Catholic Church’s Archdiocesan Youth Commission
This logo was developed in 1973 and won an award from the Art Director’s Club of Los Angeles. This example shows how perception can adjust overtime with new generations viewing things much differently from their predecessors.

logo design wrong 01 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: ihatemedia)

Kudawara Pharmacy
No explanation is needed on why this logo from Kudawara Pharmacy has gained such widespread public attention. It leaves one wondering what services are offered inside those doors.

27245666 77e9881053 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: flickr)

KidsExchange
Proper capitalization and a space between the words of the KidsExchange logo could have saved this company a great deal of embarrassment.

logo design wrong 03 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: filehurricane.com)

MegaFlicks
Many customers may think twice about entering a MegaFlicks store after reading this logo. Lesson to learn: Use fonts carefully or you may regret the results.

logo design wrong 02 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: verydemotivational.com)

Arlington Pediatric Center
The Arlington Pediatric Center is certainly gaining some unwanted publicity when this logo design gone impossibly wrong. While the center may employ wonderful physicians, the public will forever misperceive its services because of this tragic logo.

logo design wrong 04 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: funnymos)

Junior Jazz Dance Class
The black-and-white images in this logo create an unintended optical illusion. One begins to wonder if it’s a junior dance center or an adult entertainment club.

logo design wrong 05 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: planetperplex.com)

Instituto de Estudos Orientais
This logo was intended to portray the sun behind a yellow building, but the simple use of two black lines on the building’s roof creates a very different image.

logo design wrong 06 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: manic.com.sg)

Office of Government Commerce
Even the simple use of three letters to create a logo can generate public outrage. Rotate the logo 90 degrees clockwise and suddenly a very different image appears. The most unfortunate aspect of this logo is it’s still being used by the agency.

logo design wrong 07 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: boingboing.net)

Clinica Dental
After releasing this logo, Clinica Dental is likely now jokingly referred to as a ‘full-service’ practitioner.

logo design wrong 08 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: flickr)

The Computer Doctors
This logo wouldn’t be so bad if only the mouse didn’t look so much like a… well, just view the photo and pass your own judgment.

434174036 a4597ef478 Logo Design Gone Wrong: 10 Offbeat Examples
(Image source: flickr)

While it may be comical to view these unfortunate logo creations and ponder how their creators didn’t foresee the tragic misrepresentations, a valuable lesson must also be learned. A logo can make or break a company’s reputation. These examples also demonstrate the importance of obtaining alternate viewpoints on logo prototypes before a brand image is implemented.

To avoid this misuse of creativity as a graphic designer, stick to the basic graphic design principles, adhere to the guidelines provided by your clients, and solicit advice on prototypes before sending them out to the public. By following this advice, you will avoid having your designs join the ranks of logos gone wrong.

(bellefoong)

Monday, January 24, 2011

Hongkiat.com: 15 First-rate Photoshop Brush Sites You Should Know

Hongkiat.com: 15 First-rate Photoshop Brush Sites You Should Know


15 First-rate Photoshop Brush Sites You Should Know

Posted: 24 Jan 2011 05:29 AM PST

Adobe Photoshop is probably the most, if not one of the most, popular graphic editing program of our time. One of the most important element of Photoshop editing are the brushes, so it’s crucial to find the suitable brushes for your design. However, sometimes it can get quite frustrating when you can’t find the tools you need to satisfy your specific design needs. It is indeed no easy task to search through hundreds or thousands of design resources sites to get exactly what you want.

photoshop brush sites 15 First rate Photoshop Brush Sites You Should Know

This is why we took the trouble to gather the best resource sites on the cyberspace for brushes to facilitate your pursuit for high-quality brushes. We hope these resource sites will bring out the best in you in your future designing undertakings. In no particular order, here are some of the top Photoshop brush sites available!

WOW Brushes
A simplistic site with some good brushes for downloads. There are also links to other pretty useful Photoshop resources sites.

wowbrushes 15 First rate Photoshop Brush Sites You Should Know

BrushLovers
Yet another resource site with a straightforward and effective rating system for the sets. Visitors can also check out the latest, most popular or highest rated brushes if they have no particular designs in mind.

lovers 15 First rate Photoshop Brush Sites You Should Know

Photoshop Mosaic
As the title suggests, this site previews the various brushes in small square tiles in a mosaic-like manner for easy viewing and navigation.

photoshopmosaic 15 First rate Photoshop Brush Sites You Should Know

Photoshop Roadmap
A huge collection of unique brush sets arranged and compiled in separate posts.

photoshoproadmap 15 First rate Photoshop Brush Sites You Should Know

Brushking
Beautiful and professional-looking brushes categorized according to themes such that it’s easy to find what you want specifically.

brushking 15 First rate Photoshop Brush Sites You Should Know

Q Brushes
With a users’ 5-star rating system on each brush set, a neat classification of brush types and even a tag cloud for all the contents, this awesome site serves as a resoureful station to gather quality brushes for your design needs.

qbrushes 15 First rate Photoshop Brush Sites You Should Know

PS Brushes
PS Brushes showcase detailed brushes within each set. Such easy referencing and its wide collection of brushes enable designers to find exactly what they want.

psbrushes 15 First rate Photoshop Brush Sites You Should Know

Chez Plumeau
This one has lots of categories of brushes designs, so there’s no worries about finding the specific themes you need.

chez 15 First rate Photoshop Brush Sites You Should Know

myPhotoshopBrushes
A valuable search menu allows for the filtering of brushes according to categories and sorting them according to date, rating and number of downloads. Each set also comes with a short description of the brush and a rating system to boot.

photoshopbrushes 15 First rate Photoshop Brush Sites You Should Know

BrushDirectory
A simple brushes resource site, all arranged in easy-to-navigate category bars on every page.

brushdirectory 15 First rate Photoshop Brush Sites You Should Know

Free Brushes
A large showcase of aesthetically pleasing brushes dating back to 2007. Comments posted by users of each individual brushes allow others to evaluate the quality of the brushes before downloading them.

freebrushes 15 First rate Photoshop Brush Sites You Should Know

Fbrushes
With over 6,500 high quality and professional-looking brushes to choose from, you’ll be spoilt for choice in here.

fbrushes 15 First rate Photoshop Brush Sites You Should Know

Brusheezy
The brushes here can be specifically filtered for your photoshop version, as well as sorted according to popularity, ratings and date of posting.

ezzy 15 First rate Photoshop Brush Sites You Should Know

Brushes Download
This clutter-free brushes site offers a wide selection of different styles of brushes to download from.

brushdownload 15 First rate Photoshop Brush Sites You Should Know

Colorburned
Apart from offering various distinctive brushes, Colorburned provides thorough descriptions for every set of brushes they post. This awesome site even has short video guides for some of their brush sets to demonstrate how the brushes look like or how they can be applied.

colorburn 15 First rate Photoshop Brush Sites You Should Know

Wednesday, January 19, 2011

Hongkiat.com: Unusual Computer Mice You Probably Haven’t Seen Before

Hongkiat.com: Unusual Computer Mice You Probably Haven’t Seen Before


Unusual Computer Mice You Probably Haven’t Seen Before

Posted: 19 Jan 2011 04:38 AM PST

A mouse is undeniably one of the essential tools because as you are reading this, you are clicking and scrolling up and down. If you use a computer (duh!), chances are you depend a lot on a mouse; this is 100% true 20 years ago, maybe 80% true 5 years ago and certainly less than 50% true these day. Reason is devices like trackpads and touch-sensitive tools are taking over the role. However, designers will probably still stick with mouse because they are the more efficient companion when it comes their work such as Photoshop, Illustrator, etc.

preview Unusual Computer Mice You Probably Havent Seen Before

5 years from now, if you revisited this post, you may find your right hand on a bottle of coke and this post is merely reminding you of a peripheral device you used to use – a mouse. Today's post celebrate a showcase of unusual, creative and funny mice ever created while it is still at the safe line before extinction! Full list after jump.

USB Penguin Mouse
Penguin mouse is one of the animal theme mouse for computer. If you like these cute animals, you can buy this cute mouse for your kids.

penguin mouse Unusual Computer Mice You Probably Havent Seen Before

Gold Brain Computer Mouse
This blinged brainy mouse is apt for the geeky folks who don’t mind playing with some jazzy stuff too. Maybe brain mouse will activate ideas in your brain.

gold brain Unusual Computer Mice You Probably Havent Seen Before

Another Keypad Mouse
Sanwa NT-MA2 is the name of this computer mouse / keypad combo. It’s available in white or black. The price has been set to 40 Euros.

keypad mouse Unusual Computer Mice You Probably Havent Seen Before

Aircraft Computer Mouse with LED Lights
The aircraft mouse is avaliable for all folks how loves futuristic thought or for Star Wars fans. Mouse is available in black or white and features two buttons, a scroll wheel and LED lights in red and blue.

aircraft mouse Unusual Computer Mice You Probably Havent Seen Before

Diamante USB Mouse
This computer mouse features two buttons and a scroll wheel, and it is studded with dazzling white, fake diamonds. Perfect gift for girls.

diamante mouse Unusual Computer Mice You Probably Havent Seen Before

Zero Mouse
The revolutionary design of the Zero Mouse combines state of the art design and lightweight materials.

zero mouse Unusual Computer Mice You Probably Havent Seen Before

Mus2 computer mouse
Mus2 cordless optical two-button mouse not only controls the cursor on the screen, but looks like one, too. Despite this unusual shape, Mus2 fits well into the hand and doesn’t cause any discomfort.

mus2 mouse Unusual Computer Mice You Probably Havent Seen Before

MLB Baseball Cap Mouse
Baseball fans will love using this MLB ball cap computer mouse. With over 15 Major League Baseball logo designs to choose from, this optical 2-button mouse is a fun and unique way to display your team loyalty while you work.

cap mouse Unusual Computer Mice You Probably Havent Seen Before

Body Mouse
Body Mouse was designed by the famous designer Chris Lomak. It does not look like a professional mouse, but funny enough for gift.

body mouse Unusual Computer Mice You Probably Havent Seen Before

Wireless Mouse – Camaro Black
Road Mice appeals to computer users who love cars. Car enthusiasts love these replica automobiles that work as fully-functional computer mice. Road Mice have smooth lines, realistic details, glossy finish and working LED headlights.

camaro black Unusual Computer Mice You Probably Havent Seen Before

The man’s body mouse
Modern optical mouse that looks like real human body. I think men will not use a mouse like that, but some women could use them.

man body Unusual Computer Mice You Probably Havent Seen Before

Optical Ferrari Car Mouse
Car 3D optical mouse looks like real Ferrari sports car that will appeal to all racing fans. LED lights in car running lights looks fancy.

ferrari mouse Unusual Computer Mice You Probably Havent Seen Before

Cyborg R.A.T. Gaming Mice
Perhaps the mouse is not comfortable because of the futuristic shapes and form looks, but it will fit in each gamer room.

cyborg mouse Unusual Computer Mice You Probably Havent Seen Before

Optical Mouse Skype Hands-free PC Speakerphone
With professional compatible earphone to protect your privacy,the Skype Mouses that has all the cool features is perfect for personal use, gifts.

skype mouse Unusual Computer Mice You Probably Havent Seen Before

Eclipse touchmouse
Featuring elegant and sophisticated brushed-aluminum finish, the eclipse touchmouse sports an advanced feature set and streamlined ergonomics. Designed for home, office or on the go, the touchmouse delivers both style and quality.

eclipse touchmouse Unusual Computer Mice You Probably Havent Seen Before

Saitek Obsidian 1000 dpi Wireless Rechargeable Optical Mouse
The ultimate rechargeable wireless mouse has an optical sensor for high speed, ultra accurate tracking and groundbreaking design with outstanding ergonomics and highly tactile materials.

rechargeable optical mouse Unusual Computer Mice You Probably Havent Seen Before

Wireless Ergonomic Computer Mouse
Optical mouse has laser pointer and ergonomic design that even slightly not looks like a normal mouse. Works from up to 15 feet away from your computer.

ergonomic mouse Unusual Computer Mice You Probably Havent Seen Before

Steelseries World of Warcraft MMO Gaming Mouse
Designed by Blizzard and SteelSeries specifically for World of Warcraft, The World of Warcraft MMO Gaming Mouse provides remarkable benefits to all World of Warcraft gamers, regardless of level or play style.

warcraft mouse Unusual Computer Mice You Probably Havent Seen Before

Portable Finger Hand Held 4D Usb Mini Trackball Mouse
Looking for something a bit different in a mouse? This new mouse from Brando might be up your alley. The two dimensions and buttons are simply controlled by fingers.

finger mouse Unusual Computer Mice You Probably Havent Seen Before

Crystal computer mouse
Lady beetle crystal mouse has very gorgeous style that is the best choice for fashion ladies and men.

crystal mouse Unusual Computer Mice You Probably Havent Seen Before

Tortoise-shaped optical usb mouse
Tortoise shaped optical mouse could be first PC mouse for your kids. The design is simple, but it is very similar to real turtle, which children will enjoy.

tortoise shaped mouse Unusual Computer Mice You Probably Havent Seen Before

Dolphin computer mouse
Similar to turtle mouse, it is very cute and ideal gift for a kids or you an use in your office to make fun.

dolphin mouse Unusual Computer Mice You Probably Havent Seen Before

Golf 3D USB Optical Computer Mouse
If you favorite game is golf, this mouse is for you, but only at home do not confuse Pc mouse with a real ball and dont take it to the game.

3d golf mouse Unusual Computer Mice You Probably Havent Seen Before

Wowpen Joy Vertical computer Mouse
Ergonomically designed for both right and left hand use with Bluetooth enabled computer. This compact and ambidextrous Bluetooth desktop mouse is only designed to work with Bluetooth-enabled computer systems, thus eliminating the need for a separate receiver dongle.

wowpen mouse Unusual Computer Mice You Probably Havent Seen Before

Creative golf mouse
Here is one more golf mouse, but this time with this PC mouse comes all playground with holes that will decorate your office.

creative golf mouse Unusual Computer Mice You Probably Havent Seen Before

Handshoe Mouse
Also called The Horse, HandshoeMouse uses the 800 dpi optical standard and practically solves the problem of muscle fatigue encountered among business and creative professionals. Hippus compared a traditional computer mouse electromyogram with the HandshoeMouse measurements.

hippus mouse Unusual Computer Mice You Probably Havent Seen Before

A Steampunk Mouse
A steampunk mouse is crafted out of wood and brass and bone. Daniel Pon how create this awesome mouse, has carved the Paradox Mouse in LEDs with extra peripherals like a mouse skull, spine and shoulder blades.

paradox mouse Unusual Computer Mice You Probably Havent Seen Before

Jelly Click Mouse
Very unusual PC mouse designed by Bongkun Shin, Heungkyo Seo, Jiwoong Hwang and Wooteik Lim. They created concept Jelly Click mouse. All the electronic circuits were on a small flexible board and the body itself is made of soft plastic.

jelly click mouse Unusual Computer Mice You Probably Havent Seen Before

Sliced Mouse
What was the idea of creating this mouse, I do not know, but it looks unusual, although not useful. The only plus is when mouse is damaged to get access to the chips.

sliced mouse Unusual Computer Mice You Probably Havent Seen Before

Memory Mouse
Memory Mouse has such a compact form, controlled by only four fingers. This design will lessen the contact surface to provide hygienic condition and also make your bag lighter than ever.

memory mouse Unusual Computer Mice You Probably Havent Seen Before

Optical Super Slim Mouse
Optical Super Slim Mouse is a wireless, optical mouse with an incredibly slim profile. At only 10mm at the highest point, it almost feels like you’re using nothing at all – just a bunch of people pawing at their desks.

super slim mouse Unusual Computer Mice You Probably Havent Seen Before

Bendy M 3 Dimensional Mouse
Kim Hye-shin perceives a single strip that can be bent into the infinite-sign-shape, with only the necessary features on it. Bendy M may be a good enough design if your focus is more on the keyboard and use a mouse just as a pointer.

bendy m Unusual Computer Mice You Probably Havent Seen Before

G-Spot Mouse
This mouse is designed by Andy Kurovets and it is called the “G-Spot”. This mouse has a secret spot. When you find it, to your favorite place on the computer it’s connected to you will go.

g spot mouse Unusual Computer Mice You Probably Havent Seen Before

Wooden Mice
Wooden mice designed by Alest Rukov is maded from types of wood cultivated specifically for industrial use, safe for the environment to manufacture and to use. All wooden components made from a single piece of solid wood.

wooden mouse Unusual Computer Mice You Probably Havent Seen Before

Jupiter, Escher and Deco mouse
This is trilogy of celestial orbs – three different products – the Jupiter mouse, Escher mouse, and the Deco mouse. Thes mouses are not cheap. Each of them costs about 150%.

jupiter deco mouse Unusual Computer Mice You Probably Havent Seen Before

An Alien Mouse
UK designer Mizanur Rehman came with a vibrant concept mouse that is described as “Alien Mouse”. Staying true to the name, the Alien Mouse is designed to mould to the user’s hand and thereby prevent RSI and reduce stress.

alien mouse Unusual Computer Mice You Probably Havent Seen Before

Wireless Building Block Mouse
Wireless building block mouse is inspired by the same building blocks we couldn’t get enough of as kids. Complete with a right and left click button and a scroll wheel, this mouse will make those boring tasks at work seem fun.

wireless building block mouse Unusual Computer Mice You Probably Havent Seen Before

The Computer-Mouse Star
Computer-Mouse Star wouldn’t be in the least bit awkward to use or even the slightest bit uncomfortable. Well for those committed to their love for stars, this mouse would be a cute accessory to your computer.

star mouse Unusual Computer Mice You Probably Havent Seen Before

Mario Brothers Mice
Dot Design 2 Super Mario Brothers computer mice from Banpresto features popular bitmap characters from the popular game series. The mice come in two designs, one featuring Mario, and the other featuring a familiar Star shape.

super mario mouse Unusual Computer Mice You Probably Havent Seen Before

eVouse Mouse Concept
This awesome and futuristic mouse has a v-shaped unique design with metallic look with a futuristic green light that illuminates on every movement, it has got action buttons just like the ordinary mouse and has got a scroll.

evouse Unusual Computer Mice You Probably Havent Seen Before

Grenade Mouse
The mouse is actually made out of an old grenade casing, so it gives a slightly more authentic feel. This socking mouse must be the ultimate gamers mouse especially for those playing war of attrition online games.

grenade mouse Unusual Computer Mice You Probably Havent Seen Before

Bling’d Out Mouse for Girls
This bling’d out mouse designed for the ladies is “embellished” with silver and crystal accents and will go a long way toward patching up any rocky relationship.

blingbling mouse Unusual Computer Mice You Probably Havent Seen Before

Gold Bullion Wireless Mouse
The gold bullion wireless mouse just may be the perfect gift, especially if you are worried about government deficits. Gold Bullion has standard left and right click mouse buttons, a scroll wheel and it will work with your PC or Mac.

gold bullion mouse Unusual Computer Mice You Probably Havent Seen Before

Ghost Mouse
This Scream inspired ghost face mouse features 3 mouse buttons, a scroll wheel, and a resolution of 800 dpi. that will provide you with high precision control. If you want it, you can get it for only about 35$.

scream mouse Unusual Computer Mice You Probably Havent Seen Before

Smitrix Swiftpoint Triped Mouse
The Smitrix Swiftpoint Triped mouse was specially designed for tablet PCs and multi-touch tabletop surfaces and it’s eliminating the pen. Why Triped mouse? Becouse it is a mouse, a touchpad and also a digitizer pen.

simtrix mouse Unusual Computer Mice You Probably Havent Seen Before

Perific Wireless Dual Mouse
Perific Mouse is a revolutionary new type of ergonomic computer mouse. It is a wireless pointing device which can be used in a variety of ways, both on and off the desk in the air.

perific mouse Unusual Computer Mice You Probably Havent Seen Before

Hybrid Monster Naga Mouse
The Razer Naga Mouse, is GamesCom’s first MMO mouse, and features cool capabilities if slaying online bad monsters is your thing.The mouse has been optimised with an extra 12 buttons which are customisable to keyboard settings on the computer.

naga mouse Unusual Computer Mice You Probably Havent Seen Before

Creative Fatal1ty 1010 Mouse
The Fatal1ty 1010 Mouse was designed with every last detail scrutinized by the world’s top FPS gamer, Johnathan “Fatal1ty” Wendel. The Creative Fatal1ty 2020 mouse has a 6.4 megapixel sensor in its base to pick up the smallest twitch.

creative mouse fatality Unusual Computer Mice You Probably Havent Seen Before

Orbita Mouse
The ergonomic Orbita Mouse is a USB wireless rotating round mouse designed to enhance navigation in a wide range of Mac and PC applications.

orbita mouse Unusual Computer Mice You Probably Havent Seen Before

Makeup Mouse
Here is the latest mouse, designed for the well groomed secretary. The cunningly hidden features include a mirror and make-up brush. Mark II now also stores Chanel No. 5 perfume and a Lipstick.

makeup mouse Unusual Computer Mice You Probably Havent Seen Before

Want More?

More creative and unusual computer peripherals, devices and gadgets, or check out our entire collection.

(bellefoong)