Developing a Patterns Library at Globo.com

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    2 Favorites

    Developing a Patterns Library at Globo.com - Presentation Transcript

    1. Developing a Patterns Library at Globo.com Laura Lessa
    2. Agenda
      • What is Globo.com?
      • Background to the project
      • Objectives
      • Initial Scope
      • Structure
      • Challenges
      • Next steps
    3. What is Globo.com?
    4. What is Globo.com? The Internet branch of Globo media group (TV channels, newspapers, radio stations and magazines) It is a portal that includes about 280 websites of News, Sports and Entertainment content produced by all the companies within the group
    5. What is Globo.com? HOMEPAGE NEWS SPORTS ENTERTAINMENT VIDEOS
    6. Homepage
    7. News central – G1.com.br
    8. Sports central – globoesporte.com.br
    9. Entertainment central
    10. TV sites
    11. Videos – Globo Media Center
    12. Background to the project
    13. Background to the project Idea of a Globo.com ‘quality standart’ applied to all their interactive media products, but not registered Tacit knowledge
    14. Background to the project Demand to websites produced by Globo.com increased Creative team doubled in one year Natural tendency to design slightly different solutions to similar problems
    15. Background for the project Damage of Usability of Globo.com because the lack of consistency Waste of time to Implement similar solutions Need to define User Experience Patterns
    16. Objectives
    17. Objectives
      • Register and spread the ‘quality standard’ of Globo.com
      • Increase the Usability and consistency of Globo.com websites
      • Ease and speed up the development of websites
      • Encourage collaboration of the creative team
      • Promote innovation in the whole company
    18. The Pattern Library
    19. The Pattern Library
      • Project begins in January, 2006
      • Budget to hire a trainee and two part-times IAs
      Laura Klemz Carla Barretto Renato Rosa
    20. The Pattern Library Decision to use a Wiki tool to enable collaboration of the whole creative team Liberty Simplicity Power to the people!
    21. The Pattern Library
      • Initial Scope:
      • Global elements
      • Boxes and editorial headlines
      • Search
      • Photos
      • Labels and texts
      • Standard pages and flows
      • Videos
    22. The Pattern Library
      • Basic structure of a topic:
      • Basic rules
      • Possible Applications
      • Sizes and dimensions
      • Interactive behaviour
      • Appearance
      • Exceptions and alternatives
      • Examples of use
    23. The Pattern Library
      • Now, the initial scope is almost complete, where are we going?
      • Improve SEO practices
      • Define Accessibility patterns
    24. Challenges for the Pattern Library
      • Increase the collaboration of the whole creative team in suggesting new guidelines and uses
      • Improve the information-sharing and use of the Pattern Library
      • Maintain the content reliable, useful and up-to-date
      How to have great collaboration and avoid the information chaos?
    25. Please, collaborate! Questions? Suggestions? Muchas gracias  Laura Lessa [email_address] http://lauralessa.net

    + Laura LessaLaura Lessa, 2 years ago

    custom

    1018 views, 2 favs, 1 embeds more stats

    About the development of a patterns library at Glob more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 1018
      • 965 on SlideShare
      • 53 from embeds
    • Comments 0
    • Favorites 2
    • Downloads 17
    Most viewed embeds
    • 53 views on http://blog.lauralessa.com

    more

    All embeds
    • 53 views on http://blog.lauralessa.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories