50

Findability: Design Comp to Code

Embed Size (px)

DESCRIPTION

Presented at The New Riders Voices That Matter: Web Design conference in Nashville, TN June 11, 2008.

Citation preview

What is Findability?

Three Simple Goals

Help more people find your site

Help people find content within your site

Encourage return visits

More Than Just SEO

INSIDE / OUTSIDERSS mod_rewrite

microformats

speed optimization

social networking

robots.txt

tell a friend

semantic markup

accessibility

mailing lists sitemap.xml web analytics

content

search utilities design

information architecture

copywriting

copywriting

progressive enhancement

SEO

ping services

open licensing: attribution

analog marketing

email marketing

register with search engines

contribute to a community

publish on other sites

link building

event sponsoring

search advertising

link directories

design competitions

Designing for Findability

“This is where you want to look”

The Power of Contrast

Color

rydercup.com

Size

andyrutledge.com

Shape

webjetiva.com

Orientation

escapecrate.co.uk

juctinteractive.com

Designing to Direct Traffic

happycog.com

expressionengine.com

adobe.com

Designing to Create Repeat Traffic

bartelme.at

boagworld.com

danielrichards.biz

fray.com

Putting Users Back On Track

mailchimp.com

garrettdimon.com

The Case StudySoup Studios

Giving the Design Meaning

image replacement

image replacement

Give Your Design Meaning

emphasize keywords

Giving the Design MeaningFunneling Traffic

texture & orientation

Giving the Design Meaning

Increasing Attendance

portable content

learn more at microformats.org

Giving the Design Meaning

Still Haven’t FoundWhat I’m Looking For

include search

Giving the Design Meaning

Findability Through Aggregation

straight outa Flickr

Increasing the Odds

Your Questions

http://buildingfindablewebsites.com