493653 - Replace the bugzilla homepage images

Status: RESOLVED FIXED

(Bugzilla :: User Interface, enhancement)

Description

[Guy Pyrzak]

Attachment: source file of the images

The original images are not so great, a graphic designer generously volunteered to make nicer ones for us.

Comment 1

[Guy Pyrzak]

http://www.foxiewire.com/bugzilla/searchabug.png
http://www.foxiewire.com/bugzilla/fileabug.png
http://www.foxiewire.com/bugzilla/bugzillasignup.png

These are the images as urls. I'll attach them in a sec

Comment 2

[Guy Pyrzak]

Attachment: images ziped together

Comment 3

[Max Kanat-Alexander]

I don't know that they fit in with the feel of Bugzilla as well, but can I see them in context in a screenshot?

Comment 4

[Frédéric Buclin]

FYI, I *much* prefer something of the form of https://bugzilla.altlinux.org/. Icons are a bit smaller, less flashy and nicer, and vertically aligned instead of horizontally, which looks better to me.

Comment 5

[Guy Pyrzak]

Attachment: dusk screen shot

Comment 6

[Guy Pyrzak]

Attachment: classic with new buttons

Comment 7

[Max Kanat-Alexander]

Those do look pretty sharp, but they don't look like *buttons* to me. They just look like static images. Usually I expect buttons to come up out of the page a bit.

Comment 8

[Guy Pyrzak]

Attachment: quasi-Borris with a small css change

with some css changes and replacing images from boriss's mock here is what we could

Comment 9

[Frédéric Buclin]

Comment on attachment 378231 [details]
quasi-Borris with a small css change

IMO much better than what we currently have, and is more in the direction to which we plan to go in 3.6. r=LpSolit

Comment 10

[jamey]

when I made the images I just remade what style Guy Pyrzak  had on his post ;)

I can redo them all any style or shape ?

if you have a style you like or want send me a link or demo

kind regards

Comment 11

[Guy Pyrzak]

The post I made is based on a suggested change to the homepage UI that jBoriss of mozilla made. Here is the URL.
http://jboriss.files.wordpress.com/2009/04/bugzilla_suggestion.png

I just wanted to throw something together.  I would appreciate it if jamey could make icons in this style since we will be going in this direction for future releases. I'm not sure what those icons should be at the moment, but if jamey doesn't mind throwing some together that match Boriss's UI and the the mock i posted I'm sure we'll be able to use them eventually.

I do have the diff to show the changes required to make this UI. It is mostly CSS changes and new icons.

Comment 12

[jamey]

Attachment: something like this

something like this ? new sample

Comment 13

[Marc Schumann [:Wurblzap]]

Since I'm not too fond of buggy on a button, here's a set of possible picks which appear close to attachment 378231 [details] to me:
 New bug:  http://commons.wikimedia.org/wiki/File:Gnome-document-new.svg
 New user: http://commons.wikimedia.org/wiki/File:Gnome-contact-new.svg
 Search:   http://commons.wikimedia.org/wiki/File:Gnome-system-search.svg

Comment 14

[Frédéric Buclin]

(In reply to comment #13)
> Since I'm not too fond of buggy on a button

I agree that Buggy doesn't really reflect what the button is about.

Comment 15

[Max Kanat-Alexander]

Comment on attachment 378231 [details]
quasi-Borris with a small css change

I'm not interested in anything this drastic for 3.4.

FWIW, I think the usability of the current page (Fitt's Law) is better than the usability of this one.

Comment 16

[Frédéric Buclin]

(In reply to comment #15)
> (From update of attachment 378231 [details])
> I'm not interested in anything this drastic for 3.4.

"You are not interested" is not a valid argument. Anyone can review the patch.

Comment 17

[Marc Schumann [:Wurblzap]]

Nothing drastic about this. The current stable release doesn't have any such buttons.

Comment 18

[Max Kanat-Alexander]

(In reply to comment #17)
> Nothing drastic about this. The current stable release doesn't have any such
> buttons.

  We're about two or three days away from being ready for 3.4rc1. This isn't the time to be making UI changes. If you want to replace the images with nicer images, that's fine by me. But if you want to reorganize the UI at this point in any way that's not very minor, I would a- it.

  We already resolved this on IRC, yesterday--people who want a different UI, it's very easy to change the front page with CSS. I believe pyrzak or somebody was going to provide a CSS file, or a skin, or a Greasemonkey script to do it.

Comment 19

[Guy Pyrzak]

this is a great place to give feedback suggestions about this UI and possible improvements/changes to the mock.

Comment 20

[:glob ✱]

could we get the current images in 3.4 replaced with the images from comment 1, and open another bug against tip to get the images replaced with something more drastic?

Comment 21

[Max Kanat-Alexander]

(In reply to comment #20)
> could we get the current images in 3.4 replaced with the images from comment 1,
> and open another bug against tip to get the images replaced with something more
> drastic?

  I like that idea.

Comment 22

[Max Kanat-Alexander]

J.Pink Design has come up with some awesome icons that we're going to be using for 4.0, and I'll do the integration.

Comment 23

[JPink]

Attachment: Icons for Max Kanat-Alexander

Icons for Bugzilla released by J.Pink under the Mozilla Public License.

Comment 24

[timeless]

Of note, we currently abuse the new-account button to also be user-preferences. I'd appreciate it if we asked whichever graphics designer we use to provide a distinct image for user-preferences.

Comment 25

[Guy Pyrzak]

I'll attach the patch to make it look like the mock i have. Also thanks a BUNCH BUNCH BUNCH to JPink! I personally really appreciate it, I'm not a graphical/visual designer so to have a pro do this will make the actual design look a bunch better. yay!

Comment 26

[Guy Pyrzak]

Attachment: Bundle with images and diff

Comment 27

[Guy Pyrzak]

Attachment: v1.1

Comment 28

[Max Kanat-Alexander]

Comment on attachment 456594 [details] [diff] [review]
v1.1

This looks great, but I'd rather it was centered compared to the header, as opposed to centered compared to the browser. It feels a bit off when it's centered in the browser and not vs. the header.

Comment 29

[Guy Pyrzak]

added 
    #page-index
    {
        padding: 0.2em 0.2em 0.15em 0.2em;
        max-width: 1000px;
    }

to handle the page looking bad at larger than 1kpx width

Comment 30

[Max Kanat-Alexander]

Comment on attachment 456594 [details] [diff] [review]
v1.1

Okay, looks great with that addition!

Comment 31

[Guy Pyrzak]

bzr commit --fixes mozilla:493653 --author="Jon Pink<[e-mail]>" --author="Guy Pyrzak<[e-mail]>"
Committing to: bzr+ssh://[e-mail]/bugzilla/4.0/                                                                   
modified skins/contrib/Dusk/index.css
deleted skins/contrib/Dusk/index/account.gif
deleted skins/contrib/Dusk/index/bug.gif
deleted skins/contrib/Dusk/index/search.gif
modified skins/standard/index.css
deleted skins/standard/index/account.gif
deleted skins/standard/index/bug.gif
added skins/standard/index/file-a-bug.png
added skins/standard/index/help.png
added skins/standard/index/new-account.png
deleted skins/standard/index/search.gif
added skins/standard/index/search.png
Committed revision 7301.

Comment 32

[Guy Pyrzak]

Committing to: bzr+ssh://[e-mail]/bugzilla/trunk/                                                                 
modified skins/contrib/Dusk/index.css
deleted skins/contrib/Dusk/index/account.gif
deleted skins/contrib/Dusk/index/bug.gif
deleted skins/contrib/Dusk/index/search.gif
modified skins/standard/index.css
deleted skins/standard/index/account.gif
deleted skins/standard/index/bug.gif
added skins/standard/index/file-a-bug.png
added skins/standard/index/help.png
added skins/standard/index/new-account.png
deleted skins/standard/index/search.gif
added skins/standard/index/search.png
Committed revision 7317.

Comment 33

[JPink]

(In reply to comment #25)
> I'll attach the patch to make it look like the mock i have. Also thanks a BUNCH
> BUNCH BUNCH to JPink! I personally really appreciate it, I'm not a
> graphical/visual designer so to have a pro do this will make the actual design
> look a bunch better. yay!

No probs - just saw the live change, looks great!

Comment 34

[Max Kanat-Alexander]

Added to the release notes in bug 604256.