SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
Homepage Design Slam


Presented by:

Lacey Kruger, Sr. Information Architect

Don Roach, Art Director



                NO BOUNDARIES
What We’ll Cover
• The Basics
• Slamming some homepages
• Q&A




                        2             NO BOUNDARIES
                © 2010 Convio, Inc.
NO BOUNDARIES




  The 10 Commandments
            of
Effective Homepage Design
Thou shalt clearly state who you are and
              what you do.




                         4             NO BOUNDARIES
                 © 2010 Convio, Inc.
Thou shalt be able to point to where your
   top 3-5 online goals are represented.




                          5             NO BOUNDARIES
                  © 2010 Convio, Inc.
Thou shalt offer clear, concise, navigation.




                           6             NO BOUNDARIES
                   © 2010 Convio, Inc.
Thou shalt provide scannable, up-to-date
  content that entices visitors to click for
                   more.




                           7             NO BOUNDARIES
                   © 2010 Convio, Inc.
Thou shalt provide a personalized
experience for each of your audiences.




                        8             NO BOUNDARIES
                © 2010 Convio, Inc.
Thou shalt convey a visual hierarchy so
     visitors know what to do first.




                        9             NO BOUNDARIES
                © 2010 Convio, Inc.
Thou shalt provide multiple, appealing
  ways for visitors to engage with you.




                       10             NO BOUNDARIES
                © 2010 Convio, Inc.
Thou shalt avoid the Flash intro or other
          gratuitous animation.




                        11             NO BOUNDARIES
                 © 2010 Convio, Inc.
Thou shalt ensure the most relevant
 content is available “above the fold”




                       12             NO BOUNDARIES
                © 2010 Convio, Inc.
Thou shalt balance meaningful content
   with relevant supporting graphics.




                       13             NO BOUNDARIES
                © 2010 Convio, Inc.
NO BOUNDARIES




Peer Review
Thank You!
• Questions? Visit us in the Expert Lab

• Session Evaluations
  – Please take a minute to give us feedback on
    this session.
  – Two ways to share your feedback:
     • Text 1123 to 30644.
     • Go to www.conviosummit2010sessionsurveys.com
       and enter 1123 when prompted.

                            15             NO BOUNDARIES
                     © 2010 Convio, Inc.

Más contenido relacionado

Similar a Homepage Design Slam

User Experience Design
User Experience DesignUser Experience Design
User Experience DesignJenna Yim
 
Layar March 20th Webinar - Intro to the Layar Development Platform
Layar March 20th Webinar - Intro to the Layar Development PlatformLayar March 20th Webinar - Intro to the Layar Development Platform
Layar March 20th Webinar - Intro to the Layar Development PlatformLayar
 
Enjoyalocal & SUCCESSWERKS 11.9.12
Enjoyalocal & SUCCESSWERKS 11.9.12Enjoyalocal & SUCCESSWERKS 11.9.12
Enjoyalocal & SUCCESSWERKS 11.9.12Nhat Pham
 
Enjoyalocal & SUCCESSWERKS 11.9.12
Enjoyalocal & SUCCESSWERKS 11.9.12Enjoyalocal & SUCCESSWERKS 11.9.12
Enjoyalocal & SUCCESSWERKS 11.9.12Nhat Pham
 
Video Best Practices: Beyond the Basics
Video Best Practices: Beyond the BasicsVideo Best Practices: Beyond the Basics
Video Best Practices: Beyond the BasicsLaSandra Brill
 
Layar Augmented Reality Browser - presentation at MIPTV 2010
Layar Augmented Reality Browser - presentation at MIPTV 2010Layar Augmented Reality Browser - presentation at MIPTV 2010
Layar Augmented Reality Browser - presentation at MIPTV 2010Layar
 
Making Your Webinar a Success - An Expert Guide
Making Your Webinar a Success - An Expert GuideMaking Your Webinar a Success - An Expert Guide
Making Your Webinar a Success - An Expert GuidePresentation Design Co
 
Plaza42 - Business Case
Plaza42 - Business CasePlaza42 - Business Case
Plaza42 - Business CaseGuirec Courbon
 
Conducting Research Communities in BRIC
Conducting Research Communities in BRICConducting Research Communities in BRIC
Conducting Research Communities in BRICTom De Ruyck
 
switcher-brand-guide-2021.pdf
switcher-brand-guide-2021.pdfswitcher-brand-guide-2021.pdf
switcher-brand-guide-2021.pdfabuafifah1
 
HABCC (Young Professionals): Social Media for Business
HABCC (Young Professionals): Social Media for BusinessHABCC (Young Professionals): Social Media for Business
HABCC (Young Professionals): Social Media for BusinessNhat Pham
 
Video Marketing Rules!
Video Marketing Rules!Video Marketing Rules!
Video Marketing Rules!Lou Bortone
 
Building Sexy User Interfaces in Servoy
Building Sexy User Interfaces in ServoyBuilding Sexy User Interfaces in Servoy
Building Sexy User Interfaces in ServoyThomas Immich
 
Beyond pixels, screens and best practices designing with ux in mind
Beyond pixels, screens and best practices  designing with ux in mindBeyond pixels, screens and best practices  designing with ux in mind
Beyond pixels, screens and best practices designing with ux in mindCarbon Interactive Pte Ltd
 
10 PRINCIPLES OF GOOD WEB DESIGN
10 PRINCIPLES OF GOOD WEB DESIGN10 PRINCIPLES OF GOOD WEB DESIGN
10 PRINCIPLES OF GOOD WEB DESIGNShrestha Raaz
 
Layar January 8th Webinar - What Can Layar Do for Your Business? Magazines
Layar January 8th Webinar - What Can Layar Do for Your Business? MagazinesLayar January 8th Webinar - What Can Layar Do for Your Business? Magazines
Layar January 8th Webinar - What Can Layar Do for Your Business? MagazinesLayar
 
Explaindoclick blogspot-com-2020-10-discover-proven-video-creator-that-will-html
Explaindoclick blogspot-com-2020-10-discover-proven-video-creator-that-will-htmlExplaindoclick blogspot-com-2020-10-discover-proven-video-creator-that-will-html
Explaindoclick blogspot-com-2020-10-discover-proven-video-creator-that-will-htmlJolayemi Joseph
 
Let’s talk product
Let’s talk productLet’s talk product
Let’s talk productLayar
 
Digital Minefield
Digital MinefieldDigital Minefield
Digital MinefieldBlue Beetle
 

Similar a Homepage Design Slam (20)

User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
Layar March 20th Webinar - Intro to the Layar Development Platform
Layar March 20th Webinar - Intro to the Layar Development PlatformLayar March 20th Webinar - Intro to the Layar Development Platform
Layar March 20th Webinar - Intro to the Layar Development Platform
 
Enjoyalocal & SUCCESSWERKS 11.9.12
Enjoyalocal & SUCCESSWERKS 11.9.12Enjoyalocal & SUCCESSWERKS 11.9.12
Enjoyalocal & SUCCESSWERKS 11.9.12
 
Enjoyalocal & SUCCESSWERKS 11.9.12
Enjoyalocal & SUCCESSWERKS 11.9.12Enjoyalocal & SUCCESSWERKS 11.9.12
Enjoyalocal & SUCCESSWERKS 11.9.12
 
Video Best Practices: Beyond the Basics
Video Best Practices: Beyond the BasicsVideo Best Practices: Beyond the Basics
Video Best Practices: Beyond the Basics
 
Layar Augmented Reality Browser - presentation at MIPTV 2010
Layar Augmented Reality Browser - presentation at MIPTV 2010Layar Augmented Reality Browser - presentation at MIPTV 2010
Layar Augmented Reality Browser - presentation at MIPTV 2010
 
Making Your Webinar a Success - An Expert Guide
Making Your Webinar a Success - An Expert GuideMaking Your Webinar a Success - An Expert Guide
Making Your Webinar a Success - An Expert Guide
 
Plaza42 - Business Case
Plaza42 - Business CasePlaza42 - Business Case
Plaza42 - Business Case
 
Conducting Research Communities in BRIC
Conducting Research Communities in BRICConducting Research Communities in BRIC
Conducting Research Communities in BRIC
 
switcher-brand-guide-2021.pdf
switcher-brand-guide-2021.pdfswitcher-brand-guide-2021.pdf
switcher-brand-guide-2021.pdf
 
HABCC (Young Professionals): Social Media for Business
HABCC (Young Professionals): Social Media for BusinessHABCC (Young Professionals): Social Media for Business
HABCC (Young Professionals): Social Media for Business
 
Video Marketing Rules!
Video Marketing Rules!Video Marketing Rules!
Video Marketing Rules!
 
Building Sexy User Interfaces in Servoy
Building Sexy User Interfaces in ServoyBuilding Sexy User Interfaces in Servoy
Building Sexy User Interfaces in Servoy
 
Beyond pixels, screens and best practices designing with ux in mind
Beyond pixels, screens and best practices  designing with ux in mindBeyond pixels, screens and best practices  designing with ux in mind
Beyond pixels, screens and best practices designing with ux in mind
 
10 PRINCIPLES OF GOOD WEB DESIGN
10 PRINCIPLES OF GOOD WEB DESIGN10 PRINCIPLES OF GOOD WEB DESIGN
10 PRINCIPLES OF GOOD WEB DESIGN
 
Layar January 8th Webinar - What Can Layar Do for Your Business? Magazines
Layar January 8th Webinar - What Can Layar Do for Your Business? MagazinesLayar January 8th Webinar - What Can Layar Do for Your Business? Magazines
Layar January 8th Webinar - What Can Layar Do for Your Business? Magazines
 
Explaindoclick blogspot-com-2020-10-discover-proven-video-creator-that-will-html
Explaindoclick blogspot-com-2020-10-discover-proven-video-creator-that-will-htmlExplaindoclick blogspot-com-2020-10-discover-proven-video-creator-that-will-html
Explaindoclick blogspot-com-2020-10-discover-proven-video-creator-that-will-html
 
Let’s talk product
Let’s talk productLet’s talk product
Let’s talk product
 
Digital Minefield
Digital MinefieldDigital Minefield
Digital Minefield
 
Fortress Insurance Presentation
Fortress Insurance PresentationFortress Insurance Presentation
Fortress Insurance Presentation
 

Más de Lacey Kruger

Adaptive Content for Luminate CMS bbCon 2015
Adaptive Content for Luminate CMS bbCon 2015Adaptive Content for Luminate CMS bbCon 2015
Adaptive Content for Luminate CMS bbCon 2015Lacey Kruger
 
Homepage Design Slam bbCon 2015
Homepage Design Slam bbCon 2015Homepage Design Slam bbCon 2015
Homepage Design Slam bbCon 2015Lacey Kruger
 
Content Modeling: How to Structure Your Content
Content Modeling: How to Structure Your ContentContent Modeling: How to Structure Your Content
Content Modeling: How to Structure Your ContentLacey Kruger
 
The Anatomy of a Content Model
The Anatomy of a Content ModelThe Anatomy of a Content Model
The Anatomy of a Content ModelLacey Kruger
 
Going Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly ContentGoing Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly ContentLacey Kruger
 
Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design
Nonprofit Homepage Design Slam - 10 tips for Effective Homepage DesignNonprofit Homepage Design Slam - 10 tips for Effective Homepage Design
Nonprofit Homepage Design Slam - 10 tips for Effective Homepage DesignLacey Kruger
 
Practicing What We Preach - User-Centered Email
Practicing What We Preach - User-Centered EmailPracticing What We Preach - User-Centered Email
Practicing What We Preach - User-Centered EmailLacey Kruger
 
Mobile Homepage Design Slam
Mobile Homepage Design SlamMobile Homepage Design Slam
Mobile Homepage Design SlamLacey Kruger
 

Más de Lacey Kruger (9)

Adaptive Content for Luminate CMS bbCon 2015
Adaptive Content for Luminate CMS bbCon 2015Adaptive Content for Luminate CMS bbCon 2015
Adaptive Content for Luminate CMS bbCon 2015
 
Homepage Design Slam bbCon 2015
Homepage Design Slam bbCon 2015Homepage Design Slam bbCon 2015
Homepage Design Slam bbCon 2015
 
Content Modeling: How to Structure Your Content
Content Modeling: How to Structure Your ContentContent Modeling: How to Structure Your Content
Content Modeling: How to Structure Your Content
 
The Anatomy of a Content Model
The Anatomy of a Content ModelThe Anatomy of a Content Model
The Anatomy of a Content Model
 
Going Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly ContentGoing Mobile: Tips and Tricks for Mobile-Friendly Content
Going Mobile: Tips and Tricks for Mobile-Friendly Content
 
Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design
Nonprofit Homepage Design Slam - 10 tips for Effective Homepage DesignNonprofit Homepage Design Slam - 10 tips for Effective Homepage Design
Nonprofit Homepage Design Slam - 10 tips for Effective Homepage Design
 
Practicing What We Preach - User-Centered Email
Practicing What We Preach - User-Centered EmailPracticing What We Preach - User-Centered Email
Practicing What We Preach - User-Centered Email
 
Using Your Users
Using Your UsersUsing Your Users
Using Your Users
 
Mobile Homepage Design Slam
Mobile Homepage Design SlamMobile Homepage Design Slam
Mobile Homepage Design Slam
 

Homepage Design Slam

  • 1. Homepage Design Slam Presented by: Lacey Kruger, Sr. Information Architect Don Roach, Art Director NO BOUNDARIES
  • 2. What We’ll Cover • The Basics • Slamming some homepages • Q&A 2 NO BOUNDARIES © 2010 Convio, Inc.
  • 3. NO BOUNDARIES The 10 Commandments of Effective Homepage Design
  • 4. Thou shalt clearly state who you are and what you do. 4 NO BOUNDARIES © 2010 Convio, Inc.
  • 5. Thou shalt be able to point to where your top 3-5 online goals are represented. 5 NO BOUNDARIES © 2010 Convio, Inc.
  • 6. Thou shalt offer clear, concise, navigation. 6 NO BOUNDARIES © 2010 Convio, Inc.
  • 7. Thou shalt provide scannable, up-to-date content that entices visitors to click for more. 7 NO BOUNDARIES © 2010 Convio, Inc.
  • 8. Thou shalt provide a personalized experience for each of your audiences. 8 NO BOUNDARIES © 2010 Convio, Inc.
  • 9. Thou shalt convey a visual hierarchy so visitors know what to do first. 9 NO BOUNDARIES © 2010 Convio, Inc.
  • 10. Thou shalt provide multiple, appealing ways for visitors to engage with you. 10 NO BOUNDARIES © 2010 Convio, Inc.
  • 11. Thou shalt avoid the Flash intro or other gratuitous animation. 11 NO BOUNDARIES © 2010 Convio, Inc.
  • 12. Thou shalt ensure the most relevant content is available “above the fold” 12 NO BOUNDARIES © 2010 Convio, Inc.
  • 13. Thou shalt balance meaningful content with relevant supporting graphics. 13 NO BOUNDARIES © 2010 Convio, Inc.
  • 15. Thank You! • Questions? Visit us in the Expert Lab • Session Evaluations – Please take a minute to give us feedback on this session. – Two ways to share your feedback: • Text 1123 to 30644. • Go to www.conviosummit2010sessionsurveys.com and enter 1123 when prompted. 15 NO BOUNDARIES © 2010 Convio, Inc.