Featherweight - first phase
By Henrik HelmersHelmers. Wednesday, June 22, 2011 9:00:00 AM
Good morning, this is Helmers from Opera User experience and Graphics (UxG). Today we are excited to share results of the first phase of project Featherweight. Our goal has been to make Opera as light, bright and user-friendly as possible—without sacrificing power or flexibility. We want the user interface to match the speed of our rendering engine.Featherweight has been under wraps until now, so that we may present a comprehensive solution, not bits and pieces. Some changes are highly visible, such as those to the address and status bars, but you will find that we have reworked much of the skin throughout—including a brand new icon set. This is the first step in project Featherweight, and a major collaborative effort between the UxG and Desktop teams. Enjoy!
Highlights
- Brand new toolbar icon set
- Brighter, softer colors for backgrounds and borders
- Padding and alignment improvements
- Updated status bar design and content
- No more button borders in the address bar
- The Home and Fast Forward buttons now optional
- New "tab fold" attention state - no more blue blob
- New window gradient for OS X
- The text in the status bar may be invisible in dark themes
Windows screenshot (click for full size):

OS X screenshot (click for full size):

Unix screenshot (click for full size):

Remember to keep feedback constructive and to the point—we know many of you are passionate about UI changes!
WARNING: This is a development snapshot: It contains the latest changes, but may also have severe known issues, including crashes, and data loss situations. In fact, it may not work at all.
Download



« Previous 1 2 3 4 5 6 7 8 Next »
pepkin88 # Wednesday, June 22, 2011 11:23:54 AM
maexl # Wednesday, June 22, 2011 11:24:13 AM
Originally posted by Crabman:
You can open it with the "down"-key on your keyboard.
operadejf # Wednesday, June 22, 2011 11:28:10 AM
Please, try something modern. This is only variation on the chrome.
Olegmelnichuck # Wednesday, June 22, 2011 11:30:08 AM
Originally posted by MRCS:
You can still access it by pressing Down on your keyboard.
Crabman # Wednesday, June 22, 2011 11:30:15 AM
Originally posted by maexl:
I know but I don't always want to use the keyboard and even if that's not an issue it now takes one more step to get to the menu than before.
Michael PetrushinFifonik # Wednesday, June 22, 2011 11:30:20 AM
- Glitches of Closed Tabs icon in case of Icons Size in settings is not equal to 100% (DSK-333993)
- The height of search fields placed into Bookmarks Bar is too small (DSK-333389)
- After checking/unchecking custom style not all the elements on the page are become to original state (DSK-308343)
metude # Wednesday, June 22, 2011 11:32:27 AM
Some align issues with buttons which is added bottom of panel. http://prntscr.com/248zo
And in this build Ctrl+Enter doesn't working.
vlevi # Wednesday, June 22, 2011 11:33:39 AM
And the other thing, please do something with that thick blue border on speeddial icons. It is Ok, if you have only 4-6 speedials, but it is to thick to 20-25 speeddials. I think, half of the thickness is more than enougn. For the blue color, I recommend using the color scheme, that the I've chosen. For example, sand.
OPERATORGÖKTÜRK # Wednesday, June 22, 2011 11:37:35 AM
d_A_yday-x # Wednesday, June 22, 2011 11:39:43 AM
maybe addressbar border should be thinner too?
and in addition to these interface changes, it could be useful to see some more text at the spacious top margin: a title of page to the right of menu button
Dan Alexandrudantesoft # Wednesday, June 22, 2011 11:40:16 AM
KerenSkyy # Wednesday, June 22, 2011 11:42:07 AM
ZhangLeibjzlcn # Wednesday, June 22, 2011 11:45:07 AM
r13raphweng # Wednesday, June 22, 2011 11:45:24 AM
Now the "criticism":
The pop-up (which appears when when typing a keyword or URL) looks messed up - as it stems from older versions. The "headlines" need to be more seperated, the on-hover-background for links in this pop-up was better in 10.5 and higher.
In the address-bar, the blue progress-bar still looks like in version 9 or so (with this skin, it doesn't go so well anymore).
Originally posted by Muhammad-Ubaid raza:
+1
Originally posted by earth01:
+1
Originally posted by earth01:
+1
Martin RauscherHades32 # Wednesday, June 22, 2011 11:46:39 AM
http://my.jetscreenshot.com/1131/20110622-6xol-25kb
GeorgoSK # Wednesday, June 22, 2011 11:47:35 AM
Originally posted by Slamdex:
Or do they? A couple of years ago, nobody, even in the IT community, knew what 'cloud' had to do with computing, and now, all of sudden, it's the buzzword of the year. Quite frankly, looking at the new icon alone, I wouldn't have guessed it had something to do with sync. On the other hand, the two swirling arrows have been associated with data synchronization for ages, and make a perfectly logical choice for Opera Link.
Opera, please, don't just follow the crowd and think a little! Just because Apple has a new favorite word doesn't mean that everyone has to blindly submit to that.
Apart from that...
I like the new skin and the overall styling, but I'd also agree with some of the much-repeated points of criticism here. For starters, monochrome icons are a usability setback. I know they tend to come in and out of fashion every once in a while, but let's not forget color is an important part of human visual perception. Speaking for myself, my eyesight isn't all that great, and colored icons make navigation much easier, because they don't force me to focus on fine details, but are intuitive and easy to find.
Also: +1 for
- address bar padding vs. tabs that are too short (makes tab switching harder)
- Opera button with embedded text (should be removable)
- problematic layout when tab bar is set to vertical on the side of the screen - the menu button just shifts to an awkward positions and the top of the windows is dead space
Petruspetrus # Wednesday, June 22, 2011 11:47:50 AM
maexl # Wednesday, June 22, 2011 11:50:17 AM
Originally posted by Crabman:
I know what you mean...it should only be a little "workaround". But a little (!) arrow shouldn't be such a problem. We'll see...
ClashCityRockerclashcityrocker # Wednesday, June 22, 2011 11:53:27 AM
I also had some skin weirdness ("ghost tabs") on first launch, I had to reset the appearance back.
Old-Nick # Wednesday, June 22, 2011 11:56:04 AM
Originally posted by melnichuck:
Indeed. But that breaks my behavior, as I have to take hand from mouse to click down arrow at my keyboard.
BTW: Is this restyle your work?
LisandreL # Wednesday, June 22, 2011 11:57:17 AM
Opera Link button is totally understandable. It should be cycling arrows (as a common symbol of synchronisation), but the new icon looks like the poo-poo (or it meaned to be a cloud?) - it is not a symbol of synchronisation.
Differ "show all pictures" and "show cashed pictures" icons with only a color is not a smart idea too.
kriko # Wednesday, June 22, 2011 11:58:11 AM
Erik HauboldAltarius # Wednesday, June 22, 2011 12:03:27 PM
Originally posted by kriko:
yeah, noticed that too.
also the buttons at the top of the mailpanel don't have any hover or something like that.
cliche37 # Wednesday, June 22, 2011 12:04:37 PM
1. Tabs feel smaller than in the last release which makes absolutely no sense considering the page real estate is the same.
2. Some buttons should be a little bit bigger. Such as the close button icon.
3. The lack of a background for the new tab button seems awkward.
4. There should be the ability to change the O Menu button to just say "Menu" instead of "Opera Next"
5. When you go to Help > Check for Updates, the animated loading icon in the dialog box is pixelated/blurry.
6. When enabling the "Show Menu bar" option in Vista, you cannot see the menu text.
7. It looks too similar to another browser I know now...
Those are the only problems I see so far. The O Menu looks disproportionate to the tabs in this GUI, but that isn't so big a deal.
Sujit IslamSujiti # Wednesday, June 22, 2011 12:06:46 PM
kyotocafe # Wednesday, June 22, 2011 12:08:39 PM
ChrisSlamdex # Wednesday, June 22, 2011 12:09:32 PM
Originally posted by earth01:
What is this? You aren't even making sense. What are you trying to say?apfelmaus # Wednesday, June 22, 2011 12:10:15 PM
ChrisSlamdex # Wednesday, June 22, 2011 12:12:59 PM
Originally posted by GeorgoSK:
Exactly. Now people know what it means.Originally posted by GeorgoSK:
So Opera should be different just to be different? That's just silly.NoFanboyNofanboy # Wednesday, June 22, 2011 12:15:01 PM
NiColaoSNikDaMark # Wednesday, June 22, 2011 12:15:41 PM
Originally posted by pepkin88:
Simply enough... I just "can't live" without having the ability to change tabs while mouse pointer is on top-edge.
+1. They MUST fix it asap! I don't understand why it doesn't work... Since I did the change through about:config! I don't say make it default! Just while the option is there...
Satan D. Lucifersupertrol # Wednesday, June 22, 2011 12:18:39 PM
this is what i have noticed.
1)Installation is Fast
2)Page Loading is Superfast
3)Benchmark in some aspects is really fast
4)Built In features yet still fast(without HWA yet)
5)INTERFACE is fast
also,when the interface is lightweight..i notice increase page loading in some sites..hell, even when turbo is on still faster
try this skin and read the description from the author
http://my.opera.com/community/customize/skins/info/?id=10162
Wilbundel # Wednesday, June 22, 2011 12:20:07 PM
vlevi # Wednesday, June 22, 2011 12:22:00 PM
I hope, nobody wants to use the menu bar :
http://farm6.static.flickr.com/5120/5859446367_5928094bd6_b.jpg
pablo2m # Wednesday, June 22, 2011 12:23:29 PM
The icons look better but have become very small, I think if they were bigger would be easier to click on them.
ChrisSlamdex # Wednesday, June 22, 2011 12:24:02 PM
Originally posted by vlevi:
I think it's more accurate to say that Thunderbird handles Gmail's disgustingly broken and sorry excuse for an IMAP implementation.btyop # Wednesday, June 22, 2011 12:24:08 PM
But I do agree that address bar need to be thiner, tab height should be consistent between normal and pinned, and the ability to remove the text on menu button.
Originally posted by NikDaMark:
You really are obsessive with square, don't you?
Maybe we need to learn how to modify skin by ourselves
eini # Wednesday, June 22, 2011 12:24:44 PM
Originally posted by Crabman:
+1
90% of the time, I surf by history. This change means that i have to switch between keyboard and mouse all the time.
Very annoying and makes the browser almost unusable for me. Please make it at least optional.
CaseCase1 # Wednesday, June 22, 2011 12:34:31 PM
NEOAethyr # Wednesday, June 22, 2011 12:35:44 PM
Otherwise it looks exactly the same other then a few layout fixes.
It's all cool though with me.
Edit:
Oh sh!t...
The addy drop down is gone.
I guess that's ok because I never liked it to begin with but it will take some time to get used to that's for sure.
flatter # Wednesday, June 22, 2011 12:36:45 PM
Balázs Bodóblasiotm # Wednesday, June 22, 2011 12:42:02 PM
About the new skin:
1. Panels opened looks REALLY UGLY! It'd be better to open it under the address bar, I think.
2. Opera button is annoying as I cannot remove text, as earlier.
3. Too thin tab bar (especially compared to the address bar).
That's all for now.
But anyways, really nice skin, really good build! (As the Next channel appeared, I stopped using dev builds, but now, I think I come back!)
Go on like this! Congrats!
Tygas # Wednesday, June 22, 2011 12:43:28 PM
MRCS # Wednesday, June 22, 2011 12:53:26 PM
Originally posted by melnichuck:
Thanks for your comment, Oleg. I know about the down arrow, it's just that I'd prefer the dropdown. I don't access it all that often so, yeah, I can live with that.Now if there was just a way to get rid of the Widget and RSS icons. I've never been able to find a way to customize them out of existence.
M-Z # Wednesday, June 22, 2011 12:59:16 PM
docThe-Doc # Wednesday, June 22, 2011 12:59:57 PM
VictormwChief # Wednesday, June 22, 2011 1:07:50 PM
https://lh6.googleusercontent.com/-VtWYfWXCn3E/TgHo47yRn6I/AAAAAAAABW0/z2s41rGRB9c/s800/Untitled.png
Bhikkhu PesalaPesala # Wednesday, June 22, 2011 1:11:25 PM
http://files.myopera.com/Pesala/files/Featherweight%20Tabs.png -
OLokLiRoloklir # Wednesday, June 22, 2011 1:13:46 PM
It looks more clear in Windows 7.
kapsi # Wednesday, June 22, 2011 1:15:07 PM