Skip navigation.

Numen omen

myśli niesparsowane

How does Opera icon stuck up against other browsers?

, , ,

A Wikipedia article states that "a computer icon is a small pictogram (...) which represents a file, folder, application or device on a computer operating system." Apple adds that icons "help communicate what you can do with an application before you open it." The already mentioned Wikipedia entry also says that "the icon must be original, distinctive, and tiny and it must be useful on a wide variety of monitors set at different resolutions." Quite a complex and difficult, yet important task, isn't it?

It is generally agreed that a well-designed and distinctive icon can make a good impression on the users. Of course, it would be silly to choose a particular browser based solely on its icon design, but if you came across a page recommending a few (unknown) browsers, I am quite sure you would click on a well designed icon as it gives an impression of being a more professional product.


Now look at the picture. There are icons of twenty web browsers (more or less popular) in it (Internet Explorer appears twice, as one icon belongs to the Windows version 7 and the other to an already discontinued Mac version). How many can you recognize? (hint: icons appear in alphabetical order). Which would you click if you were asked to launch a web browser (provided you were not using any of them, of course). What made you choose that particular icon? Would you be able to recognize all those web browsers’ icons if they were placed among hundred other icons of different programmes?

Apple suggests that an icon should give you an idea of what the purpose of the application is. This requirement is often hard to meet and in my opinion not really necessary as icons serve as visual mnemonics and can be anything you like as long as they help you remember what they represent. This does not mean obviously that application developers should make them hard to decipher for the users.

You have probably noticed that those twenty icons share certain characteristics. The most striking is perhaps the use of globe (or sphere) as the representation of the fact that it is a World Wide Web after all. Also, many applications display the first letter of their name in their logo (this includes the Opera logo, of course). Still others (e.g. Firefox) prefer to use a picture to convey their name. As for colours, blue is the most dominant whilst red is used only in Opera logo really (not taking into account small touches of in it in other icon designs like the pointer of the compass in Safari). There are also elements of navigation present in some of the designs too which may suggest the programme is used for browsing or navigating the web. Interestingly, there is only one icon suggesting surfing (a fish on the wave from Shiira), a pretty obvious collocation with the web, in my opinion.

So how does Opera icon stuck up? In my opinion, and you may well be of a different one, it is not really as appealing shiny and professional as others. Sure it is not the worst (I think that place goes for Amaya -- the first icon on the list), but it is inferior to many others including those of Open Source products which historically (but that is changing now) have always had the worst visual representation.

Another, maybe even more interesting question is if it needs a redesign. And if yes, should the developers (or rather designers) just add a few touches to make the icon more flashy and professional or should they design a completely different one from grounds up and perhaps make it more telling of the application purpose. You should bare in my mind that companies mostly opt for the first option, especially if the product's icon also happens to be their brand image (as is the case with Opera). Obviously, Opera could still keep the big red 'O' as their company logo and create a completely new icon for its internet suite, namely Opera browser.

My opinion? In a nutshell, I believe Opera deserves a totally new icon and the company a more professional design (though it would be probably well if the latter was based on the current one). What about yours?

Another campaign?Opera Mini 2.0 dostępna!

Comments

larskl 2. May 2006, 09:34

The positive thing Operas logo is that it's still very visible even if it's tiny. Zoom this page to 10% and check which icons you still recognize. Very useful for a product that targets the mobile market.
So when creating a new icon there's a task here that's much harder to fullfill than for other browsers. They don't have to care what their icon would look like in 8*8px.

Jakub81 2. May 2006, 09:53

IMO "professional" icon doesn't mean "flashy" or "shiny". Probably the worst example is the second icon in the first row - take away all the effects and what we have? A strange arc in a circle. Nothing.

IMO a professional icon is the one that is good even if you remove all the shadows, highlights and 3d effects. I think the best icon is Internet Explorer icon. Even if you remove all the bells and whistles, it's still a damn good graphical symbol: http://www.chicercatrova2000.it/news/img/ms_ie_logo.jpg

It's simplistic. It's readable even in small sizes. And it says something.

Most of other icons are mediocre IMO.

I think a good icon should say something about the product (browser). For example that it's fast and lets you browse around WWW (like IE icon). It should be symbolic. I think it shouldn't be just a pretty image (at least in most cases).

Numen 2. May 2006, 10:37

@larskl
Yes, I've written in the introduction, that an icon should scale well across different resolutions, but 8x8 px is perhaps too extreme. And Opera icon is visible only because it's red, thin and high contrast as it is a plain character with a shadow...

@Jakub81
Yes, generally flashy means not professional at all. I meant it should be professional and still pleasing to the eye, interesting and well done, up-to-date.
I don't like AOL Explorer icon too (in my example it misses a drop-down shadow, but it was tough to find a big enough icon with it), but disagree about IE icon -- it doesn't suggest to me it's about browsing the web (and as I stated above, it's not a requirement for me either), it's about being global and 'chosen' (association with First Star perhaps). Call me paranoid, but that reminds me of Microsoft monopoly.:wink: Though I admit the idea is good, e stands for explorer, it's round and resembles the globe (especially with the eye-candy on) and the arch running around it (formed by a comet, star?) can suggests it's fast. My personal favourites are: Flock, Seamonkey, Konqueror, Firefox, Camino, Safari and Shiira icons.

FataL 2. May 2006, 14:59

Originally posted by Jakub81:

I think the best icon is Internet Explorer icon. Even if you remove all the bells and whistles, it's still a damn good graphical symbol

Agree 100%. I always create logos and icons from simple forms without effects, and than can decide to add some shine.
Opera icon (as for browser icon) is horrible in my opinion.
So, that's my rating of browser icons:
  1. Internet Explorer
  2. Flock
  3. Netscape
  4. Camino
  5. Firefox
...
18. Opera
19. iCab
20. Amaya

I feel that I will join people that try creating new Opera browser logo soon. :wink:

Kelson 2. May 2006, 16:04

I remember reading UI guidelines for icons -- I think they were the Gnome guidelines -- which suggested that icons should be designed with such that they would still be recognizable even if only the silhouette were visible. This was primarily aimed at visually-impaired users, but it applies to small sizes and limited-color displays as well.

By that standard, which icons on this set would be (easily) identifiable by silhouette only? Definitely Amaya, Epiphany, Galeon, iCab, IE, Konqueror, and Opera. Possibly Camino. The rest are circles with bumps on them, except for Avant Browser, which is just a rounded square.

Numen 2. May 2006, 16:45

@Kelson
Indeed GNOME Human Interface Guidelines 2.0 recommend distinct silhouettes, but for icons on *the same* toolbar to make it easier for the user to discriminate between similar icons (based on the same theme). The document also suggests creating high contrast icons for visually-impaired users and even shows examples of simulated appearance of those icons for someone with a visual impairment.

Btw, the guidelines are a great read (not just the icons part).

Anonymous 5. May 2007, 11:21

Nadav writes:

@Numen
Hi :-),
I wanted to ask whether you compiled the picture of all the browser logos yourself (and have the copyright) or is it from somewhere else (i.e. wikicommons)? The reason I'm asking is because I wanted to use it in a paper I'm writing at university, and I have to get the copyright-holder's permission.

I looked all over this site for an email address to mail this query, but could not find one. That is why I am using the "comments" option.

Thanks for your quick reply,
Nadav.

Anonymous 5. March 2008, 18:35

20kilka writes:

I don't like opera's icon. I think opera is one of the best web browser but this icon is really poor

FataL 5. March 2008, 18:59

It's relativelly easy to rise Opera downloads -- just change the icon!

Anonymous 10. February 2009, 21:04

Anonymous writes:

I almost dont want to use opera because the icon is so dumb. IE is byfar the best icon.

Anonymous 25. February 2009, 14:40

I ate writes:

Your mother out.

Anonymous 23. May 2009, 04:52

Anonymous writes:

There is only 3 things wrong about Opera:

1. Not enough people know about it.

2. Icon sucks.

3. And yes- I think the name sucks too!

I only used Opera because I heard it was the fastest web browser.

That is the complete...TRUTH!

Love Opera

Opera for Life!

Manzur02 18. August 2009, 16:04

I don't set opera as my default browser because is not as fast as google chrome or safari, but i use opera only with my socail networking and photo sharing accounts just because it got a pretty look and elaboratng appearance....

Manzur02 18. August 2009, 16:11

If anyone requires opera icon then don't just shout around go to google images and type 'opera icons' edit it and set it in your browser.. so simple guys....

Anonymous 9. November 2009, 06:16

Anónimo writes:

I'D LIKE TO HAVE THE NAME OF ALL THE LOGOS, FOR MY CLASSES. TKS

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies