Your SlideShare is downloading. ×
0
YOUR AUDIENCE JUDGESBOOKS BY THEIR COVERS5 Ways to Make the best first impression andkeep your audience engagedRAHEEL GAUB...
October 3, 2011   #5waysNP #bbecon
October 3, 2011   #5waysNP #bbecon
October 3, 2011   #5waysNP #bbecon
First impressions are importantOctober 3, 2011   #5waysNP #bbecon
{ disclaimer }October 3, 2011   #5waysNP #bbecon
PAGE LOAD TIMES             This is the age of             instant gratification!October 3, 2011   #5waysNP #bbecon
PAGE LOAD TIMES             This is the age of             instant gratification!October 3, 2011   #5waysNP #bbecon
PAGE LOAD TIMES           Faster sites create happy users and           we’ve seen in our internal studies that           ...
PAGE LOAD TIMES           When Google experienced their page           load time to drop from 0.4 seconds to           0.9...
PAGE LOAD TIMES            1. Optimize your images            2. Prioritize content            3. Optimize html, css, jsOc...
BRANDINGPerception is RealityGood branding = favorible perceptionGood orgs + weak branding = bad perceptionOctober 3, 2011...
BRANDINGPerception is RealityGood branding = favorible perceptionGood orgs + weak branding = bad perceptionOctober 3, 2011...
BRANDINGInspires TrustMakes your organization recognizableOctober 3, 2011   #5waysNP #bbecon
BRANDING Sets the tone for the entire website experience...October 3, 2011   #5waysNP #bbecon
BRANDING1. No design contests!2. Free logos = stock art or rejected/   reused logos3. Don’t do it yourself!4. Hire a talen...
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
BRANDING                           Logo Before / After’s credit: underconsideration.comOctober 3, 2011   #5waysNP #bbecon
LAYOUT & VISUAL FLOWGuide your audienceTake them on a journey about how you makea difference and how they can participate!...
LAYOUT & VISUAL FLOWGuide your audienceTake them on a journey about how you makea difference and how they can participate!...
LAYOUT & VISUAL FLOWImportant information... Fast!Get your audience to the most importantinformation on the website quickl...
LAYOUT & VISUAL FLOWSophisticated Design / Less is moreKeep it clean - your visitors will perceive yourorganization to be ...
LAYOUT & VISUAL FLOW1. The rule of thirds2. Introduce symmetry3. Develop wireframes first4. Conduct usability testingOctob...
LAYOUT & VISUAL FLOWOctober 3, 2011   #5waysNP #bbecon
LAYOUT & VISUAL FLOWOctober 3, 2011   #5waysNP #bbecon
LAYOUT & VISUAL FLOWOctober 3, 2011   #5waysNP #bbecon
LAYOUT & VISUAL FLOW                                                                                                      ...
LAYOUT & VISUAL FLOWOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOSA picture is worth a thousand wordsThe right image can evoke an emotionalresponse + create an instant con...
QUALITY OF PHOTOSA picture is worth a thousand wordsThe right image can evoke an emotionalresponse + create an instant con...
QUALITY OF PHOTOSInstant CommunicationRelevant images communcate your causeand outcomes just by looking!October 3, 2011   ...
QUALITY OF PHOTOSLook ProfessionalGood photography = Enhances your brandBad photography = Damages your brandOctober 3, 201...
QUALITY OF PHOTOS1. Hire a photographer2. Incentivize a photographer3. Avoid generic snapshots4. If all else fails - use (...
QUALITY OF PHOTOSOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOSOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOSOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOSOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOSOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOSOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOSOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOSOctober 3, 2011   #5waysNP #bbecon
QUALITY OF PHOTOS                                Thank you, Ulster.                                Couldn’t have done it w...
ARE YOU INTERACTIVE?Captures AttentionEncourages the audience to explore and connect!October 3, 2011   #5waysNP #bbecon
ARE YOU INTERACTIVE?Captures AttentionEncourages the audience to explore and connect!October 3, 2011   #5waysNP #bbecon
ARE YOU INTERACTIVE?Doesn’t have to be ComplicatedSimple as “live” status updates to videolibraries to twitter feeds to fl...
ARE YOU INTERACTIVE?Your Audience Loves Sharing!Interesting interactive elements stand a muchhigher chance of being shared...
ARE YOU INTERACTIVE?                      social   video   A.R.   flash   NFPGE Ecomagination                             ...
5 WAYS TO MAKE THEBEST FIRST IMPRESSIONS1. page load time2. branding3. layout & page flow4. quality of photos5. interactiv...
YOUR AUDIENCE JUDGESBOOKS BY THEIR COVERS5 Ways to Make the best first impression andkeep your audience engagedThank You!R...
Upcoming SlideShare
Loading in...5
×

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

579

Published on

Disclaimer: Good, relevant content is the #1 way... which we won't cover in this presentation.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
579
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript of "5 Ways to Improve First Impressions on Your Website 2011 - BBECon // European Conference"

    1. 1. YOUR AUDIENCE JUDGESBOOKS BY THEIR COVERS5 Ways to Make the best first impression andkeep your audience engagedRAHEEL GAUBABrand Leader & Creative Director, Blackbaud#5waysNP #bbecon
    2. 2. October 3, 2011 #5waysNP #bbecon
    3. 3. October 3, 2011 #5waysNP #bbecon
    4. 4. October 3, 2011 #5waysNP #bbecon
    5. 5. First impressions are importantOctober 3, 2011 #5waysNP #bbecon
    6. 6. { disclaimer }October 3, 2011 #5waysNP #bbecon
    7. 7. PAGE LOAD TIMES This is the age of instant gratification!October 3, 2011 #5waysNP #bbecon
    8. 8. PAGE LOAD TIMES This is the age of instant gratification!October 3, 2011 #5waysNP #bbecon
    9. 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 BlogOctober 3, 2011 #5waysNP #bbecon
    10. 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 GoogleOctober 3, 2011 #5waysNP #bbecon
    11. 11. PAGE LOAD TIMES 1. Optimize your images 2. Prioritize content 3. Optimize html, css, jsOctober 3, 2011 #5waysNP #bbecon
    12. 12. BRANDINGPerception is RealityGood branding = favorible perceptionGood orgs + weak branding = bad perceptionOctober 3, 2011 #5waysNP #bbecon
    13. 13. BRANDINGPerception is RealityGood branding = favorible perceptionGood orgs + weak branding = bad perceptionOctober 3, 2011 #5waysNP #bbecon
    14. 14. BRANDINGInspires TrustMakes your organization recognizableOctober 3, 2011 #5waysNP #bbecon
    15. 15. BRANDING Sets the tone for the entire website experience...October 3, 2011 #5waysNP #bbecon
    16. 16. BRANDING1. No design contests!2. Free logos = stock art or rejected/ reused logos3. Don’t do it yourself!4. Hire a talented designerOctober 3, 2011 #5waysNP #bbecon
    17. 17. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    18. 18. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    19. 19. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    20. 20. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    21. 21. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    22. 22. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    23. 23. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    24. 24. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    25. 25. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    26. 26. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    27. 27. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    28. 28. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    29. 29. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    30. 30. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    31. 31. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    32. 32. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    33. 33. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    34. 34. BRANDING Logo Before / After’s credit: underconsideration.comOctober 3, 2011 #5waysNP #bbecon
    35. 35. LAYOUT & VISUAL FLOWGuide your audienceTake them on a journey about how you makea difference and how they can participate!October 3, 2011 #5waysNP #bbecon
    36. 36. LAYOUT & VISUAL FLOWGuide your audienceTake them on a journey about how you makea difference and how they can participate!October 3, 2011 #5waysNP #bbecon
    37. 37. LAYOUT & VISUAL FLOWImportant information... Fast!Get your audience to the most importantinformation on the website quickly & easily!October 3, 2011 #5waysNP #bbecon
    38. 38. LAYOUT & VISUAL FLOWSophisticated Design / Less is moreKeep it clean - your visitors will perceive yourorganization to be legitimate and established!October 3, 2011 #5waysNP #bbecon
    39. 39. LAYOUT & VISUAL FLOW1. The rule of thirds2. Introduce symmetry3. Develop wireframes first4. Conduct usability testingOctober 3, 2011 #5waysNP #bbecon
    40. 40. LAYOUT & VISUAL FLOWOctober 3, 2011 #5waysNP #bbecon
    41. 41. LAYOUT & VISUAL FLOWOctober 3, 2011 #5waysNP #bbecon
    42. 42. LAYOUT & VISUAL FLOWOctober 3, 2011 #5waysNP #bbecon
    43. 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 Whos 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
    44. 44. LAYOUT & VISUAL FLOWOctober 3, 2011 #5waysNP #bbecon
    45. 45. QUALITY OF PHOTOSA picture is worth a thousand wordsThe right image can evoke an emotionalresponse + create an instant connectionOctober 3, 2011 #5waysNP #bbecon
    46. 46. QUALITY OF PHOTOSA picture is worth a thousand wordsThe right image can evoke an emotionalresponse + create an instant connectionOctober 3, 2011 #5waysNP #bbecon
    47. 47. QUALITY OF PHOTOSInstant CommunicationRelevant images communcate your causeand outcomes just by looking!October 3, 2011 #5waysNP #bbecon
    48. 48. QUALITY OF PHOTOSLook ProfessionalGood photography = Enhances your brandBad photography = Damages your brandOctober 3, 2011 #5waysNP #bbecon
    49. 49. QUALITY OF PHOTOS1. Hire a photographer2. Incentivize a photographer3. Avoid generic snapshots4. If all else fails - use (good) stock photosOctober 3, 2011 #5waysNP #bbecon
    50. 50. QUALITY OF PHOTOSOctober 3, 2011 #5waysNP #bbecon
    51. 51. QUALITY OF PHOTOSOctober 3, 2011 #5waysNP #bbecon
    52. 52. QUALITY OF PHOTOSOctober 3, 2011 #5waysNP #bbecon
    53. 53. QUALITY OF PHOTOSOctober 3, 2011 #5waysNP #bbecon
    54. 54. QUALITY OF PHOTOSOctober 3, 2011 #5waysNP #bbecon
    55. 55. QUALITY OF PHOTOSOctober 3, 2011 #5waysNP #bbecon
    56. 56. QUALITY OF PHOTOSOctober 3, 2011 #5waysNP #bbecon
    57. 57. QUALITY OF PHOTOSOctober 3, 2011 #5waysNP #bbecon
    58. 58. QUALITY OF PHOTOS Thank you, Ulster. Couldn’t have done it without you! AlumniOctober 3, 2011 #5waysNP #bbecon
    59. 59. ARE YOU INTERACTIVE?Captures AttentionEncourages the audience to explore and connect!October 3, 2011 #5waysNP #bbecon
    60. 60. ARE YOU INTERACTIVE?Captures AttentionEncourages the audience to explore and connect!October 3, 2011 #5waysNP #bbecon
    61. 61. ARE YOU INTERACTIVE?Doesn’t have to be ComplicatedSimple as “live” status updates to videolibraries to twitter feeds to flash appsOctober 3, 2011 #5waysNP #bbecon
    62. 62. ARE YOU INTERACTIVE?Your Audience Loves Sharing!Interesting interactive elements stand a muchhigher chance of being shared by social mediavs. boring static contentOctober 3, 2011 #5waysNP #bbecon
    63. 63. ARE YOU INTERACTIVE? social video A.R. flash NFPGE Ecomagination x xAvaaz.org x xBMW Z4 xThe Majestic Plastic Bag x xI Am Second x x xAve Maria Memorial Locator x xWe Choose the Moon x x xLincoln Memorial Interactive x x xSan Francisco Symphony Orchestra x xMake History 9/11 x x xWaterlife NFB x xAll About Birds x xSimple Machines x xLost There, Felt Here - Protect an Acre x x xLight It Up Blue x xVoteEasy - 2010 x xOctober 3, 2011 #5waysNP #bbecon
    64. 64. 5 WAYS TO MAKE THEBEST FIRST IMPRESSIONS1. page load time2. branding3. layout & page flow4. quality of photos5. interactiveOctober 3, 2011 #5waysNP #bbecon
    65. 65. YOUR AUDIENCE JUDGESBOOKS BY THEIR COVERS5 Ways to Make the best first impression andkeep your audience engagedThank You!RAHEEL GAUBABrand Leader & Creative Director, BlackbaudTwitter: @raheelgaubaEmail: raheel.gauba@blackbaud.comSlides: www.slideshare.net/raheelgaubaFacebook: Raheel Gauba#5waysNP #bbecon
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×