5 Ways to Improve First Impressions on Your Website 2011 - BBECon // European Conference

1. YOUR AUDIENCE JUDGES BOOKS BY THEIR COVERS 5 Ways to Make the best first impression and keep your audience engaged RAHEEL GAUBA Brand Leader & Creative Director, Blackbaud #5waysNP #bbecon

2. October 3, 2011 #5waysNP #bbecon

5. First impressions are important October 3, 2011 #5waysNP #bbecon

6. { disclaimer } October 3, 2011 #5waysNP #bbecon

7. PAGE LOAD TIMES This is the age of instant gratification! October 3, 2011 #5waysNP #bbecon

8. PAGE LOAD TIMES This is the age of instant gratification! October 3, 2011 #5waysNP #bbecon

9. PAGE LOAD TIMES Faster sites create happy users and we’ve seen in our internal studies that when a site responds slowly, visitors spend less time there. - Google Blog October 3, 2011 #5waysNP #bbecon

10. PAGE LOAD TIMES When Google experienced their page load time to drop from 0.4 seconds to 0.9 seconds, it decreased traffic and ad revenues by 20%. - Marissa Mayer, VP Google October 3, 2011 #5waysNP #bbecon

11. PAGE LOAD TIMES 1. Optimize your images 2. Prioritize content 3. Optimize html, css, js October 3, 2011 #5waysNP #bbecon

12. BRANDING Perception is Reality Good branding = favorible perception Good orgs + weak branding = bad perception October 3, 2011 #5waysNP #bbecon

13. BRANDING Perception is Reality Good branding = favorible perception Good orgs + weak branding = bad perception October 3, 2011 #5waysNP #bbecon

14. BRANDING Inspires Trust Makes your organization recognizable October 3, 2011 #5waysNP #bbecon

15. BRANDING Sets the tone for the entire website experience... October 3, 2011 #5waysNP #bbecon

16. BRANDING 1. No design contests! 2. Free logos = stock art or rejected/ reused logos 3. Don’t do it yourself! 4. Hire a talented designer October 3, 2011 #5waysNP #bbecon

17. BRANDING Logo Before / After’s credit: underconsideration.com October 3, 2011 #5waysNP #bbecon

35. LAYOUT & VISUAL FLOW Guide your audience Take them on a journey about how you make a difference and how they can participate! October 3, 2011 #5waysNP #bbecon

36. LAYOUT & VISUAL FLOW Guide your audience Take them on a journey about how you make a difference and how they can participate! October 3, 2011 #5waysNP #bbecon

37. LAYOUT & VISUAL FLOW Important information... Fast! Get your audience to the most important information on the website quickly & easily! October 3, 2011 #5waysNP #bbecon

38. LAYOUT & VISUAL FLOW Sophisticated Design / Less is more Keep it clean - your visitors will perceive your organization to be legitimate and established! October 3, 2011 #5waysNP #bbecon

39. LAYOUT & VISUAL FLOW 1. The rule of thirds 2. Introduce symmetry 3. Develop wireframes first 4. Conduct usability testing October 3, 2011 #5waysNP #bbecon

40. LAYOUT & VISUAL FLOW October 3, 2011 #5waysNP #bbecon

43. LAYOUT & VISUAL FLOW Sign in Create Your Account HOME ABOUT BADGES NEWS NEED HELP? "We have young children and within two days of using this service we have found how excited our 6 year old is about doing good deeds and receiving badges." - Heather with a free account Who's Been Badged Recently Kids Earn and Collect Online Badges! With every accomplishment, good-deed, skill-earned, or milestone, you can award "Trophy" badge awarded to your child a unique online badge, choosing Addison , age 5. from a collection of 119 custom badges. October 3, 2011 #5waysNP #bbecon

45. QUALITY OF PHOTOS A picture is worth a thousand words The right image can evoke an emotional response + create an instant connection October 3, 2011 #5waysNP #bbecon

46. QUALITY OF PHOTOS A picture is worth a thousand words The right image can evoke an emotional response + create an instant connection October 3, 2011 #5waysNP #bbecon

47. QUALITY OF PHOTOS Instant Communication Relevant images communcate your cause and outcomes just by looking! October 3, 2011 #5waysNP #bbecon

48. QUALITY OF PHOTOS Look Professional Good photography = Enhances your brand Bad photography = Damages your brand October 3, 2011 #5waysNP #bbecon

49. QUALITY OF PHOTOS 1. Hire a photographer 2. Incentivize a photographer 3. Avoid generic snapshots 4. If all else fails - use (good) stock photos October 3, 2011 #5waysNP #bbecon

50. QUALITY OF PHOTOS October 3, 2011 #5waysNP #bbecon

58. QUALITY OF PHOTOS Thank you, Ulster. Couldn’t have done it without you! Alumni October 3, 2011 #5waysNP #bbecon

59. ARE YOU INTERACTIVE? Captures Attention Encourages the audience to explore and connect! October 3, 2011 #5waysNP #bbecon

60. ARE YOU INTERACTIVE? Captures Attention Encourages the audience to explore and connect! October 3, 2011 #5waysNP #bbecon

61. ARE YOU INTERACTIVE? Doesn’t have to be Complicated Simple as “live” status updates to video libraries to twitter feeds to flash apps October 3, 2011 #5waysNP #bbecon

62. ARE YOU INTERACTIVE? Your Audience Loves Sharing! Interesting interactive elements stand a much higher chance of being shared by social media vs. boring static content October 3, 2011 #5waysNP #bbecon

63. ARE YOU INTERACTIVE? social video A.R. flash NFP GE Ecomagination x x Avaaz.org x x BMW Z4 x The Majestic Plastic Bag x x I Am Second x x x Ave Maria Memorial Locator x x We Choose the Moon x x x Lincoln Memorial Interactive x x x San Francisco Symphony Orchestra x x Make History 9/11 x x x Waterlife NFB x x All About Birds x x Simple Machines x x Lost There, Felt Here - Protect an Acre x x x Light It Up Blue x x VoteEasy - 2010 x x October 3, 2011 #5waysNP #bbecon

64. 5 WAYS TO MAKE THE BEST FIRST IMPRESSIONS 1. page load time 2. branding 3. layout & page flow 4. quality of photos 5. interactive October 3, 2011 #5waysNP #bbecon

65. YOUR AUDIENCE JUDGES BOOKS BY THEIR COVERS 5 Ways to Make the best first impression and keep your audience engaged Thank You! RAHEEL GAUBA Brand Leader & Creative Director, Blackbaud Twitter: @raheelgauba Email: raheel.gauba@blackbaud.com Slides: www.slideshare.net/raheelgauba Facebook: Raheel Gauba #5waysNP #bbecon

5 Ways to Improve First Impressions on Your Website 2011 - BBECon // European Conference

Recommended

Recommended

More Related Content

Similar to 5 Ways to Improve First Impressions on Your Website 2011 - BBECon // European Conference

Similar to 5 Ways to Improve First Impressions on Your Website 2011 - BBECon // European Conference (8)

Recently uploaded

Recently uploaded (20)

5 Ways to Improve First Impressions on Your Website 2011 - BBECon // European Conference

Editor's Notes