Homepage Design Slam bbCon 2015

Homepage Design Slam PRESENTED BY LACEY KRUGER, PRINCIPAL INFORMATION ARCHITECT MICHAEL CHANG, CREATIVE DIRECTOR

Who we are

Michael Chang, 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

Back to the future

3 #bbcon

Responsive design?

4 #bbcon

Source: http://responsivedesign.ca/examples/the-boston-globe-a-newspaper-for-the-21st-century

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

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

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

Trend #1: The “fold” is fake

8 #bbcon

Trend #2: Ditch the carousel •  Bullets

•  Second level •  Third level

9 #bbcon

Trend #2: Ditch the carousel •  Bullets

•  Second level •  Third level

10 #bbcon

Trend #2: Ditch the carousel •  Bullets

•  Second level •  Third level

11 #bbcon

Trend #3: Rethink the hamburger menu

12 #bbcon

Trend #3: Rethink the hamburger menu

13 #bbcon

Trend #3: Rethink the hamburger menu

14 #bbcon

Trend #3: Rethink the hamburger menu

15 #bbcon

Trend #4: Use the space you can’t see

16 #bbcon

Trend #4: Use the space you can’t see

17 #bbcon

Trend #4: Use the space you can’t see

18 #bbcon

Trend #5: Test and 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

Trend #5: Test and optimize

20 #bbcon

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

Volunteers? Please be respectful and nice. The timer rules.