I invite you all to take a look at the background and current progress
on the designs here:
http://wiki.mozilla.org/FX2_Visual_Update/Default_Theme_Update
I'll add mockups as we go along, and would ask that you give us
feedback on this thread or in this forum so that we have a single
place where we can interact and discuss the theme. We need to move
quickly to get this into Firefox 2 Beta 2, and are looking forward to
your thoughts!
cheers,
mike
--
/ mike beltzner / phenomenologist / mozilla corporation /
Very nice! The preview looks both very attractive and immensely
usable. No doubt a tremendous amount of work has gone into this
design.
Is it the intention to reposition the throbber from the menu bar to the
nav bar? The preview image suggests this.
congrats by the way, the new theme looks good. i like especially the
new tabs.
a little criticism: the toolbar-icons are very dark. i'm not sure if
this is just because of the difference to the current winstripe-theme,
but this is something that I recogniced very early :)
I`ve seen this statement on
http://wiki.mozilla.org/FX2_Visual_Update/Default_Theme_Update:
>...to match better on Vista, with modern XP apps, and OS X.
Is there intention to better integrate new theme into Gnome & KDE
desktop environments look&feel or only listed OS?
Frankly, I was not too happy with the default Fx theme so far (the
icons were really really dull)... and hence always had to search for
some other better theme.... but I can say right away that with this as
default, I will no longer have to search AMO for themes anymore :-) I
am happy...
When do we expect to get a test build of this theme, or when are we
planning to intro it into the Fxb2 Branch? I can't wait!!
PS: Had seen some discussion around changing the throbber. Can't it be
smoothened a bit like the rest of the theme? I mean can the small dots
(circles?) be changed to something more continuous/smooth.
The only thing I am slightly concerned about is that the desaturated
look of the endcap buttons makes them appear disabled.
Are there any plans for updating the throbber as well?
- Adam
~B
Overall, this looks great. I especially like the new tab look. It is
much more attractive and more functional at the same time. I also like
the "Go" button flush with the address bar and the desaturated borders
on the "Go" and "Search" buttons.
I do not like the "Home" icon. The other icons have a distinct focus
about the center line of the toolbar, while the shape of the "Home"
icon gravitates more toward the bottom. It tricks the eye into
thinking that icon is out of alignment with the others, even though
it's not.
I'm not sure about the color palette for the icons. I'm inclined to
agree that it's a little dark, but that might just be because it's
different. I'll have to see it in action, I think, before I make a
decision.
- Will
I'd also like to see how the back/forward/stop etc. look when moused
over. Does the "stop" button turn redder if moused over. If not is
there a reason the "close tab" button and the "stop" button are
different shades?
I really like the way the "go" and "search" endcap buttons butt up
against their respective input bars. Perhaps to link them even
stronger - mousing over the endcap buttons could cause an extremely
light tint to be added to the text field itself... I'm just thinking
aloud here.
I don't really like the fact that new search engines will glow. I
imagine it is like xp highlighting new programs. I always turn that
off because I find it distracting. I hope I can turn this feature off
as well.
Thanks for allowing the opportunity for feedback.
Thanks,
Kevin
I'm so glad you didn't reinvent the wheel and just evolved the
interface we already love. You can tell a lot of thought went into
this.
One thing that'd be nice would be if tabs you haven't viewed yet
appeared with a different color.
Thanks!!!!
VX
Overall, I think the designs are moving in the right direction. I have
a couple of thoughts that may help. I've created a mockup to go with
the below explanation:
http://www.modernpixel.com/firefox/modernpixel-firefox2.jpg
Unfortunately you have the horrendous Windows XP interface to
constantly visually battle everything else on the screen, so it's
important to keep the actual program interface as clear as possible.
Some areas that could be improved:
I think that the multiple colors of the main buttons (back, forward,
refresh and home) are two varied and bright. They're a bit of an
eyesore and being that they are so commonly used and well known by
users, it seems unnecessary to give them so much presence. I think
keeping them monochrome until rolled over simplifies the look. If the
buttons aren't available, they'll be a light monochrome, if they are
available but not currently hovered, they'll be a darker monochrome
with more contrast. On hover, they will be colored.
In addition, the space between the back and forward buttons can be
compressed, since they are so closely linked in purpose. The small
history arrows next to them should be located in the same place for
each arrow - I suggest at the point of the arrow. This makes for a more
even distribution of icon weight, and also makes more sense since the
arrows are pointing towards their respective histories.
Next, and this is small but important - you've modified your "go"
button so that it's the same icon as your forward and back button. This
is a confusion of metaphors and I think it's much clearer to simply use
the word "go" on the button (or if an icon is needed for multiple
languages, use a different icon.)
My biggest issue is tabs, which I think are still too difficult to
differentiate. I think the tabbing function is very useful, but quickly
becomes exhausting to look at because of similarity. You've taken a
step forward by varying degrees of contrast - I would say take another
step and deepen the contrast so that the front tab is very clearly the
selected site.
You can achieve this in two ways, lowering contrast of the unselected
tabs, and making sure that the icons for the sites are also desaturated
(currently the Mozilla icon is the same red in the on and off state.
In addition, drawing a thicker white line below (and attached to) the
selected tab, that runs the length of the page, makes it much clearer
that the tab you have selected is related to what you are looking at
below. It visually connects the site to the tab.
I hope this helps, I think the Firefox product is, as always, moving in
new and exciting directions.
Joe Rivera
www.modernpixel.com
When a site is added to the Bookmark bar - I think it would be useful
to have it default to adding a vertical separator, rather than have
that be an option to do manually. That simple additon goes SO far in
helping to keep the bookmarks tidy and readable.
Joe Rivera
www.modernpixel.com
That said, I was also worried when I saw the early mockups of the
Firefox 1.x theme, which really shaped up in the end, and I hope this
theme is much more polished by the time Firefox 2.0 ships.
When I want to close multiple tabs, now I just click one place and I
know what's closed - one after other, without looking up.
With separate buttons I need to look up, find the button, position the
mouse and click each time. That's the reason I hate Opera.
Csaba
Here are some things that I think could be improved :
- The red (from the close buttons) should be toned down a little, or
made orange like the current theme. It's way too agressive and
distracting currently. (The stop button would be generally disabled
right?)
- I think the glass effect is a little overdone and the color scheme
sould be tweaked.
- Why is the dropdown button of the adress bar no longer native-like?
- Perhaps the gradient on the back of the tab bar could be a little bit
more subtle?
- The throbber is asking for too much attention ;-)
I really like that the home button now has the same perspective as the
other buttons.
Thank you very much and keep up the good work.
alex.r.
The design looks good overall though. Looking forward to seeing the
final!
Ryan
That is an entirely different subject. Besides, there is supposed to be
a pref to restore the old function.
Well, it is still in mockup stages. So maybe they haven't worked out
that part yet.
I was expecting something a little more up tempo. But I guess that
conservatives will love it, while the rest look for a more appealing
option. I can't say how this will compete with IE7 visually however.
But its decent. Needs a little polishing, but decent.
I'm hoping that as firefox transitions from version 1.x to 2.0, there
will be a major theme upgrade, then just include a original theme as a
choice to set later for those who don't want anything flashy/new.
The back and forward buttons are ok, but seem to 'glossy' in the
mockups.
I agree. Though, I don't think that they quite finished with laying out
things yet. So I'll wait before I say anything on that part. But the
icons remind me of Tango. I don't know if that's a good or bad thing at
this point.
> I'm hoping that as firefox transitions from version 1.x to 2.0, there
> will be a major theme upgrade, then just include a original theme as a
> choice to set later for those who don't want anything flashy/new.
>
They don't "necessarily" have to include it. Just make it available on AMO.
Justin.
beltzner wrote:
> Sorry to be so distant; I and others have been working closely and
> intensely with our new friends at Radiant Core
> (http://www.radiantcore.com) to quickly iterate on the new Firefox 2
> theme. It's not been an easy task, since we knew that a lot of hard
> work went into the *stripe family of themes, and yet we also knew that
> the theme has started to look its age.
>
> I invite you all to take a look at the background and current progress
> on the designs here:
>
> http://wiki.mozilla.org/FX2_Visual_Update/Default_Theme_Update
>
Test your themes with larger fonts. Make sure they scale up gracefully.
Too often these elegant curved end caps only look good with the teeny
tiny fonts you young guys seem to prefer. When you set your system font
to large (120%) in Windows, the results are bad in many themes where
the text holders (the urlbar, for example) cannot grow with the
fontsize.
Test your theme. Using Windows XP, go to your desktop and right-click
to bring up the context menu. Then select Appearance > Advanced >
Message Box. Set the fontsize to 20 and see what you get. That setting
controls the fontsize for the searchbar, the urlbar and the bookmarks
personal toolbar. Then do the same with the Menu setting. That controls
the menubar (File - Edit - View - History - Bookmarks - Tools - Help)
and the tab captions.
Do your themes expand to accommodate those size changes? Mine do. And
certainly the default theme for Firefox - the one that all users see -
must do so.
Theming is hard. Fancy theming is not fully supported by Firefox (just
try, for example, making smooth curves with the -moz-border-radius
property). If your fancy theming will not adapt to the needs of all of
our users, then it does not belong in the default theme.
You should also keep the address bar big, it looks very cramped in the
mockup. Move the throbber back to the menubar and shorten the search
bar and you're fine.
Other than that, I like it a lot. :)
I think its also a time for a new throbber.
http://design-noir.de/bugzilla/fx2-theme-01.png
joer...@gmail.com wrote:
> http://www.modernpixel.com/firefox/modernpixel-firefox2.jpg
Have you tried closing tabs with middle-click? You can middle-click
anywhere on each tab to close it. This allows me to use the Tab Mix
Plus extension to remove all closeboxes from the tabs and tab strip to
make it less cluttered. The middle-click feature should be more
discoverable, there should be a tooltip or something similar that
appears on first run of Firefox to alert more people to it.
Great new theme, although I'm not yet sure about the Home button. I
look forward to seeing the next version with new tab button, pie chart
throbber, etc. Hopefully Beta 2 will have the new theme so we can play
around with it.
I love the look of that theme. Great job!
You're right, I mixed it up. According to
http://wiki.mozilla.org/FX2_Visual_Update/User_Interface_Design Go and
Reload should be combined:
And yes, I agree it doesn't make sense to always show the lock just as
it really doesn't make sense to always show the RSS icon when RSS isn't
available, it simply takes up space.
~B
Like others, I think the icons are a little too dark for the Windows
platform, and frankly I prefer the Home icon in Fx 1.5 :)
The work on the tabs is excellent... they look uber smooth, which is
awesome!
To the guys at Radiant Core: keep up the great work!
beltzner wrote:
> Sorry to be so distant; I and others have been working closely and
> intensely with our new friends at Radiant Core
> (http://www.radiantcore.com) to quickly iterate on the new Firefox 2
> theme. It's not been an easy task, since we knew that a lot of hard
> work went into the *stripe family of themes, and yet we also knew that
> the theme has started to look its age.
>
> I invite you all to take a look at the background and current progress
> on the designs here:
>
> http://wiki.mozilla.org/FX2_Visual_Update/Default_Theme_Update
>
> I'll add mockups as we go along, and would ask that you give us
> feedback on this thread or in this forum so that we have a single
> place where we can interact and discuss the theme. We need to move
> quickly to get this into Firefox 2 Beta 2, and are looking forward to
> your thoughts!
>
Because users should be encouraged to add their own bookmarks to the
toolbar. If they don't want this, they are free to optimize the space
as your mockup shows.
Randy wrote:
> Please remove the toolbar bloat. Why do we need the menu bar to be 80%
> unused and a bookmark toolbar that is 80% unused by default? We can
> substantially increase viewable space for websites by moving the
> location and search boxes to the menu bar and moving the bookmarks
> toolbar items to the navigation bar. See my rough mockup for an
> example: http://img147.imageshack.us/img147/1328/mockupyi1.png
>
> And why do the navigation buttons have to be so huge?
> Exciting work with the theme! Thanks for the diligence that has gone
> into this. Are there plans now to unify the look of Thunderbird once
> it goes 2.0?
>
I hope they do. Thunderbird gets neglected when it comes to the themes
and it shouldn't be that way. It is a great program and deserves the
same attention that comes to Firefox.
--
LJ
My Best Friend Is My Wife!!
I do like things like the consistent treatment for end-cap buttons and
even the constant RSS icon but from an overall appearance POV, it
doesn't seem much of a change.
Of course, if that was the intent then that design goal was met, it's
just that from your lead-in paragraph, I had assumed that "started to
look its age" meant that a more radical change was decided on.
fwiw
--
Mozilla Tips: http://www.ufaq.org/ , http://ilias.ca/
About Mozilla: http://www.mozilla.com/
Mozilla Themes: http://www.projectit.com/freestuff.html
>Overall, I think the designs are moving in the right direction. I have
>a couple of thoughts that may help. I've created a mockup to go with
>the below explanation:
>
>http://www.modernpixel.com/firefox/modernpixel-firefox2.jpg
I think a combination of your design and the current design from
Radiantcore would be great.
What I really like from your design is the more disabled look of the
background tabs. The active tab is much more distinguishable.
But what I don't like on your design are the toolbar buttons. They are a
little bit too shiny for me. Here I prefer the Radiantcore design.
Simon
--
Sunbird/Lightning/Calendar Website Maintainer:
http://www.mozilla.org/projects/calendar
Sunbird/Calendar blog: http://weblogs.mozillazine.org/calendar
Also, please keep it simple, don't combine the Reload/Go buttons and
don't move the things around.
What I don't like:
-Textfields, Dropdowns, Tabs, Background of Tabstrip all don't look
native.
-Why on earth should the RSS-Icon always be visible?
Would be nice to see a preview of Gnomestripe and a Mac Theme, too.
I personally like the new look, particularly the shaded tabs, makes it
much easier to see which is active. I do think the buttons still need
a little work however.
"# the RSS indicator will always be present in the location bar
# when a feed is found, it will light up to draw attention to itself"
I don't have a real problem with that and IE7 does pretty much the
same. The address bar is big enogh and it's not like a small greyd out
icon is really distracting.
The new Go button is an immense improvement connecting it better with
the url bar and not too big, aswell as the search bar change around
with the dropdown (though this should carry a dropdown box being
consistent and clear). I agree however they are a little too light and
colourless to the point they look inactive however.
By contrast, other items now appear slightly too Dark/harsh; Navigation
buttons (especially back/forwards, stop), favicons throughout, tab
close button in red, tab bar backround (especially at top, good but not
quite subtle or seamless).
Whilst implementing UI improvements, it would be a good time to
implement a simple unified back/forwards as per IE7 and already
proposed for Fx. This would mean users would be noticing and grasping
all UI changes, a unified back/forwards as part of it all, rather than
it happening seperately further down the line, do it all in one go, a
bit better in the longrun. Most logical implementation so users dont
notice much and dont think theyve lost a back button/other, would be; a
proper seperate dropdown (and outlined such as per url button dropdown
and what search engine dropdown should be) in between back and
forwards.
Joint Go/Reload/Stop, with the new subtle Go I'm now debating the
worthiness of this, despite being very keen on the idea previously and
even trying to re-invigorate the debate. I think Go as it is in this
theme should definitely remain as its logical, in line with Go and
Search Go, plus subtle. Go/Reload means when a user types a new
address over a page, they can no longer reload the page theyre on,
unless they do right click undo typing (once only even then), so that
makes it a definite no. Joint Reload/Stop would be mean joining 2
buttons (confusing to some) and occasional hit of reload instead of
stop. So I think with these UI improvements, the benefits to this have
gone, for the valid issues with go/reload, and reload/stop, definite no
now, leave as is.
Home button design/colours need work, grey house, blue door doesnt
work, looks too complex/wrong.
Throbber next to search bar - not sure, a little too distracting and
cluttery. Its otherwise a very simple bar broken down into 3 main
essential categories almost; navigation, url bar, search bar, simple.
The throbber makes it much more un symmetrical, harder to grasp for a
novice, its too in the main UI, so would have to say its unnecessary
clutter. To be honest, IE7 nor Opera really have a throbber, and I
really dont think Firefox needs one, majority dont take any notice, its
clutter, so by law of majority, at least hide very subtly, or better
still remove as un-necessary. Tabs have a throbber, and should have a
load bar so users can see when tab 2 has finished loading whilst on tab
1, to avoid un-necessarily having to check. As part of other proposed
improvements, I believe the tab bar like IE7 & Opera should be shown by
default as it solves the viewing of load status of pages in the best
way possible, is overally more intuitive, and where a new tab button is
most intuitive, meaning the overall tab experience is generally much
clearer, easier and more intutive.
Any icons always visible in the url bar gets a strong no, if its not
active then the user need not worry about it thus should not see it, it
takes focus away from the important times of when they are active. So
no phishing, rss, lock icons that arent active on, only show the user
whats active, what they need to worry about, and can do something with.
File/Edit toolbar - definitely a huge waste of space that should be
used. As per research by Google which Mozilla know about, most users
increasingly dont use bookmarks, they instead remember, search and
more. So then, having the bookmarks toolbar on by default for that
minority, forcing it on a majority that dont use them, is not in the
"suite the majority" ethos, and instead clutters for the majority. So
theres a seriously strong case for not showing it by default. However,
the file edit menu toolbar caters perfectly for the bookmarks toolbar
as is possible via customise, so I really think to space save, reduce
clutter in the UI, and make more subtle something the majority dont
use, this should definitely be default.
Status bar - A good time to really look as proposals and improvements
on this too for the same said reasons thats users will then grasp UI
improvements in one go. As per proposals on the wiki and still being
put forwards, the status bar largely carries un essential items that
would be better placed elsewhere anyhow. Users recieve tooltips in
many area's of the browser, in particular for eg. hovering over
bookmarks the url is shown. For consistency purposes, the same should
be true of links. A user in general and in particular with the UI,
expect everything sectioned and to recieve relevent information right
by the item being viewed. So hovering over links should after a
designated amount of time (perhaps longer than with bookmarks url
tooltip) show a tooltip of the url, and perhaps an icon/text as to
whether it will load in present on new page (dont say tab as some users
will still use windows and tab is then incorrect statement, page is
always correct).
It's not a sentence - it's two separate bullet points.
Gavin
Now I read that, the behaviour doesn't make sense to me. It shouldn't
display an RSS icon unless there is a feed. In the same way that it
only shows a padlock if the connection is secure.
> My biggest issue is tabs, which I think are still too difficult to
> differentiate. I think the tabbing function is very useful, but quickly
> becomes exhausting to look at because of similarity. You've taken a
> step forward by varying degrees of contrast - I would say take another
> step and deepen the contrast so that the front tab is very clearly the
> selected site.
>
> You can achieve this in two ways, lowering contrast of the unselected
> tabs, and making sure that the icons for the sites are also desaturated
> (currently the Mozilla icon is the same red in the on and off state.
I have to agree that while the proposed changes are better there are
still issues in differentiating the tab states, especially between the
Deselected and Deselected moused-over tabs.
I've taken the wiki image for the tab bar and mocked-up a few different
possibilities:
http://img223.imageshack.us/img223/8912/tabsfl5.png
Looking at the original image, the close button is pretty clear between
the active and background tabs, but is a little confusing between the
background and hovered tabs (what's the difference between a light gray
and medium gray). The site icon and title text do not follow the same
pattern as the close button and thus add a little visual
distraction/confusion between all three states.
Option 1 basically desaturates the site icon with a 60% opacity copy of
the tab background gradient for deselected tabs. This makes a large
improvement since the site icon now more closely matches the rest of
the deselected tab graphical style. This removes a lot of visual
confusion between the deselected and active tabs. The difference
between the deselected and hovered tab is still a little weak.
Option 2 continues the site icon desaturation for deselected tabs and
adds desaturation of the site title text. I used the same image used
to cover the site icon, but this could probably easily be done with
only a text color change. To me, this further improves the difference
between the deselected and active tabs as well as between the
deselected and hovered tabs.
Option 3 continues from Option 2, but adds the color back to the tab
close button when a deselected tab is hovered. Adding the color to the
close button on the hover state completes the clear visual distinction
between the deselected and hovered tabs and makes the close button
match the visual changes on the rest of the tab. We now have three
distinct visual states:
Active - Bright - no background shading, site icon, title text, and
close button fully saturated
Deselected - Dull - background gradient, site icon, title text, and
close button desaturated
Deselected hovered - Medium - background shaded, site icon, title text,
and close button fully saturated, slight focus ring on tab
Before the changes proposed with the increased shading of the
background tabs, I understand why the close button was kept colorless
on tab hover since this was one of the strongest visual distinctions
between the active and hovered tabs. Now with the increased background
contrast between the active and hovered tab, I think the contrast is
the primary visual cue. From a UI standpoint a colorless button
normally indicates the button is disabled. (I understand when you
hover over the button, it changes state but you have to do 2 things to
discover the button works without activating the tab - hover the
background tab then hover the box in the background tab) Putting the
close button color back in the tab hover state simplifies the close
button visual states and improves the UI without effecting the primary
visual distinction between the hovered and active tab. You simply
hover the tab and it is instantly known that the close button works.
Michael Clackler
That's probably how you did it, but the actual implementation would be
to give the icon an opacity of 40% (e.g. .tabbrowser-tabs tab .tab-icon
{ opacity: .4 } .tabbrowser-tabs tab:hover .tab-icon , .tabbrowser-tabs
tab[selected="true"] .tab-icon { opacity: 1 }).
> Option 2 continues the site icon desaturation for deselected tabs and
> adds desaturation of the site title text.
In my opinion, this makes it too hard to recognize the tabs.
Is this any better? I made the top and side borders of the background
tab the same as the hovered tab which visually makes the tab outline
stand out a little more.
http://img291.imageshack.us/img291/2941/tab2qc1.png
Mike
Not much IMHO. The main problem isn't, that you can't find the tabs.
The problem is, that it may be difficult to read this dark gray text on
a light gray background. The contrast is too low IMHO.
because the strength of Firefox is that it tries to make using it
easier for the average user. and the average user knows that all his
application have a manubar and *below* the iconbar. this is what he
expects and this is what is served him.
the reason for the navigation buttons be *so huge* is that many people
haven't got a perfect eye sight and still want to be able to use their
browser. for eerybody else, there is the option to use smaller buttons.
And there are people with 1900+ pixel screens. In fact, one of my users
has a 3800-pixel screen (IBM used to make them). Since all of these
icons are raster and not vector images, the higher your screen res, the
smaller your icons.
As people migrate to higher-res displays and get older (yes, you TOO
will get older) they will want larger icons.
Just seen the new theme on the latest nightly.
I know that you've probably done this because of some of the comments here,
but I have to comment on the faintness of the icons until you mouseover
them.
I really don't like this idea of having faint icons until you mouseover.
Nothing more than a bevel effect is needed. I far prefer the original
design on http://wiki.mozilla.org/FX2_Visual_Update/Default_Theme_Update
than the current theme where the icons are faint until mouseover. No other
applications I use have this faint icons thing, and I think it really
detracts from the theme. Please could we just have the icons staying the
same, and a bevel effect when the mouse is over them?
Another thing about this is that it creates extra work for extension
designers who add buttons, they have to add another really faint icon for
when it's not selected. This theme immediately makes my button stand out
because it's in full contrast.
If the icons were always in full contrast, I'd give the theme the thumbs up.
Unfortunately, they way it is now, I think it's a step backward. The faint
button icons look ...... wrong.
Compare:
http://wiki.mozilla.org/images/6/6f/Fx2-new-theme-in-xp-v1.jpg
http://www.game-point.net/misc/newtheme.png
I just think the buttons on the new theme have been made too faint. For
contrast, I've included a couple of the buttons my extension adds below.
They don't change contrast when you mouseover them, and they don't need to.
Only a bevel effect. There's no way full-contrast icons are 'an eyesore',
as far as I'm concerned faint icons are the eyesore... as evidenced by the
fact that virtually no other app has faint icons!
Sorry to have rambled by I'm really quite disappointed that an otherwise
nice theme has been tainted by the icon contrast thing. I think it's a bad
idea, please remove it?
--
Best regards,
Jeremy Morton (Jez)
Agree 100%. New tab and new window should be there by default. I have no
idea why they aren't!
Anticipating the arguments against:
- There's more to maintain.
True. Is that a big problem? It's pretty much a one-off job.
- It's a bigger download.
True. Is that a big problem? Many people have broadband connections now.
I don't think you'll get one theme that'll satisfy everybody. I guess you
can just go to AMO to get more themes but still it'd be nice to get some
variety by default.
I also don't like the low contrast at all. It takes away the
eye-candyness of the theme and makes it look dull instead of vibrant and
lively. This is a change in the opposite direction to the one Vista (and
most modern apps, for that matter) seems to be going, which leaves me
surprised. Especially, because a desire to look good and up-to-date on
Vista was named as one of the main reasons behind the visual refresh.
I am curious to hear the reasons behind this move. I guess I will
disappointed either way, because no matter the rationale, the low
contrast is visually much less attractive.
- Adam
In addition to the above gripes, the new Go button is nice, but
unfortunately connected to the search bar, but i don't think this is a
theme issue, is it? :)
Speaking of the search bar, I'm not sure how others liked to have their
search bar, but in Firefox 1.5 I would move it up, just to the left of
the throbber. In Fx 2.0, this causes the search bar to expand and take
up all the space between the Help menu and the throbber. I realize
this is because of the flex attribute (and a flexy Search bar is
definitely desirable), but perhaps there should be a max-width on the
Search bar as well?
The Go button is connection to the location bar, which makes sense. The
search bar has a search button.
Pardon me if I missed some sarcasm on your part.
Cheers,
Steven Garrity
No sarcasm! :) The Go button is *visually* connected to the Location
bar, but the is connected to the left of the Search bar in chrome. Try
moving the Search widget to a different toolbar, and you'll see the Go
button follow.
Ah, I see. Confirmed here too. Bug filed on that?
Steven Garrity
Haven't looked to see if it's been filed yet, and haven't tried to file
it myself.
https://bugzilla.mozilla.org/show_bug.cgi?id=347402
--
Chris Ilias
mozilla.test.multimedia moderator
Mozilla links <http://ilias.ca>
(Please do not email me tech support questions)
Would be nice ;-)
Regards
Aronnax http://www.takebacktheweb.org/
> Sorry to be so distant; I and others have been working closely and
> intensely with our new friends at Radiant Core
> (http://www.radiantcore.com) to quickly iterate on the new Firefox 2
> theme. It's not been an easy task, since we knew that a lot of hard
> work went into the *stripe family of themes, and yet we also knew that
> the theme has started to look its age.
>
> I invite you all to take a look at the background and current progress
> on the designs here:
>
> http://wiki.mozilla.org/FX2_Visual_Update/Default_Theme_Update
>
> I'll add mockups as we go along, and would ask that you give us
> feedback on this thread or in this forum so that we have a single
> place where we can interact and discuss the theme. We need to move
> quickly to get this into Firefox 2 Beta 2, and are looking forward to
> your thoughts!
>
> cheers,
> mike
>
The icons look kind of faded. Also the go button is smaller than the
height of the location bar(anyone seeing this? I have set my windows
fonts to be larger than defaults). Also i don't like the new ssl icon.
It's not striking. The old yellow one was more noticeable.
I like the hover state of the back/forward arrow button, the small drop
down is easier to click. I hope you will implement something like that
for the search engine drop down too. Might be more noticeable.
Can't believe someone even filed a bug on this. It's so obviously wrong
there's no way FF2 would ship with it looking like that.
I find your "Can't believe someone even filed a bug on this." rather
weird. Bugzilla is for bug *tracking*, not just confirming.
FWIW, the bug for tracking all the new theme regressions is
https://bugzilla.mozilla.org/show_bug.cgi?id=347454
http://www.game-point.net/misc/oldicons.png
http://www.game-point.net/misc/newicons.png
I don't think it's just a matter of 'touching up' the new theme - the whole
thing just looks rather dull compared to the old images. The copy/paste
icons are WAY too similar as well, and there are too many green arrows all
over the place; buttons don't have enough uniqueness, and their faded dull
colours are not visually appealing.
I think if FF2 comes with this theme as default, someone is very quickly
gonna port Winstripe and a lot of people (me included) will go back to that.
I am especially worried about the non-icon parts of the new theme.
It looks like you're trying to dump the native look, even though the
wiki page says "respect OS native look and feel".
Non-nativeness is a step back in the (not-really-)Modern theme direction...
Currently Firefox 1.5.0.x looks similar to every other (Gtk) app on
Linux/GNOME and feels just in place. It has a nice, professional feel to
it. It blends nicely with Novell SUSE Linux Enterprise, Ubuntu and
Fedora. It blends nice with WinXP Luna and almost nice with WinXP/Vista
Classic.
Looking at this:
http://wiki.mozilla.org/Image:Fx2-new-theme-concept-tabs.png I see
you're putting some gradients to the tab bar and the tabs. This is not
"native", this is an Opera-like mistake (though in Opera you can at
least turn it off easily by a single click in prefs). Please, leave the
tabs alone, let the graphics toolkit (GTK, Aqua, Windows) decide how
they look.
The new "Go" button - another step back. Previously you could remove it,
now you can't (or it will remove the whole URL bar). The "Go" button is
only used by newbies, for non-newbies it's just a waste of space. And
the new theme does not allow users to remove it leaving the URL bar in
place! (And no, a "Remove Go Button" extension would be a silly way to
fix it). Plain wrong.
Another thing with the Go button. It's made to stick to the URL bar
But have the guys from Radiant Core thought about what happens if the
URL bar uses a bigger font? It's a bitmap image, so it won't resize, you
get a 16px+margins URL bar and a lot smaller Go button, like the ascii
art below:
________
| |___
| URL | ->|
| BAR |___|
|________|
And in fact, the ascii art looks better than what really happens. Same
thing with the "Search" button. Plain wrong, again. :/
The "<-" and "->" icons - well, will the dropdown menu open when I click
the grey box, even the part in the middle of the icon? And not open when
I click outside the grey box, even on the rightmost part of the button?
If yes - OK, I can live with that (even though it's still a rape on
Gnome HIG), but if the clickable area is the whole right side of the
button, no matter where the grey box is, it would be another step in the
wrong direction.
What is good in the new theme:
- the "Home" icon is better, I never understood why the old theme used
the 3-d perspective for "Home" and nothing else
- the "Tabs" icon in prefs is nice
- the overall look of the icons is nice (apart from their low contrast)
That'd be all...
<subliminalMessage>Use Tango instead!</subliminalMessage>
;-)
--
Marek Stępień <mar...@aviary.pl>
AviaryPL - polski zespół lokalizacyjny Mozilli
http://www.firefox.pl/ | http://www.mozilla.org.pl/
I thought the OS/2 code had rotted, been eaten, digested and passed out by
rats...
Sorry you have to hear this from now, and from me, but Firefox was designed
for newbie users. Yeah, I rather disliked that when I heard it too.
Theoretically, non-newbies can go for the Seamonkey suite. If you're not a
newbie and you just want a plain browser, you kinda fall between two stools.
Just some context given the point you made. :-\
>
> What is good in the new theme:
> - the "Home" icon is better, I never understood why the old theme used
> the 3-d perspective for "Home" and nothing else
Trouble is, the new home bar has very little colour in it. The old home
icon was nice because the isonetric 'house' has a yellow roof and that gives
the home icon a rather unique appearance. In this theme, it's just another
white/blueish icon that doesn't stand out. And I frankly don't see a
problem with the old home icon.
> - the "Tabs" icon in prefs is nice
Wow, you seem to like bland icons. I prefer the old one, the new one is
just white. Boring.
> - the overall look of the icons is nice (apart from their low
> contrast)
And lack of colour. Boring.
I hate being negative (no, really!), but the new icons are too wishy washy,
and I honestly thing the 'average end user' would WAY prefer sticking with
Winstripe. Winstripe is also much better for multiple platforms. Someone
please tell me, for an OSS product that works over multiple platforms, why
are we trying to target it for one single OS (Vista) that is barely used by
ANYONE and has not even been released commercialy yet, again?
>> The new "Go" button - another step back. Previously you could remove
>> it, now you can't (or it will remove the whole URL bar). The "Go"
>> button is only used by newbies, for non-newbies it's just a waste of
>> space. And the new theme does not allow users to remove it leaving the
>> URL bar in place! (And no, a "Remove Go Button" extension would be a
>> silly way to fix it). Plain wrong.
>
>Sorry you have to hear this from now, and from me, but Firefox was designed
>for newbie users. Yeah, I rather disliked that when I heard it too.
>Theoretically, non-newbies can go for the Seamonkey suite. If you're not a
>newbie and you just want a plain browser, you kinda fall between two stools.
>Just some context given the point you made. :-\
This is all by itself a rather ridiculous thing. Coding for newbies does
not mean, that you have to degrade the user experience for more
experienced users.
It is okay, that the "Go" button is on by default. It is not okay, that
you can't remove it via the "Customize Toolbar" feature without removing
the urlbar.
Please, don't take this personally. I know that you're just the
messenger.
Simon
--
Sunbird/Lightning/Calendar Website Maintainer:
http://www.mozilla.org/projects/calendar
Sunbird/Calendar blog: http://weblogs.mozillazine.org/calendar
This theme update should have been introduced six months ago, not now,
in the last days of beta-1.
Issues:
The Go button is attached to the searchbar. This assumes that users
will not locate their searchbar someplace sensible - like up on the
menus toolbar, for example.
The Go button and the search-go button cannot be turned off. Some users
are pressed for space, so they like to go without these buttons, which
is not strictly necessary for browsing.
The Go button and the search-go button are fixed in size. As I pointed
out in an earlier post and as Marek Stepien just pointed out, these
buttons make the browser look amateurish when a user must use a larger
text than normal.
The searchbar height is fixed. It cannot grow to accommodate larger
text, which is cut off by the field edges.
Some users clearly have difficulty distinguishing between inactive
functional buttons and disabled buttons.
It is clear from the above issues that not much thought has gone into
non-default item placement and the needs of older users (who must use
larger text). While the glassy look is nice for the hover states, and
it is nice that the default theme finally pays attention to the
hover:active state, more thought needs to be put into the subdued look
of the resting state of functional buttons. And I am sure other issues
lurk that have yet to be discovered.
These are all things that should have been addressed by putting them up
on Bon Echo during the first days of alpha-1, at the latest.
As it is now, I am remembering the "native look" menus that were
introduced while Firefox 1.5 was in beta. That change was withdrawn and
put on the trunk.
The same should be true for this new theme. You might be able to pull
off introducing the glossy look to the functional icons, but that's
about as far as you should go, this late in development.
>Theoretically, non-newbies can go for the Seamonkey suite. If you're not a newbie and you just want a plain browser, you kinda fall between two stools.
>
Not true; except on the Mac, where we don't have an installer (the OS
automatically "installs" the download into an application), you can
choose which components you wish to install.
--
Warning: May contain traces of nuts.
we have the very first preview of not more than a few damn buttons, so
why don't you wait for more before you start picking the new theme to
pieces?
the "go"-button has, beside the fact that it's useful to newbies,
another important goal - it makes the addressbar more intuitive. it's
like the "I'm feeling lucky"-button on google's homepage - nobody uses
it, but it still has to be there because it looks better.
*please* wait until beta 2 is released.
>> This is all by itself a rather ridiculous thing. Coding for newbies does
>> not mean, that you have to degrade the user experience for more
>> experienced users.
>> It is okay, that the "Go" button is on by default. It is not okay, that
>> you can't remove it via the "Customize Toolbar" feature without removing
>> the urlbar.
>
>we have the very first preview of not more than a few damn buttons, so
>why don't you wait for more before you start picking the new theme to
>pieces?
I'm an avid fan of early feedback. Because if you get early feedback, you
can easily try things out and see if they work or if they generate enough
negative feedback to warrant a backout.
>the "go"-button has, beside the fact that it's useful to newbies,
>another important goal - it makes the addressbar more intuitive. it's
>like the "I'm feeling lucky"-button on google's homepage - nobody uses
>it, but it still has to be there because it looks better.
Nobody - at least not me - has said anything negative against the
"go"-button. My gripes are with the bonding of the go button.
Thanks.
I think its easier to outline the improvements to the original theme
upgrade which only requires minor improvements, not a major rework and
back step like this. So, to outline again the most basic points;
Navigation buttons are too slightly too dark/harsh, in particular the
back/forwards. NB: Noway near to the extent the 2nd version goes too,
just a minor tweak. Home button is too complex, and too many colours,
return to clear original colours of yellow and white/similar as
recognised by users of all browsers (Fx inc) and suggested by many
including Rebron. Going overboard on the design here, keep it simple.
Just as with the other navigation buttons, keep them as is overall in
terms of shapes and colours, just tweak/update slightly.
Throbber next to search bar - absolute no no, really confuses an
otherwise simplistic clear essential items toolbar with 3 neat
sections; navigation, url, search. The non essential throbber ruins
this and most users need not worry about it. I would favour it going
alltogether and like Opera 9, IE7 and many other modern browsers
ditching the un user friendly 1 page view throbber, having the tab bar
always on. A load bar elsewhere would be best on tabs so users can see
at a glance the loading status of an individual page without the need
to flick several times between those pages, extremely simple usability
stuff that.
Icons always on in status bar, absolutely not, very confusing to novice
users. If those items arent active, why show them to the user? Many
will simply never know when there active or not because seeing
something, to many is believing its on. Its also especially space
wasting, and de emphasises these items when there active.
Go button, pretty near spot on in the original theme upgrade, so
frustrating to see over fiddling going on here. Have it fully
associated with/connected to the url bar as before, and the latest icon
also is unclear being a triangle, its very similar to a standard
forwards arrow thus misleading and un intuitive. The original was
clear, and if anything would be further consistent and clear with a
line above it, like the shape of the arrow on the enter button, which
the GO button overall does. Simple usability design and intuitive.
I'd post this under a different thread. This one is about evaluating the
new Firefox theme.
beltzner wrote:
> Sorry to be so distant; I and others have been working closely and
> intensely with our new friends at Radiant Core
> (http://www.radiantcore.com) to quickly iterate on the new Firefox 2
> theme. It's not been an easy task, since we knew that a lot of hard
> work went into the *stripe family of themes, and yet we also knew that
> the theme has started to look its age.
>
> I invite you all to take a look at the background and current progress
> on the designs here:
>
> http://wiki.mozilla.org/FX2_Visual_Update/Default_Theme_Update
>
> I'll add mockups as we go along, and would ask that you give us
> feedback on this thread or in this forum so that we have a single
> place where we can interact and discuss the theme. We need to move
> quickly to get this into Firefox 2 Beta 2, and are looking forward to
> your thoughts!
>
> cheers,
> mike
>
> --
> / mike beltzner / phenomenologist / mozilla corporation /
Bugs like 190411 and 256872 were ignored because of Places, but Places
didn't make it in.
Also, the Help Icons still need to be replaced: 347920.
I just wanted to reiterate this part, as go/search buttons I can deal
with, but this makes no sense to me. Part of the Visual Refresh
guidelines were to help FF have a more native look and feel on all
platforms. Why not use native widgets? I can understand frustration
with the visibility of tabs on some platforms, but its really the OS's
problem to deal with. In addition, its inconsistant, as FF uses native
tabs in other parts of its UI. FF can deal with how and where close
buttons are positioned, or fonts and colors for new/unread tabs, but
leave the actual widgets alone. That, or if its OK to override system
themes let me style the scrollbars in my webpage for once.
> Sorry to be so distant; I and others have been working closely and
> intensely with our new friends at Radiant Core
> (http://www.radiantcore.com) to quickly iterate on the new Firefox 2
> theme. It's not been an easy task, since we knew that a lot of hard
> work went into the *stripe family of themes, and yet we also knew that
> the theme has started to look its age.
>
> I invite you all to take a look at the background and current progress
> on the designs here:
>
> http://wiki.mozilla.org/FX2_Visual_Update/Default_Theme_Update
>
> I'll add mockups as we go along, and would ask that you give us
> feedback on this thread or in this forum so that we have a single
> place where we can interact and discuss the theme. We need to move
> quickly to get this into Firefox 2 Beta 2, and are looking forward to
> your thoughts!
>
> cheers,
> mike
>
quick general impression, and opinoinated opinions :-)
yes, it's good to try for 3 states.
but i wonder if this isn't a more visually effective "general policy":
active and hovered: brightest (as in examples on the wiki page)
inctive hovered: non colorful, but retain good contrast
inactive and non hovered: dimmed/washed-out. but *not* so washed that parts blur together.
example is the first: " Design: Tabs"
http://wiki.mozilla.org/images/f/fd/Fx2-new-theme-concept-tabs.png
the third state appeasr too washed out. the close button is too near in shade as the tab background. (also consider what these 3
states will look like in real tabbar. Multiple tabs of different widths, in tabbar next to newtab, close,and overflow buttons)
"Design: Buttons in Textboxes"
hmmm... i tried out Stylish extension and fuond a stylesheet that puts cyan border around form input boxes. it really shows up.
just an idea...
btw, the established UI of a yellow background for addressbar, when in https pages is very good
the addressbar is becoming cluttered. Is the feed button any more associated with adderssbar than other things?
"Design: Searchbox Chooser"
"it will glow when a new search engine is available"
when updater finds updated searchplugin, correct?
and more glow:
why not blinking glitter? snowflakes! :-) ha. people will probably joke about this, but the difference is that blink, and snowflake
were often distractions from what mattered on the webpage.
maybe when a feed is found, RSS icon should change to green (ala traffic signal "states")
back to wondering about overly subtle multiple states, etc.:
maybe rely more upon tooltips to provide indication of hover?
assume goal of maximizing background contrast vs all color-states of buttons in text menus, bookmark toolbar,searchbar,urlbar,
etc. Then regarding lighter background color of toolbars:
a pale background might begin to look too similar to white, which is a frequent webpage background color. however, the tabbar
can serve as a divider between toolbrs and webpage area. (Divider is gone if user moves tabbar to bottom of page. But if user
can customize to that degree, then the user is savvy enough to deal with pale background toolbars - if concerned by that).
scrollbars background color should remain darker (until someone begins squeezing multistate buttons into scrollbar :-) )
"This page has been accessed 79,090 times" wow.
________________
i wonder about space savings and compacting goals. Notice opera browser has a kind of popdown bar near url/addressbar.
opera can do that because opera toolbars can't be rearranged amongst each other (which otherwise is a drawback). but i think it
would be interesting if a one-icon-height popbar could use (invade) the space of the OS's titlebar. the limitation is similar to
opera's immovable toolbars; this popbar must popup from just below the titlebar, else the popbar will popover some other
toolbar or the webpage or something..
________
use opacity for flyouts/tooltip things when the flyout popout is not to be clicked upon. clickable things should remain solid
opacity.
__________
bonus:
on xmas, the whole theme could change to a reindeer theme. anything that glows becomes a rednosed reindeer nose.
etc.
--
http://www.google.com/search?q=%22extra+body+parts%22+Serena+%22gorgeous+volunteer%22++Boldly+go%22+%22sane
+person
http://www.metku.net/index.html?path=mods/rottaflekti/index_eng
http://www.metku.net/index.html?path=mods/loginoki/index_eng
> So a question, is Refresh/Go going to combined and the throbber looks
> pretty much the same (no pie graph ?)
>
> It's an awesome theme
i vote for single button refresh+throbber with separate stop button. throbber has no clickable function, and dynamic throbber
implies page loading activity