WIP Web Design Philosophy

Get Started. It's Free
or sign up with your email address
Rocket clouds
WIP Web Design Philosophy by Mind Map: WIP Web Design Philosophy

1. Content is King

1.1. Meaningful links

1.2. Persistent navigation

1.2.1. footer text links

1.2.2. top or left nav

1.3. Facilitate conversations

1.4. Stream of new content

1.5. Interactive content

1.6. One clear path!

1.6.1. "funnel"

1.7. "Swiss Army Knife"

2. Rock solid code

2.1. Semantic html

2.1.1. CSS naming - describe content, not appearance

2.1.2. Tags give meaning to content

2.1.3. No layout tables

2.1.3.1. Use CSS div-based

2.1.4. Keep it simple

2.1.5. microformats

2.1.5.1. cite attribute (blockquote)

2.1.5.1.1. cite-rel

2.1.6. tooltips

2.2. Validate Strict

2.3. Code Re-Use

2.3.1. External css

2.3.1.1. Avoid "classitis"

2.3.1.1.1. Descendant selectors

2.3.1.1.2. tag based css

2.3.1.2. print, screen, mobile

2.3.2. Dreamweaver templates

2.3.3. Scripting language includes, ssi

2.3.4. Avoid image based navigation

2.3.4.1. CSS bulleted list

2.3.5. jquery

2.4. Good Info Architecture

2.4.1. directory structure

2.4.2. file naming conventions

3. Evaluate Site's Effectiveness

3.1. Analyze logs

3.2. Usability testing

3.2.1. "Don't Make Me Think"

3.3. Performance metrics

3.3.1. Alexa ranking

3.3.2. Google Analytics

3.4. Foveal View

4. Visionary

4.1. Analyze trends

4.2. Re-evaluate needs

4.2.1. communicate with users

4.3. Monitor competition's sites

4.4. Measurable goal?

4.4.1. increased subscribers?

4.4.2. increased sales?

4.4.3. increase incoming links?

4.4.4. pagerank change?

5. Site Visibility

5.1. SEO

5.1.1. determine keywords

5.1.1.1. use in <title>

5.1.1.2. use in meta description

5.1.1.3. use in headings

5.1.1.4. use in links

5.1.1.5. use in text

5.1.2. submit to dmoz, google

5.1.3. keyword density < 10%

5.2. Inbound links

5.2.1. link exchange

5.3. Advertising

5.3.1. pay-per-click

5.3.2. traditional print?

5.3.3. link exchange

6. Accessibility

6.1. section 508

7. Security

7.1. Online Forms

7.1.1. SQL injection

7.1.2. Header injection