Developing a Pattern Library at Globo.com

Developing a Pattern Library at Globo.com
IA Retreat 2006 :: Chile
Agenda
• What is Globo.com?
• Background to the project
• Objectives
• Initial Scope
• Structure
• Challenges
• Next steps
IA Retreat 2006 :: Chile
What is Globo.com?
IA Retreat 2006 :: Chile
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
IA Retreat 2006 :: Chile
What is Globo.com?
HOMEPAGE
NEWS
SPORTS
ENTERTAIN
MENT
IA Retreat 2006 :: Chile
VIDEOS
Homepage
IA Retreat 2006 :: Chile
News central – G1.com.br
IA Retreat 2006 :: Chile
Sports central – globoesporte.com.br
IA Retreat 2006 :: Chile
Entertainment central
IA Retreat 2006 :: Chile
TV sites
IA Retreat 2006 :: Chile
Videos – Globo Media Center
IA Retreat 2006 :: Chile
Background to the project
IA Retreat 2006 :: Chile
Background to the project
Idea of a Globo.com ‘quality standart’ applied to all
their interactive media products, but not registered
Tacit knowledge
IA Retreat 2006 :: Chile
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
IA Retreat 2006 :: Chile
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
IA Retreat 2006 :: Chile
Objectives
IA Retreat 2006 :: Chile
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
IA Retreat 2006 :: Chile
The Pattern Library
IA Retreat 2006 :: Chile
The Pattern Library
•Project begins in January, 2006
•Budget to hire a trainee and an IA/Designer
freelancer
Laura Klemz
Carla Barretto
IA Retreat 2006 :: Chile
Renato Rosa
The Pattern Library
Decision to use a Wiki tool to enable collaboration
of the whole creative team
Liberty
Simplicity
Power to the people!
IA Retreat 2006 :: Chile
The Pattern Library
Initial Scope:
•Global elements
•Boxes and editorial headlines
•Search
•Photos
•Labels and texts
•Standard pages and flows
•Videos
IA Retreat 2006 :: Chile
The Pattern Library
Basic structure of a topic:
• Basic rules
• Possible Applications
• Sizes and dimensions
• Interactive behaviour
• Appearance
• Exceptions and alternatives
• Examples of use
IA Retreat 2006 :: Chile
The Pattern Library
Now, the initial scope is almost complete, where are we
going?
• Improve SEO practices
• Define Accessibility patterns
IA Retreat 2006 :: Chile
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 a great collaboration and
avoid the information chaos?
IA Retreat 2006 :: Chile
Please, collaborate!
Questions?
Suggestions?
Muchas gracias ☺
Laura Lessa
[email protected]
http://lauralessa.net
IA Retreat 2006 :: Chile