photo of Henrik Helmers

Under construction

The exciting life of a UI designer

Opera 11 design feedback

, ,

If you want to leave feedback about the visual appearance of Opera, this is a good a place as any. Anything goes, just be civil. ;]

Updating drop-down toolbarsSecurity indicators in the Address Field

Comments

Daniel Aleksandersendaniel Thursday, December 16, 2010 8:17:08 AM

There is already lots of feedback over in our forums.

Danieledarklink88 Thursday, December 16, 2010 8:38:23 AM

Nice work Jan! I think that only two things needs to be improved:
1) in the final mac build the little arrows on top in the tab preview are missing http://files.myopera.com/darklink88/files/freccia.jpg http://files.myopera.com/darklink88/files/freccia%20si.jpg
2) M2 needs better mail icon for Mac...too much brown!

Anyway, it's still a great improvement over the old skin!

larskl Thursday, December 16, 2010 11:07:30 AM

The main thing I don't like about the Skin is
Native Color Theme = Window Skin
This causes the UI colors to take almost only shades of grey. Imho it looks a lot better without that line, the images blue is quite well designed and pleasing the eyes a lot better than that grey.

Haavardhaavard Thursday, December 16, 2010 1:46:46 PM

Originally posted by daniel:

There is already lots of feedback over in our forums.

He's looking for specific feedback. Digging through hundreds of forum threads isn't everyone's cup of tea.

Dustin WilsonKhadgar Thursday, December 16, 2010 8:12:05 PM

I've expressed my thoughts already on my weblog. I plan on showing some more mockups soonish tackling the appearance of panels, including some changes that are necessary to my original mockups because of new things in Opera 11.

Henrik HelmersHelmers Thursday, December 16, 2010 11:19:41 PM

Hi Dustin, your mockups has been mentioned several times internally. There are many good ideas in there, but things that require code changes usually take a while to get in.

Hack My BrainHackMyBrain Friday, December 17, 2010 1:35:22 PM

I suggest to provide new options for pinned tabs' behavior.

It's a disaster for me that pinned tab minimizes and jumps to the left end.It hides the tab's title and makes it inconvenient to switch back to that pinned tab from another tab. And it throws my tabs' order into confusion,especially when I use one of my personal gestures:
close page,1 & switch to previous/next page


As for myself, a pinned tab means it is important--maybe I am watching a video in a low-speed stream so I'm careful not to close it by mistake;maybe I'm writing a comment(just like now,for this article) and careful not to close it.
And I may switch to the pinned tab anytime,so it is important not to make this frequent action difficult.

Hack My BrainHackMyBrain Friday, December 17, 2010 1:48:55 PM

em...a friend asked me to feedback his opinion.

When thumbnails in tabs are enabled,it is a disharmony to get pinned tabs,which only show sites' favicons,and common ones,which show pages' thumbnails,mixed together in the tab bar.So he suggests not to minimize a pinned tab to an icon,or provide more customizable options for old users to recover their behavior like old versions,which is similar to my suggestion

Henrik HelmersHelmers Friday, December 17, 2010 2:45:55 PM

Hi there Hack,
this is something that we are aware of. In general we want to make the features flexible, instead of adding more settings.

Also, my focus is more the appearance than functionality, so barking at me to get feature X added, recycled or removed probably won't help. drunk

benje Friday, December 17, 2010 7:24:37 PM

Hi there, first of all thanks for all the great work put into the latest version(s). Off the top of my head I can only think of a couple things that could be visually improved:
1. Colorful opera icons - especially the recycle bin (I prefer the ones in the panel or status bar)
2. Tab previews are sometimes cropped (I don't see the whole width of the page or speed dial - could however be some setting I haven't found)
3. Trusted sites in a German version of Opera show Vertrauenswürdig in the badge, which is really long and kinda ugly wink Probably a real pain to get all those words in different languages to be around the same width.

Cheers!

Hack My BrainHackMyBrain Saturday, December 18, 2010 12:36:48 PM

Haha,I don't know who to bark at,except you,Jan p

I will express my opinion at forum,being prepared to receive no reply from Opera employees...

Originally posted by haavard:

Digging through hundreds of forum threads isn't everyone's cup of tea.

Henrik HelmersHelmers Saturday, December 18, 2010 1:40:41 PM

Hi benje,
which platform are you on (Windows\OS X\Linux)? We are aware that the thumbnail generation is a bit shaky. In general we want to move away from arcane settings - you should not be able to accidentally "break" something without knowing.

Colorful icons is something that I do not think we will do specifically - we try to match the icon style to the context which they are in.

Can't really help you with the German, but if you think you know a superior word for "Trusted" then I am sure one of the QAs would like to hear it.

sttttr Sunday, December 19, 2010 7:53:48 AM

I've used Opera for 7 years or something like that, anyways, way before it was free browser. I'm sad to say that for me, the new 11 version sucks.

Restore the pinned tabs as they were before. I hate that they are small and first in the list.

Make it possible to remove the stupid "web" button and replace it back with "http://" or which ever protocol is used. All Opera users aren't morons, some of us like to see the REAL address.

Return the previous mouse sensitivity, I can't use mouse gestures anymore!

Please make all new changes like this OPTIONAL, now and in future.

Before all above are fixed, I'm not using version 11.

Danieledarklink88 Sunday, December 19, 2010 11:48:28 AM

Originally posted by sttttr:

Make it possible to remove the stupid "web" button and replace it back with "http://" or which ever protocol is used. All Opera users aren't morons, some of us like to see the REAL address.



right click on the web badge and select show full address... Anyway I don't understand why everybody is yelling at Jan...He's the skin designer not the core developer!furious

Hack My BrainHackMyBrain Sunday, December 19, 2010 1:02:09 PM

Originally posted by darklink88:

Anyway I don't understand why everybody is yelling at Jan...He's the skin designer not the core developer!


I hope that "everybody" doesn't include me.I just made a suggestion,even though to a person not in charge. sttttr's strong indignation is how I feel,too. But...it's not Jan's task,and sttttr's speaking is too frank to be polite,maybe...

sttttr Sunday, December 19, 2010 2:15:02 PM

Ok, more politely this time.

Please, make the new small locked tab feature optional. The way Opera 10 handled pinned tabs was perfect.

Please fix the mouse gestures, they worked like a charm in Opera 10, but not with 11.

Danieledarklink88 Sunday, December 19, 2010 2:47:04 PM

Originally posted by sttttr:

Ok, more politely this time.



It's not a problem of politeness, simply this is not the right place to post features requests...it's only about the skin.

sttttr Sunday, December 19, 2010 3:00:15 PM

oh, my bad. As someone who doesn't speak english as their first language and who isn't very familiar with my.opera.com, I imagined that "design-feedback" includes new functions/features/changes from previous version.

Henrik HelmersHelmers Monday, December 20, 2010 7:02:03 AM

No worries, I do not mind - but Daniele and HMB are right, I am the wrong tree to be barking up. And like Haavard likes to point out on the Desktop team blog, we read most of the comments and are aware, even if we do not respond to everything.

In a way the relationship with users is more like a benign dictatorship than a democracy. We listen to your concerns and take them into consideration, but ultimately the decision is ours.

I think the fact that so many have been screaming for opera:config#UserPrefs|ShowFullURL shows that adding more options is not necessarily the right answer here. coffee

Danieledarklink88 Monday, December 20, 2010 10:32:20 PM

Originally posted by Helmers:

We listen to your concerns and take them into consideration, but ultimately the decision is ours.


I think that the first rule to be followed by someone who's developing a software is: "never try to satisfy everyone because you can't, and someone will always complain about something" bigsmile

Speaking about complaining...I think that another part where the skin can improve is the start/resume/stop buttons used with transfers and also with Unite. The mac skin should have buttons similar to the ones used in Camino: http://s3.amazonaws.com/cbo/img/feat-growl-la.png happy or the new ones you put into opera dragonfly.

Henrik HelmersHelmers Tuesday, December 21, 2010 8:48:49 AM

I agree that downloads could absolutely use some love. Once we have finished cleaning up after the 11 launch our user experience and graphics team will shift focus towards new and exciting things. If 11 was good, then 12 has to be awesome. cheers

Danieledarklink88 Tuesday, December 21, 2010 1:21:25 PM

Originally posted by Helmers:

then 12 has to be awesome.



Waiting for Opera 12!bigsmile bigsmile ....but I hope to see some UI improvements in 11.5 too! cheers

Dustin WilsonKhadgar Tuesday, December 21, 2010 5:44:20 PM

Originally posted by Helmers:

Hi Dustin, your mockups has been mentioned several times internally. There are many good ideas in there, but things that require code changes usually take a while to get in.


Of course. Just saw you were asking for input. I didn't feel like I should repeat myself or anything. bigsmile Well, I do anything to help out. I have more ideas, but I think I'll do them in another blog post instead of spamming your comments with huge fakey screenshots. XD

Henrik HelmersHelmers Saturday, December 25, 2010 10:10:40 PM

_Grey_ Monday, December 27, 2010 7:00:58 AM

Originally posted by Helmers:

Colorful icons is something that I do not think we will do specifically - we try to match the icon style to the context which they are in.



Ever since they hired Jon Hicks, all the color went away. I can't even use the standard skin now because the panel icons are all dark gray (on gray). Absolutely indistinguishable. I have panels opened almost at all times, and I find them very useful. (I'm using the D.T.A. skin btw ... ancient, but still better than the competition).

While you're at it, you could also make bigger icons available (the icon resizing in the skin dialog is very ugly). I.e. different icon sizes, 16x16 and 32x32, maybe 64x64. Again, so people like me can more easily distinguish between buttons.

As a counterpoint to Dustin, I'd like to say I think the address bar and icons are too small rather than the address bar being too big. Maybe it would be better if you would provide a skin here on MyOpera that makes all the icons 32x32 and resizes toolbars accordingly. Then the screen real-estate junkies can have their pixels and I can have my visibility...

Danieledarklink88 Saturday, January 8, 2011 6:09:41 PM

Hi Jan I've just seen the equalizer window in iTunes while listenting to some music: http://farm3.static.flickr.com/2753/4084994616_9a97000dc6.jpg
Don't you think that the color of that window would be a nice background for [Help Tooltip Skin] and [Speed Dial Configuration Dialog Skin] sections?
Obviously I'm talking about the mac skin...bigsmile

Henrik HelmersHelmers Saturday, January 8, 2011 9:22:04 PM

Are you looking over my shoulder, Daniele? Originally it was not considered because of the trouble of clashing gradients should we want to place arrows on the side of the callout, but something similar may shortly find its way in.

Danieledarklink88 Sunday, January 9, 2011 2:38:08 AM

Originally posted by Helmers:

Are you looking over my shoulder, Daniele?


Yes, I'm a ninja!lol ninja

Originally posted by Helmers:

something similar may shortly find its way in


Waiting for this! Keep up the good work!

concipity Friday, January 14, 2011 9:39:03 PM

I do not like the grey text in the addressfield. Why did they fade out all of the address except for the domain name? Is there any way to change the shade of grey?

Henrik HelmersHelmers Friday, January 14, 2011 10:38:36 PM

Originally posted by concipity:

Why did they fade out all of the address except for the domain name?


It is there to highlight the domain name, so it is easier to spot malicious sites such as paypal.evilsite.com/login. I think it is a good security enhancement - but like all other changes it takes some getting used to.

Originally posted by concipity:

Is there any way to change the shade of grey?


Not that I am aware of. Do you use a color scheme that makes it clash?

concipity Monday, January 17, 2011 7:59:44 PM

Originally posted by Helmers:

Not that I am aware of. Do you use a color scheme that makes it clash?


I would like it to be easier to read. I have a coloured background in the address field set up in the themes that I use. I was wondering if there was some styling in the Opera structure itself that was being used and if it could be edited. I was able to change the colours in the Preferences Editor by doing that.

Joelspadija Thursday, January 27, 2011 6:10:55 AM

In the Windows skin, the close buttons in the tab stack popup are partially covered by the thumbnails. (See #2 here)

Also, (#4 in that link) there's a 1px gray border around any custom panel which looks much nicer when it isn't there. If you look at the image for #5, the icon for the custom panel is that site's favicon. Since the favicon isn't as large as the normal icons, the area surrounding it isn't as big, and it doesn't stretch the height of the toolbar (with the toolbar set to top), which looks ugly. I tried resizing the saved copy of the icon 22x22 and locking it from being edited, but Opera just scaled it back to 16x16 in the toolbar. There doesn't seem to be a skin section specific to favicons either, so this could be tough to fix.

The last issue I've found with the skin is that there is no border on the bottom of the address bar in speed dial. I can't find any way to put it pack though, so it might not be a skin problem.

Henrik HelmersHelmers Thursday, January 27, 2011 11:17:54 AM

Joel, thanks for the feedback. I'm adding them to our issue tracker for follow-up.

Joelspadija Thursday, January 27, 2011 6:45:32 PM

You're welcome. smile

Mike Landisparatracker Saturday, May 28, 2011 3:53:05 AM

Where did you put the frakking EXIT button (so windows and tabs will be saved)??? I am currently killing the application with the Windows Task Manager to avoid using CLose Group from the Explorer bar (which sends individual windows a close signal, so the application only remembers the very last window closed). If Close All in the banner popup menu is really an Exit function and not the equivalent of Explorer's Close Group, I wish you'd rename it.

Joelspadija Saturday, May 28, 2011 7:57:15 AM

Menu > Exit?

larskl Saturday, May 28, 2011 12:32:57 PM

The X in the upper right just like in every other Windows app?

Mike Landisparatracker Tuesday, May 31, 2011 5:16:18 AM

Larskl, the X in the upper right corner is a Close Window button, not an application Exit button.

Joel, where is the menu that contains Exit? I don't see it.

Joelspadija Tuesday, May 31, 2011 2:34:21 PM

The big red menu button in the upper-left. The one that says "Menu" on it.

larskl Wednesday, June 1, 2011 12:08:26 AM

Originally posted by paratracker:

Larskl, the X in the upper right corner is a Close Window button, not an application Exit button.


So where's the difference between the 2? You have a lot of windows (as opposed to tabs) open and want to close them all at once? Can hardly see any reason to use multiple windows, but if you really need an Exit button and don't like the menu item you can just add one yourself.

Joelspadija Wednesday, June 1, 2011 3:04:38 PM

The X closes one window. "exit" closes everything at once so that it will all be there again when you restart Opera.

concipity Monday, June 20, 2011 10:28:28 PM

Has anyone managed to change the interface font type and size in Mac Opera 11.11? I have a new, very hi-res monitor, and the text in the interface is small and hard to read. Add to that the greying-out of part of the addressfield and it makes reading the address difficult. Using Preferences > Advanced > Fonts is absolutely no help at all. The only thing I was able to change was tooltips.

Write a comment

New comments have been disabled for this post.