Team, Please see below for more info on the LD design from the Ubuntu/Canonical design team.
Chris ---------- Forwarded message ---------- From: Laura Czajkowski <[email protected]> Date: Thu, Sep 16, 2010 at 11:33 AM Subject: Fwd: Loco teams website To: Chris Johnston <[email protected]> please let the LD dev folks know. Laura -------- Original Message -------- Subject: Loco teams website Date: Thu, 16 Sep 2010 15:43:25 +0100 From: Alejandra Obregon <[email protected]> To: Laura Czajkowski <[email protected]> CC: Ivanka Majic <[email protected]>, Inayaili de Leon < [email protected]>, marcus haslam <[email protected]> Hi Laura First of all, thanks for taking the time to make the loco site incorporate the new branding. It's looking good! :) We welcome the chance to have a look and suggest things to consider as it also helps us evaluate our guidelines, to make sure we're providing all the information that is needed to build community sites easily and on-brand. So, here goes... some comments for you to consider... General template, typography and spacing: 1. The top navigation bar seemed a bit brighter on my monitor than that used on the Ubuntu.com site. Might be worth verifying... The reference for the Orange is HEX #dd4814 2. I think some of the headers might benefit from a bit more space around them, both top level headers for the page and content headers within it. Page 16 on the Web Design Guidelines document specifies the typographic scale between headers, paragraphs and other typographic elements 3. Your links are orange but some of the headers are also orange. This can be confusing as users may come to expect that they can click on a piece of text that is in fact a header... I would consider using the grays for headers that are not links. There is more information on the typographic styles for headers and links on page 17 of the Web Design Guidelines 4. Grid layout. Some of the pages, such as the Venues page, might benefit from adhering more closely to the grid layout. http://loco.ubuntu.com/events/venues/ For an example of how a list like this can be presented in a grid layout you could look at the list of distributors on the CDs page on Ubuntu.com: http://www.ubuntu.com/desktop/get-ubuntu/cds . More details on the grid layout are in the guidelines document too (page 12). 5. For the Events page listing (http://loco.ubuntu.com/events/) and other tables on the site, you may want to refer to page 27 of the Web Design Guidelines, which contains details on the styling for tabular data. Navigation: 6. The way we have implemented the secondary navigation on Ubuntu.com is that it is displayed once you choose a top-level category. Your homepage currently has the 'About' page and Usage instructions as secondary navigation. I agree that these are crucial topics to access here, but I wonder if we could present the information on the homepage itself, or create a top-level 'About' page that includes both of those... Actually, I've just realised that it is one of the top sections - maybe it could be given more prominence and you could present the 'About Locos' first in the navigation, before the 'Teams' section? Perhaps the 'Using the Loco team Directory' content could be part of this section... 7. When secondary navigation is displayed, for example in Events: secondary navigation includes 'Venues' and 'Past Events'... This navigation disappears when I go into Venues. We would recommend keeping the second level navigation visible and consistent on all pages within that section. When I go to 'Past Events' the second level navigation updates and changes to 'Back to Events list'. I would include this link contextually, within the page, and keep the navigation consistent. 8. In the LoCo Council section, the section 'Meeting agenda' takes me to the Ubuntu Wiki. I would consider placing that link within the content area and warning users that they are going to another site, so that they are informed and it does not disrupt their flow on your site. 9. I noticed you had a search field in the Events section. If you wanted to apply the style we use on Ubuntu.com to the search box, please see page 9 of the web guidelines. However, if the search field is for events only, I would consider placing it within the page, as some users may think that it is the search field for the whole website, and it is a really useful feature within events. Some of the suggestions below are not so much to do with the guidelines, but ideas I've had based on what you've created, which you may want to consider. 8. I would consider saying a little more about the the Loco teams on the homepage, maybe some of the content you have in this page ( http://loco.ubuntu.com/about-loco/), might be a nice introduction when you arrive on the homepage. 9. It might be an idea in the Team's section to include a key, explaining what the different coloured icons mean 10. I was thinking, given the scale of the loco teams and the fact that they are in so many different locations, maybe a Google map with pins for each team could be displayed in the homepage? And you could provide quick links to jump to the continent lists in the Teams section? Just an idea :) Hope this helps Laura. Let me know if you want to talk through any of these points Regards Alejandra PS. I saw on Twitter you're going to UDS! Congratulations! See you there :)
_______________________________________________ Mailing list: https://launchpad.net/~loco-directory-dev Post to : [email protected] Unsubscribe : https://launchpad.net/~loco-directory-dev More help : https://help.launchpad.net/ListHelp
