Handwritten Text Recognition for manuscripts and early printed texts
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
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
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
18. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
19. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
20. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
21. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
22. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
23. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
24. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
25. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
26. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
27. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
28. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
29. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
30. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
31. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
32. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
33. BRANDING
Logo Before / After’s credit: underconsideration.com
October 3, 2011 #5waysNP #bbecon
34. 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
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
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