[Mailman-Developers] Mailman user interface: draft of a mega drop-down navigation
Hi, I´m Claudia Fleiner and I work together with Patrick Koetter and Florian Fuchs. Here I will present you our idea of a mega drop-down navigation panel for the new Mailman user interface: http://wiki.list.org/display/DEV/Web+UI+Mockups As the draft shows, a mega drop-down has the following characteristics: 1. The big panel is divided into groups of navigation options 2. Navigation choices is structured through layout, typography and icons 3. Eliminate scrolling: everything is visible at once As shown in the draft, I put as navigation structure an example of the admin navigation options. This structure will be revised into the right form later. The icons I used in the draft are just placeholders. Nice Icons well adapted for the new navigation structure will be designed in the next steps. I hope you´ll like our idea of using drop-down navigations for the new user interface. Please don´t hesitate to send us your feedback. Kind regards, Claudia - state of mind Agentur für Kommunikation, Design und Softwareentwicklung http://www.state-of-mind.de Franziskanerstraße 15Telefon +49 89 3090 4664 81669 München Telefax +49 89 3090 4666 Am Südhang 3 Telefon +49 6131 6223149 55127 Mainz Amtsgericht München Partnerschaftsregister PR 563e smime.p7s Description: S/MIME cryptographic signature ___ Mailman-Developers mailing list Mailman-Developers@python.org http://mail.python.org/mailman/listinfo/mailman-developers Mailman FAQ: http://wiki.list.org/x/AgA3 Searchable Archives: http://www.mail-archive.com/mailman-developers%40python.org/ Unsubscribe: http://mail.python.org/mailman/options/mailman-developers/archive%40jab.org Security Policy: http://wiki.list.org/x/QIA9
Re: [Mailman-Developers] Mailman user interface: draft of a mega drop-down navigation
On Jun 24, 2010, at 04:23 PM, Claudia Fleiner wrote: I´m Claudia Fleiner and I work together with Patrick Koetter and Florian Fuchs. Here I will present you our idea of a mega drop-down navigation panelfor the new Mailman user interface: http://wiki.list.org/display/DEV/Web+UI+Mockups As the draft shows, a mega drop-down has the following characteristics: 1. The big panel is divided into groups of navigation options 2. Navigation choices is structured through layout, typography and icons 3. Eliminate scrolling: everything is visible at once As shown in the draft, I put as navigation structure an example of theadmin navigation options. This structure will be revised into the right form later. The icons I used in the draft are just placeholders. Nice Icons well adapted for the new navigation structure will be designed in the next steps. I hope you´ll like our idea of using drop-down navigations for the newuser interface. Please don´t hesitate to send us your feedback. Very nice. I like it a lot. While I think we could use some re-evaluations of the categories, presenting them in this way works well I think. I think we won't have such a deep or wide hierarchy that displaying them all will be too confusing. The thing I really like about this is that I can figure out exactly what's going on in one quick glance, and can probably find my way to the section I care about very easily (certainly much more easy than today). I wonder, would it be possible to put tooltips on those menu items? -Barry signature.asc Description: PGP signature ___ Mailman-Developers mailing list Mailman-Developers@python.org http://mail.python.org/mailman/listinfo/mailman-developers Mailman FAQ: http://wiki.list.org/x/AgA3 Searchable Archives: http://www.mail-archive.com/mailman-developers%40python.org/ Unsubscribe: http://mail.python.org/mailman/options/mailman-developers/archive%40jab.org Security Policy: http://wiki.list.org/x/QIA9
Re: [Mailman-Developers] Mailman user interface: draft of a mega drop-down navigation
Barry Warsaw wrote: While I think we could use some re-evaluations of the categories, presenting them in this way works well I think. I think we won't have such a deep or wide hierarchy that displaying them all will be too confusing. The thing I really like about this is that I can figure out exactly what's going on in one quick glance, and can probably find my way to the section I care about very easily (certainly much more easy than today). Agreed, both in that it looks lovely and that we need to redesign those categories badly. I also reiterate that we need a search option for finding admin options. There's just too many for average list administrators (who probably use this part of the interface once a month or less) to remember the hierarchy. Most people nowadays seem to be heavily reliant upon search. Terri ___ Mailman-Developers mailing list Mailman-Developers@python.org http://mail.python.org/mailman/listinfo/mailman-developers Mailman FAQ: http://wiki.list.org/x/AgA3 Searchable Archives: http://www.mail-archive.com/mailman-developers%40python.org/ Unsubscribe: http://mail.python.org/mailman/options/mailman-developers/archive%40jab.org Security Policy: http://wiki.list.org/x/QIA9
Re: [Mailman-Developers] Mailman user interface: draft of a mega drop-down navigation
On Jun 24, 2010, at 11:37 AM, Terri Oda wrote: I also reiterate that we need a search option for finding admin options. There's just too many for average list administrators (who probably use this part of the interface once a month or less) to remember the hierarchy. Most people nowadays seem to be heavily reliant upon search. +1 Searching on variable name and description at the least (which we should probably improve too ;). -Barry signature.asc Description: PGP signature ___ Mailman-Developers mailing list Mailman-Developers@python.org http://mail.python.org/mailman/listinfo/mailman-developers Mailman FAQ: http://wiki.list.org/x/AgA3 Searchable Archives: http://www.mail-archive.com/mailman-developers%40python.org/ Unsubscribe: http://mail.python.org/mailman/options/mailman-developers/archive%40jab.org Security Policy: http://wiki.list.org/x/QIA9
Re: [Mailman-Developers] Mailman user interface: draft of a mega drop-down navigation
On Thu, 24 Jun 2010, Claudia Fleiner wrote: Here I will present you our idea of a mega drop-down navigation panel for the new Mailman user interface: http://wiki.list.org/display/DEV/Web+UI+Mockups Can anyone explain this a bit for those of us who can't see this image? Or better still, point us at a coded example? Geoff. ___ Mailman-Developers mailing list Mailman-Developers@python.org http://mail.python.org/mailman/listinfo/mailman-developers Mailman FAQ: http://wiki.list.org/x/AgA3 Searchable Archives: http://www.mail-archive.com/mailman-developers%40python.org/ Unsubscribe: http://mail.python.org/mailman/options/mailman-developers/archive%40jab.org Security Policy: http://wiki.list.org/x/QIA9
Re: [Mailman-Developers] Mailman user interface: draft of a mega drop-down navigation
On 2010-06-24 12:09 PM, Barry Warsaw wrote: On Jun 24, 2010, at 11:37 AM, Terri Oda wrote: I also reiterate that we need a search option for finding admin options. There's just too many for average list administrators (who probably use this part of the interface once a month or less) to remember the hierarchy. Most people nowadays seem to be heavily reliant upon search. +1 Searching on variable name and description at the least (which we should probably improve too ;). How about also including a checkbox option (unchecked by default) to 'include online Knowledgebase/FAQ in seach results' (separated from hits in the Admin intrfce itself)? Or would that be overkill? ___ Mailman-Developers mailing list Mailman-Developers@python.org http://mail.python.org/mailman/listinfo/mailman-developers Mailman FAQ: http://wiki.list.org/x/AgA3 Searchable Archives: http://www.mail-archive.com/mailman-developers%40python.org/ Unsubscribe: http://mail.python.org/mailman/options/mailman-developers/archive%40jab.org Security Policy: http://wiki.list.org/x/QIA9
Re: [Mailman-Developers] Mailman user interface: draft of a mega drop-down navigation
* Geoff Shang ge...@quitelikely.com: On Thu, 24 Jun 2010, Claudia Fleiner wrote: Here I will present you our idea of a mega drop-down navigation panel for the new Mailman user interface: http://wiki.list.org/display/DEV/Web+UI+Mockups Can anyone explain this a bit for those of us who can't see this image? Or better still, point us at a coded example? The overall style is light. Lot's of whitespace creates room to distinguish object from each other. The compositional focus is on the content area. Logo and navigation stand back to let users concentrate on the task they need to accomplish. The page is white. The navigation color scheme used is dark blue for typo and light blue as background color. There's a broad border around the navigation pane. It is semi-transparent. When opened, i.e. when level 2 and 3 are visible, the navigation layers over the content drawing users attention to the navigation only. The navigation is horizontal to make way for applications that take place beneath; applications usually require more place than text/images pages. You can see navigation level 1. The navigation differs from traditional navigations in a few ways: - When you hover the mouse or focus a menu entry using keyboard navigation you get to see both, level 2 and 3, at once. A large rectangle (wider than higher) creates the canvas for for both levels. - A topic specific icon prepends evey level 2 item. - Level 2 items are aligned to the left and in bold text. - Level 3 items, if there are any, follow right hand to their correspondent level 2 entry on the same line. They are displayed in regular font weight. - If there were so many level 3 items that they needed to wrap to the next line, they would indent starting at the same left margin where the first level 3 item started. -- state of mind Digitale Kommunikation http://www.state-of-mind.de Franziskanerstraße 15 Telefon +49 89 3090 4664 81669 München Telefax +49 89 3090 4666 Amtsgericht MünchenPartnerschaftsregister PR 563 ___ Mailman-Developers mailing list Mailman-Developers@python.org http://mail.python.org/mailman/listinfo/mailman-developers Mailman FAQ: http://wiki.list.org/x/AgA3 Searchable Archives: http://www.mail-archive.com/mailman-developers%40python.org/ Unsubscribe: http://mail.python.org/mailman/options/mailman-developers/archive%40jab.org Security Policy: http://wiki.list.org/x/QIA9
