Bugzilla:UI Hackathon: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
m (+category:Bugzilla)
Line 19: Line 19:
* Define and consolidate markup and behaviour and add the definition to the coding style and reviewers' checklist pages
* Define and consolidate markup and behaviour and add the definition to the coding style and reviewers' checklist pages
** Error pages (better than the given examples would be CSS classes):
** Error pages (better than the given examples would be CSS classes):
*** Complaints about form values marked up consistently, for example always <code><nowiki>&amp;ldquo;<code>xxx</code>&amp;rdquo;</nowiki></code><br><span style="font-size:85%">(The product “<code>Foo</code>? does not exist.)</span>
*** Complaints about form values marked up consistently, for example always <code><nowiki>&amp;ldquo;<code>xxx</code>&amp;rdquo;</nowiki></code><br><span style="font-size:85%">(The product “<code>Foo</code>? does not exist.)</span>
*** Referrals to database data marked up consistently, for example always <code><nowiki><em>xxx</em></nowiki></code><br><span style="font-size:85%">(You must enter a default assignee for component <em>Foo</em>.)</span>
*** Referrals to database data marked up consistently, for example always <code><nowiki><em>xxx</em></nowiki></code><br><span style="font-size:85%">(You must enter a default assignee for component <em>Foo</em>.)</span>
*** Field names marked up consistently, for example always <code><nowiki><em>xxx</em></nowiki></code><br><span style="font-size:85%">(The <em>content</em> field can only be used with <em>matches</em> search and the <em>matches</em> search can only be used with the <em>content</em> field.)</span>
*** Field names marked up consistently, for example always <code><nowiki><em>xxx</em></nowiki></code><br><span style="font-size:85%">(The <em>content</em> field can only be used with <em>matches</em> search and the <em>matches</em> search can only be used with the <em>content</em> field.)</span>
*** Examples of valid values marked up consistently, for example always <code><nowiki><b>xxx</b></nowiki></code><br><span style="font-size:85%">(The value “<code>1</code>? in the <em>foo</em> field is less than the minimum allowable value of <b>2</b>.)</span>
*** Examples of valid values marked up consistently, for example always <code><nowiki><b>xxx</b></nowiki></code><br><span style="font-size:85%">(The value “<code>1</code>? in the <em>foo</em> field is less than the minimum allowable value of <b>2</b>.)</span>
** Admin pages:
** Admin pages:
*** <code>edit*.cgi</code> specific footer links:
*** <code>edit*.cgi</code> specific footer links:
**** Make a more relevant part of the text than just the item name active in <code>edit*.cgi</code> because putting just the item name into <code><a></a></code> is not descriptive enough<br><span style="font-size:85%">(<u>Add a product</u> (<u>to classification <em>Foo</em></u>). <u>Edit product <em>Bar</em></u>.)</span>
**** Make a more relevant part of the text than just the item name active in <code>edit*.cgi</code> because putting just the item name into <code><a></a></code> is not descriptive enough<br><span style="font-size:85%">(<u>Add a product</u> (<u>to classification <em>Foo</em></u>). <u>Edit product <em>Bar</em></u>.)</span>
**** Consolidate the set of links accross admin pages
**** Consolidate the set of links accross admin pages
*** Move away from pages laconically saying “done�?
*** Move away from pages laconically saying “done�?
**** After creations and edits: display the edited item
**** After creations and edits: display the edited item
**** After deletions: show the list of same-level items
**** After deletions: show the list of same-level items
Line 53: Line 53:
* [https://bugzilla.mozilla.org/show_bug.cgi?id=302372 Requestee input field is way too small] - Patch coded, reviewed, approved, and checked in;
* [https://bugzilla.mozilla.org/show_bug.cgi?id=302372 Requestee input field is way too small] - Patch coded, reviewed, approved, and checked in;
* [https://bugzilla.mozilla.org/show_bug.cgi?id=292022 let users multi-request] at the same time by accepting multiple addresses in the requestee field and always showing the "addl. flag" UI - Patch coded, reviewed, approved, and checked in;
* [https://bugzilla.mozilla.org/show_bug.cgi?id=292022 let users multi-request] at the same time by accepting multiple addresses in the requestee field and always showing the "addl. flag" UI - Patch coded, reviewed, approved, and checked in;
[[category:Bugzilla]]

Revision as of 17:32, 8 April 2006

This page is our scratchpad for the current UI Hackathon. Today's hackathon focuses on navigation usability. We're meeting on irc.mozilla.org in the #hackathon channel.

Today's Hackathon: Friday, September 9, from 10am to 6pm PDT

Navigation Ideas/Patches

  • Navigation should be moved to the top of the page, and top-page show_bug navigation should be consolidated
  • Make the bugzilla banner atop the page link to the bugzilla.mozilla.org home page, instead of mozilla.org
  • show_bug navigation should be in a floating box, instead of spread all over the page.
  • Put admin navigation in an area separated from user navigation in order to move the ejection seat button away from the door handle – admin options box, intermediate page or admin options dropdown
  • Add option to exclude a Saved Search from appearing in the <link> tags - Will hopefully have a new patch by the time the hackathon comes around.
  • Subdivide advanced search page and edit bug pages to make more usable (i.e. separate sections and multiple commit buttons so users don't have to search for it or scroll to find it)
  • Separate the bug information from the bug changes on edit_bug
  • Add inline links to edit_bugs to get around easier

General Ideas/Patches

  • Define a nomenclature (continue the work of bug 76507 and friends) and add the definition to the coding style and reviewers' checklist pages
  • Define and consolidate markup and behaviour and add the definition to the coding style and reviewers' checklist pages
    • Error pages (better than the given examples would be CSS classes):
      • Complaints about form values marked up consistently, for example always &ldquo;<code>xxx</code>&rdquo;
        (The product “Foo�? does not exist.)
      • Referrals to database data marked up consistently, for example always <em>xxx</em>
        (You must enter a default assignee for component Foo.)
      • Field names marked up consistently, for example always <em>xxx</em>
        (The content field can only be used with matches search and the matches search can only be used with the content field.)
      • Examples of valid values marked up consistently, for example always <b>xxx</b>
        (The value “1�? in the foo field is less than the minimum allowable value of 2.)
    • Admin pages:
      • edit*.cgi specific footer links:
        • Make a more relevant part of the text than just the item name active in edit*.cgi because putting just the item name into <a></a> is not descriptive enough
          (Add a product (to classification Foo). Edit product Bar.)
        • Consolidate the set of links accross admin pages
      • Move away from pages laconically saying “done�?
        • After creations and edits: display the edited item
        • After deletions: show the list of same-level items
        • In addition to the before, in all situations: give a sensible list of follow-up options (most current edit*.cgi footers already do a reasoably good job at this, some could do with some looking-after)
  • Stop misusing h1, h2 and h3 in header.html.tmplhx is intended to be used for page structure, so these should be replaced by CSS class styled <p></p>s (or a <p></p> containing CSS class styled <span></span>s)

Bug View Ideas/Patches

Attachment Ideas/Patches