Download to read offline
Uploaded byLacey Kruger
Homepage Design Slam bbCon 2015
The document is a presentation by Lacey Kruger and Michael Chang on homepage design trends and best practices for web designers. Key trends discussed include the irrelevance of the 'fold', recommendations to avoid carousels and rethink hamburger menus, and the importance of using unseen space effectively. The presentation emphasizes the necessity for testing and optimizing web pages for better user engagement.
Homepage Design Slam bbCon 2015
- 1. Homepage Design Slam PRESENTEDBY LACEY KRUGER, PRINCIPAL INFORMATION ARCHITECT MICHAEL CHANG, CREATIVE DIRECTOR
- 2. Who we are MichaelChang, Creative Director • Creative strategist and senior visual designer • Clients include Make-A-Wish, Easter Seals, Kent State University, National Multiple Sclerosis Society, Children’s Hospital of Colorado • Best-in-Class Awards from Interactive Media Awards for Common Cause and Feeding America websites • 4 years at Blackbaud/Convio • michael.chang@blackbaud.com Lacey Kruger, Principal Information Architect • User Experience designer and researcher • Clients include Feeding America, Central Park Conservancy, Jewish National Fund • Speaker: IA Summit, BIG Design, bbcon, Convio Summit • 10 years at Blackbaud/Convio • lacey.kruger@blackbaud.com
- 3. Back to thefuture 3 #bbcon
- 4. Responsive design? 4 #bbcon Source:http://responsivedesign.ca/examples/the-boston-globe-a-newspaper-for-the-21st-century
- 5. Trend #1: The“fold” is fake 5 #bbcon Data: Random sample of 25 million user sessions from across the web. Source: Chartbeat Blog: “Scroll behavior across the web” http://bit.ly/1h8LiQ5
- 6. Trend #1: The“fold” is fake 6 #bbcon Data: Random sample of 25 million user sessions from across the web. Source: Chartbeat Blog: “Scroll behavior across the web” http://bit.ly/1h8LiQ5
- 7. Trend #1: The“fold” is fake 7 #bbcon Source: Conversion Rate Experts: “Does optimization ever end? How we grew Crazy Egg’s conversion rate by 363%” http://bit.ly/1kH9bS6
- 8. Trend #1: The“fold” is fake 8 #bbcon
- 9. Trend #2: Ditchthe carousel • Bullets • Second level • Third level 9 #bbcon
- 10. Trend #2: Ditchthe carousel • Bullets • Second level • Third level 10 #bbcon
- 11. Trend #2: Ditchthe carousel • Bullets • Second level • Third level 11 #bbcon
- 12. Trend #3: Rethinkthe hamburger menu 12 #bbcon
- 13. Trend #3: Rethinkthe hamburger menu 13 #bbcon
- 14. Trend #3: Rethinkthe hamburger menu 14 #bbcon
- 15. Trend #3: Rethinkthe hamburger menu 15 #bbcon
- 16. Trend #4: Usethe space you can’t see 16 #bbcon
- 17. Trend #4: Usethe space you can’t see 17 #bbcon
- 18. Trend #4: Usethe space you can’t see 18 #bbcon
- 19. Trend #5: Testand optimize 19 #bbcon Test Question: Where would you click on this Web page to sign up for email? Success rate: 75% 114 total responses Up to 4 paths available to click Average response time: 37 seconds
- 20. Trend #5: Testand optimize 20 #bbcon
- 21. We Can Help! • Grab a business card up front. • Email us at lacey.kruger@blackbaud.com and michael.chang@blackbaud.com • Learn more at http://bit.ly/1NXWcub 21 #bbcon
- 22. Volunteers? Please be respectfuland nice. The timer rules.