Findability: Design Comp to Code

57 %
43 %
Information about Findability: Design Comp to Code

Published on June 14, 2008

Author: aarron



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

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

content information architecture design competitions microformats ping services publish on other sites tell a friend speed optimization email marketing link directories RSS mod_rewrite copywriting social networking analog marketing INSIDE / OUTSIDE open licensing: attribution link building mailing lists sitemap.xml web analytics search utilities robots.txt design register with search engines semantic markup copywriting contribute to a community progressive enhancement event sponsoring accessibility search advertising SEO

Designing for Findability

“This is where you want to look”

The Power of Contrast

One of these kids is doing his own thing





Designing to Direct Traffic

Designing to Create Repeat Traffic

Putting Users Back On Track

The Case Study Soup Studios

web standards foundation

Giving the Design Meaning

image replacement

image replacement

Give Your Design Meaning emphasize keywords

Giving the Funneling Traffic Design Meaning

progressively enhanced

texture & orientation

Giving the Increasing Design Meaning Attendance

portable content

learn more at

Giving the Still Haven’t Found WhatDesign Meaning I’m Looking For

include search

Giving the Findability Through Design Meaning Aggregation

straight outa Flickr

Increasing the Odds

Your Questions

Add a comment

Related presentations

Related pages

Brackets: From Design Comp to Code - YouTube

Brackets: From Design Comp to Code Brackets. ... An experiment in extracting content from a Photoshop design comp from within a code editor.
Read more

Workers Compensation Class Codes

Workers Compensation Class Codes ... Our Workers Compensation Specialists take the time to review your current work comp class codes in order to make sure ...
Read more

Update on Design Comp to Code Tool in Brackets - YouTube

A quick update on the progress we're making on the design comp to code tool in Brackets that lets you ... Brackets Designer Stay ...
Read more

Creative Cloud Extract - Get assets & CSS from PSD comp ...

Share and extract design info from a PSD comp to use with HTML projects like mobile and desktop designs, with Creative Cloud Extract. ... comp into code ...
Read more

Wireframe, layout and mockup software | Download Adobe Comp CC

Adobe Comp CC Real layouts. Real fast. ... Edit and finish your designs in Photoshop, Illustrator or InDesign. Connected to Creative Cloud.
Read more

CodeCamp DAY 2: Findability is a thing and yes we can ...

CodeCamp DAY 2: Findability is a thing and yes we can design it. ... to improve findability ... Previous Post « CcHUB 2015 Summer of Code: ...
Read more

Coding Up a Web Design Concept into HTML & CSS

Coding Up a Web Design Concept into HTML & CSS at Line25, your #1 web design blog. Line25. ... CSS Basics: How to Design & Code a Stylish Button ;
Read more

Reliable PSD | Design To Code Service | HTML + WordPress ...

Reliable PSD listened, followed the design as I wanted it, ... what happens is you send your design to a team / developer, then they code it and send it back.
Read more