Developing a Patterns Library at Globo.com Laura Lessa
Agenda <ul><li>What is Globo.com? </li></ul><ul><li>Background to the project </li></ul><ul><li>Objectives </li></ul><ul><...
What is Globo.com?
What is Globo.com? The Internet branch of Globo media group (TV channels, newspapers, radio stations and magazines) It is ...
What is Globo.com? HOMEPAGE NEWS SPORTS ENTERTAINMENT VIDEOS
Homepage
News central – G1.com.br
Sports central – globoesporte.com.br
Entertainment central
TV sites
Videos – Globo Media Center
Background to the project
Background to the project Idea of a Globo.com ‘quality standart’ applied to all their interactive media products, but not ...
Background to the project Demand to websites produced by Globo.com increased Creative team doubled in one year  Natural te...
Background for the project Damage of Usability of Globo.com  because the lack of consistency Waste of time to  Implement s...
Objectives
Objectives <ul><li>Register and spread the ‘quality standard’ of Globo.com </li></ul><ul><li>Increase the Usability and co...
The Pattern Library
The Pattern Library <ul><li>Project begins in January, 2006 </li></ul><ul><li>Budget to hire a trainee and two part-times ...
The Pattern Library Decision to use a Wiki tool to enable collaboration of the whole creative team Liberty Simplicity Powe...
The Pattern Library <ul><li>Initial Scope: </li></ul><ul><li>Global elements </li></ul><ul><li>Boxes and editorial headlin...
The Pattern Library <ul><li>Basic structure of a topic: </li></ul><ul><li>Basic rules </li></ul><ul><li>Possible Applicati...
The Pattern Library <ul><li>Now, the initial scope is almost complete, where are we going?  </li></ul><ul><li>Improve SEO ...
Challenges for the Pattern Library <ul><li>Increase the collaboration of the whole creative team in suggesting new guideli...
Please, collaborate! Questions? Suggestions? Muchas gracias   Laura Lessa [email_address] http://lauralessa.net
Upcoming SlideShare
Loading in …5
×

Developing a Patterns Library at Globo.com

1,568 views

Published on

About the development of a patterns library at Globo.com. (Chile - IA Latin American Retreat - 2006)

Published in: Design, Art & Photos, Travel
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,568
On SlideShare
0
From Embeds
0
Number of Embeds
121
Actions
Shares
0
Downloads
31
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Developing a Patterns Library at Globo.com

  1. 1. Developing a Patterns Library at Globo.com Laura Lessa
  2. 2. Agenda <ul><li>What is Globo.com? </li></ul><ul><li>Background to the project </li></ul><ul><li>Objectives </li></ul><ul><li>Initial Scope </li></ul><ul><li>Structure </li></ul><ul><li>Challenges </li></ul><ul><li>Next steps </li></ul>
  3. 3. What is Globo.com?
  4. 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. 5. What is Globo.com? HOMEPAGE NEWS SPORTS ENTERTAINMENT VIDEOS
  6. 6. Homepage
  7. 7. News central – G1.com.br
  8. 8. Sports central – globoesporte.com.br
  9. 9. Entertainment central
  10. 10. TV sites
  11. 11. Videos – Globo Media Center
  12. 12. Background to the project
  13. 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. 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. 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. 16. Objectives
  17. 17. Objectives <ul><li>Register and spread the ‘quality standard’ of Globo.com </li></ul><ul><li>Increase the Usability and consistency of Globo.com websites </li></ul><ul><li>Ease and speed up the development of websites </li></ul><ul><li>Encourage collaboration of the creative team </li></ul><ul><li>Promote innovation in the whole company </li></ul>
  18. 18. The Pattern Library
  19. 19. The Pattern Library <ul><li>Project begins in January, 2006 </li></ul><ul><li>Budget to hire a trainee and two part-times IAs </li></ul>Laura Klemz Carla Barretto Renato Rosa
  20. 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. 21. The Pattern Library <ul><li>Initial Scope: </li></ul><ul><li>Global elements </li></ul><ul><li>Boxes and editorial headlines </li></ul><ul><li>Search </li></ul><ul><li>Photos </li></ul><ul><li>Labels and texts </li></ul><ul><li>Standard pages and flows </li></ul><ul><li>Videos </li></ul>
  22. 22. The Pattern Library <ul><li>Basic structure of a topic: </li></ul><ul><li>Basic rules </li></ul><ul><li>Possible Applications </li></ul><ul><li>Sizes and dimensions </li></ul><ul><li>Interactive behaviour </li></ul><ul><li>Appearance </li></ul><ul><li>Exceptions and alternatives </li></ul><ul><li>Examples of use </li></ul>
  23. 23. The Pattern Library <ul><li>Now, the initial scope is almost complete, where are we going? </li></ul><ul><li>Improve SEO practices </li></ul><ul><li>Define Accessibility patterns </li></ul>
  24. 24. Challenges for the Pattern Library <ul><li>Increase the collaboration of the whole creative team in suggesting new guidelines and uses </li></ul><ul><li>Improve the information-sharing and use of the Pattern Library </li></ul><ul><li>Maintain the content reliable, useful and up-to-date </li></ul>How to have great collaboration and avoid the information chaos?
  25. 25. Please, collaborate! Questions? Suggestions? Muchas gracias  Laura Lessa [email_address] http://lauralessa.net

×