How does communication work for your nonprofit organization? Jon Swerens, director of communications for the Greater Fort Wayne Chamber of Commerce, tells nonprofits: Do not settle for lousy UI -- that is, user interface. BONUS: A brief primer on image formats, such as vector vs. bitmap and pixels per inch -- and why you need to care.

1. Communication
that works

2. vector

3. Understanding
image formats

4. vector vector

5. vector bitmap

6. what is a bitmap?

7. bitmap

8. bitmap

9. bitmap

10. Adobe Photoshop

11. bmp
jpg
tiff
png
gif

12. bmp
tiff
tiff
png
gif

13. bmp
tiff
jpeg
png
gif

14. bmp
tiff
jpeg
gif
gif

15. bmp
tiff
jpeg
gif
png

16. Your photo is a
box of pixels

21. More dots =
higher resolution

22. 1000 PIXELS

23. 250 PIXELS

24. 100 PIXELS

25. Measure photos:
pixels per inch

26. Measure photos:
ppi

27. How many pixels
do you need?

29. 72ppi

31. 300ppi

33. 5 inches wide on the Web

34. How many pixels?

35. 5” x 72ppi = 360 pixels

36. How wide in print?

37. 360 ÷ 300ppi = 1.2 inches

38. vector

39. vector

40. vector

41. vector

42. Adobe Illustrator

43. *eps*
ai

44. *eps*
ai

45. *eps*
ai

48. vector

53. Vectors cannot be
used on the Web

54. Vectors can be
converted to bitmaps

55. bitmap

61. Your mini-recap:
 Vector vs. bitmap
 Bitmaps based on pixels
 72ppi for web; 300ppi for print
 Vectors do not depend on ppi
 Vectors don’t work on the web

63. Communication
that works

65. Do not settle
for lousy UI.

66. user interface

69. Two spheres

71. Own

72. Own Share

73. Own Share
Print ads
Broadcast ads
Brochures
Posters
Front desk
Postal mail

74. Own Share
Print ads Media mentions
Broadcast ads Word of mouth
Brochures
Posters
Front desk
Postal mail

75. Static

77. Own Share

78. Own Share
Web site
Email campaign
Phone apps*

79. Own Share
Web site Facebook
Email campaign Twitter
Phone apps* LinkedIn
MySpace
YouTube
Vimeo
Digg
Reddit
StumbleUpon

80. Own Share
Web site Flickr
Email campaign Blogs
Phone apps* Tumblr
Posterous
Ning
deviantART
Yelp
Foursquare
Gowalla

81. Own Share
Web site Google+
Email campaign Wikipedia
Phone apps* Amazon
Angie’s List
Epinions
Fark
Rotten Tomatoes
Slashdot
etc. etc. etc.

82. Dynamic

83. Own

84. Own
? Dynamic
(Do not settle for lousy UI.)

85. Your
web site
URL

86. Brochures Social media
Your
Email web site Ads
URL
Videos Blogs

87. Brochures Social media
Your
Email web site Ads
URL
Videos Blogs

88. Menu on our old web site
Visitor Information
Relocation Information
Business Directory
Employment
Health Care
Technology
Our Community
Chamber Information
Member Login

89. What did people seek?
Visitor Information
Relocation Information
Business Directory
Employment
Health Care
Technology
Our Community
Chamber Information
Member Login

90. What did people seek?
Visitor Information
Relocation Information
Business Directory
Employment
Health Care
Technology
Our Community
Chamber Information
Member Login

91. What did people seek?
Visitor Information
Relocation Information
Business Directory
Employment
Health Care
Technology
Our Community
Chamber Information
Member Login
(Events / Calendar)
(Graduate Retention)

92. Live Example:
The Chamber’s web site

93. Do not settle for:
 Difficult-to-update pages
 Lo-o-o-o-ong URLs
·
 Necessity for <code>
 Hidden-too-deep info

94. Live Example:
Emphasis Monthly
magazine

95. Do not settle for:
 Long boring stories
 Stories only one person
·
cares about
 Leaving out what readers
want

96. Live Example:
Other materials

97. Do not settle
for lousy UI.

98. Thank you!

99. fwchamber.org/jon

100. Photo credits
1. Flickr / splorp / Grant Hutchinson
2. Flickr / Shannon K / Shannon Kokoska
3. Flickr / Grevel / Greta PPP
7. Flickr / MikeBehnken / Mike Behnken
8. Flickr / Neil Armstrong2 / Neil Kremer
9. Flickr / Eduardo Amorim
28. Flickr / timsamoff / Tim Samoff
30. Flickr / theseanster93 / Sean Winters
32. Flickr / Adam Foster | Codefor / Adam Foster
60. Flickr / phdstudent
64. Flickr / stuartpilbrow
67. Flickr / ajmexico / Jamie
68. Flickr / Nationaal Archief
69. Flickr / CoCreatr / Bernd
70. Archives of The News-Sentinel, Fort Wayne, Ind.
76. Flickr / x-ray delta one / James Vaughan