Communication that works

Communication that works

vector

Understandingimage formats

vector vector

vector bitmap

bitmapwhat is a ?

bitmap

bitmap

bitmap

Adobe Photoshop

bmpjpgtiff

pnggif

bmptifftiff

pnggif

bmptiff

jpegpnggif

bmptiff

jpeggifgif

bmptiff

jpeggif

png

Your photo is a box of pixels

More dots =higher resolution

1000 PIXELS

250 PIXELS

100 PIXELS

Measure photos:pixels per inch

Measure photos:ppi

How many pixelsdo you need?

72ppi

300ppi

5 inches wide on the Web

How many pixels?

5” x 72ppi = 360 pixels

How wide in print?

360 ÷ 300ppi = 1.2 inches

vector

vector

vector

vector

Adobe Illustrator

*eps*ai

*eps*ai

*eps*ai

vector

Vectors cannot be used on the Web

Vectors can be converted to bitmaps

bitmap

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

Communication that works

Do not settle for lousy UI.

user interface

Two spheres

Own

Own Share

Own Share

Print adsBroadcast adsBrochuresPostersFront deskPostal mail

Own Share

Print adsBroadcast adsBrochuresPostersFront deskPostal mail

Media mentionsWord of mouth

Static

Own Share

Own Share

Web siteEmail campaignPhone apps*

Own Share

Web siteEmail campaignPhone apps*

FacebookTwitterLinkedInMySpaceYouTubeVimeoDiggRedditStumbleUpon

Own Share

Web siteEmail campaignPhone apps*

FlickrBlogsTumblrPosterousNingdeviantARTYelpFoursquareGowalla

Own Share

Web siteEmail campaignPhone apps*

Google+WikipediaAmazonAngie’s ListEpinionsFarkRotten TomatoesSlashdotetc. etc. etc.

Dynamic

Own

?Own Dynamic

(Do not settle for lousy UI.)

Your web site

URL

Email

Social mediaBrochures

Ads

BlogsVideos

URL

Your web site

Email

Social mediaBrochures

Ads

BlogsVideos

URL

Your web site

Menu on our old web siteVisitor InformationRelocation InformationBusiness DirectoryEmploymentHealth CareTechnologyOur CommunityChamber InformationMember Login

What did people seek?Visitor InformationRelocation InformationBusiness DirectoryEmploymentHealth CareTechnologyOur CommunityChamber InformationMember Login

What did people seek?Visitor InformationRelocation InformationBusiness DirectoryEmploymentHealth CareTechnologyOur CommunityChamber InformationMember Login

What did people seek?Visitor InformationRelocation InformationBusiness DirectoryEmploymentHealth CareTechnologyOur CommunityChamber InformationMember Login(Events / Calendar)(Graduate Retention)

Live Example:The Chamber’s web site

··

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

Live Example:Emphasis Monthly

magazine

··

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

Live Example:Other materials

Do not settle for lousy UI.

Thank you!

fwchamber.org/jon

Photo credits1. Flickr / splorp / Grant Hutchinson2. Flickr / Shannon K / Shannon Kokoska3. Flickr / Grevel / Greta PPP7. Flickr / MikeBehnken / Mike Behnken8. Flickr / Neil Armstrong2 / Neil Kremer9. Flickr / Eduardo Amorim28. Flickr / timsamoff / Tim Samoff30. Flickr / theseanster93 / Sean Winters32. Flickr / Adam Foster | Codefor / Adam Foster60. Flickr / phdstudent64. Flickr / stuartpilbrow67. Flickr / ajmexico / Jamie68. Flickr / Nationaal Archief69. Flickr / CoCreatr / Bernd70. Archives of The News-Sentinel, Fort Wayne, Ind.76. Flickr / x-ray delta one / James Vaughan