2
edits
Bugzilla:Pretty: Difference between revisions
m
→Zeeshan Syed
No edit summary |
m (→Zeeshan Syed) |
||
| (10 intermediate revisions by 6 users not shown) | |||
| Line 26: | Line 26: | ||
To make your submission, just create a new sub-section of the "Entries" section below. You can see a sample entry there. If you have any trouble, you can also just email your submission to mkanat@bugzilla.org. | To make your submission, just create a new sub-section of the "Entries" section below. You can see a sample entry there. If you have any trouble, you can also just email your submission to mkanat@bugzilla.org. | ||
The deadline for submission is ''' | The deadline for submission is '''March 7, 2011'''. | ||
You may want to start with something simpler than the bug view page, so you can first submit a redesign of the front page, if you want. The front page looks like: | You may want to start with something simpler than the bug view page, so you can first submit a redesign of the front page, if you want. The front page looks like: | ||
| Line 99: | Line 99: | ||
<br>Designers Comments: There isn't too much of a difference between the options provided, just a little rearranging and some fun while at it. Personally, for the bug page, my most preferred design is Bz_Bug3.png as I believe it puts most of the necessary input right in front of the user in a meaningful way and the screen does not look so busy when Advanced fields are hidden. I however had some concerns over future bugzilla iterations and the flexibility of this layout when new fields are added. | <br>Designers Comments: There isn't too much of a difference between the options provided, just a little rearranging and some fun while at it. Personally, for the bug page, my most preferred design is Bz_Bug3.png as I believe it puts most of the necessary input right in front of the user in a meaningful way and the screen does not look so busy when Advanced fields are hidden. I however had some concerns over future bugzilla iterations and the flexibility of this layout when new fields are added. | ||
[[Image:Bz bug8.png|thumb|none]] | |||
Inspired by the design elements incorporated by JWilde and Faaborg and facebook of course, I've added the design above. It's incomplete as the comments, flags, attachments etc, will either be the similar to what I've previously submitted or would be a variation on the what JWilde submitted, possibly something using jQuery. | |||
= Martijn Ras = | = Martijn Ras = | ||
| Line 153: | Line 157: | ||
[https://bug607829.bugzilla.mozilla.org/attachment.cgi?id=515285 Example of how this design works with HTML email] | [https://bug607829.bugzilla.mozilla.org/attachment.cgi?id=515285 Example of how this design works with HTML email] | ||
== Damien Whippy == | |||
Hi I haven't finished yet and am past the deadline. Here is my unfinished design anyway. Hope I posted this correctly :) | |||
[[File:bugzilla.png|thumb|none]] | |||
== standio == | |||
standio allows for any user to customise the layout of any web page to their personal taste, save changes for future use or load a previously saved layouts. For further information goto: [http://stand.io stand.io] | |||
Created a mock-up for this competition using Visual Studio as it serves as a good example of what we are trying to achieve. | |||
{| width="200" border="0" align="center" cellpadding="1" cellspacing="1" | |||
| [[Image:Standio_Fig_1_0.jpg|thumb|Fig 1]] | |||
| [[Image:Standio_Fig_2_0.jpg|thumb|Fig 2]] | |||
|- | |||
| [[Image:Standio_Fig_3_0.jpg|thumb|Fig 3]] | |||
| [[Image:Standio_Fig_4_0.jpg|thumb|Fig 4]] | |||
|} | |||
== Zeeshan Syed == | |||
My idea was to eliminate the clutter in the old bug page; a bit too much scrolling. I accomplished this by categorizing all of the sections, and putting them into an easy to use, clean interface. | |||
In the comment section, the user would simply click on the "Reply" button, and a message input bubble would appear. From here the user can type his or her reply and click submit to post it. | |||
{| width="200" cellspacing="1" cellpadding="1" border="0" align="center" | |||
|- | |||
| [[Image:Syed-bug1.jpg|thumb|none]] | |||
| [[Image:Syed-bug2.jpg|thumb|none]] | |||
| [[Image:Syed-bug3.jpg|thumb|none]] | |||
| [[Image:Syed-bug4.jpg|thumb|none]] | |||
|- | |||
| [[Image:Syed-bug5.jpg|thumb|none]] | |||
| [[Image:Syed-index1.jpg|thumb|none]] | |||
| [[Image:Syed-index2.jpg|thumb|none]] | |||
|} | |||
== Christian Legnitto == | |||
This isn't done and I'm a day late, but whatever. I'll probably end up making this into a 3rd party theme if I get time anyway... | |||
About: | |||
This is a bastard child of twitter, github, and mozilla.com designs. I did the mockup in html and will likely post it somewhere so people can play with the interactions. The only images are the mozilla logo and the gravatar images, everything else is html and css (including the comment arrow) | |||
Things to note: | |||
# Large summary and background color denotes bug state so you can see at a glance what state the bug is in | |||
# Sections on the left which can be hid or shown depending on group (like for time management) | |||
# Uses relative times so humans don't have to count back | |||
# Bug numbers and flags are color coded by state, so you can see at a glance what is outstanding in dependencies | |||
#* Clicking on the "pills" brings up a menu/select box to change it if you have permissions | |||
# Users are shown with gravatars to condense space (though show full names on hover or when the design allows it). Clicking on the user div brings up a menu with actions. | |||
Things that I didn't finish: | |||
# The current menu items at the header and footer of bugzilla should be in the bar at the top | |||
# If there are attachments they should be above the comments in a collapsible section | |||
# Search brings a table view between the large top green bar and the gray heading bar, with right and left arrows in the light gray margins of the bug content | |||
# The "Status" data should use gravatars as everywhere else does | |||
[[Image:Bzui_dark.png|thumb|none]] | |||