• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
5 Ways to Improve First Impressions on Your Website 2011 - BBECon // European Conference
 

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

on

  • 548 views

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

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

Statistics

Views

Total Views
548
Views on SlideShare
546
Embed Views
2

Actions

Likes
0
Downloads
7
Comments
0

1 Embed 2

http://paper.li 2

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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

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

  • YOUR AUDIENCE JUDGESBOOKS BY THEIR COVERS5 Ways to Make the best first impression andkeep your audience engagedRAHEEL GAUBABrand Leader & Creative Director, Blackbaud#5waysNP #bbecon
  • 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 when a site responds slowly, visitors spend less time there. - Google BlogOctober 3, 2011 #5waysNP #bbecon
  • 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
  • PAGE LOAD TIMES 1. Optimize your images 2. Prioritize content 3. Optimize html, css, jsOctober 3, 2011 #5waysNP #bbecon
  • BRANDINGPerception is RealityGood branding = favorible perceptionGood orgs + weak branding = bad perceptionOctober 3, 2011 #5waysNP #bbecon
  • BRANDINGPerception is RealityGood branding = favorible perceptionGood orgs + weak branding = bad perceptionOctober 3, 2011 #5waysNP #bbecon
  • 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 talented designerOctober 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
  • 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!October 3, 2011 #5waysNP #bbecon
  • LAYOUT & VISUAL FLOWGuide your audienceTake them on a journey about how you makea difference and how they can participate!October 3, 2011 #5waysNP #bbecon
  • LAYOUT & VISUAL FLOWImportant information... Fast!Get your audience to the most importantinformation on the website quickly & easily!October 3, 2011 #5waysNP #bbecon
  • LAYOUT & VISUAL FLOWSophisticated Design / Less is moreKeep it clean - your visitors will perceive yourorganization to be legitimate and established!October 3, 2011 #5waysNP #bbecon
  • LAYOUT & VISUAL FLOW1. The rule of thirds2. Introduce symmetry3. Develop wireframes first4. Conduct usability testingOctober 3, 2011 #5waysNP #bbecon
  • LAYOUT & VISUAL FLOWOctober 3, 2011 #5waysNP #bbecon
  • LAYOUT & VISUAL FLOWOctober 3, 2011 #5waysNP #bbecon
  • LAYOUT & VISUAL FLOWOctober 3, 2011 #5waysNP #bbecon
  • 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
  • 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 connectionOctober 3, 2011 #5waysNP #bbecon
  • QUALITY OF PHOTOSA picture is worth a thousand wordsThe right image can evoke an emotionalresponse + create an instant connectionOctober 3, 2011 #5waysNP #bbecon
  • QUALITY OF PHOTOSInstant CommunicationRelevant images communcate your causeand outcomes just by looking!October 3, 2011 #5waysNP #bbecon
  • QUALITY OF PHOTOSLook ProfessionalGood photography = Enhances your brandBad photography = Damages your brandOctober 3, 2011 #5waysNP #bbecon
  • QUALITY OF PHOTOS1. Hire a photographer2. Incentivize a photographer3. Avoid generic snapshots4. If all else fails - use (good) stock 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 PHOTOSOctober 3, 2011 #5waysNP #bbecon
  • QUALITY OF PHOTOS Thank you, Ulster. Couldn’t have done it without you! AlumniOctober 3, 2011 #5waysNP #bbecon
  • 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 flash appsOctober 3, 2011 #5waysNP #bbecon
  • 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
  • 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
  • 5 WAYS TO MAKE THEBEST FIRST IMPRESSIONS1. page load time2. branding3. layout & page flow4. quality of photos5. interactiveOctober 3, 2011 #5waysNP #bbecon
  • 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