Mapping the Modern Web Design Process

Introduction

• Create great informational user experiences
• What is this course about and who is it for?

1. Web Design as a Process

• What do we mean when we say web design?
• Creating informational user experiences
• A guide to the web design process

2. Some Perspective

• The only thing that matters
• All the things the end user does not care about
• Asking what the web can do for you

3. Preprocess

• Roles and responsibilities
• Establishing baseline documentation
• Version control

4. The Content Strategy Phase

• Content strategy
• Establishing user personas
• Content auditing
• Content modeling
• Creating content priority hierarchies
• Information architecture
• Wireframing

5. Prebuild Testing

• Taking it to the streets
• Card sorting exercise
• Testing wireframes and interaction patterns

6. The Build Phase

• Establishing a three-track build process
• Creating a living style guide
• Core content model development
• Baseline development priorities
• Creating a content only build for accessibility
• Responsive web design as a process
• Designing in the browser
• Using content blocks
• Interactive elements and progressive enhancement
• Art direction: Responsive images and graphics

7. The Test and Revision Phase

• Taking it to the streets again
• Accessibility testing
• Break and edge case testing
• End user testing

8. The Optimization Phase

• Optimization priorities
• Optimizing for user experience
• Optimizing for social media sharing
• Optimizing for SEO
• Integrating analytics

9. Launch and Reset

• Pre-launch checklist
• Soft and hard launch
• Create a feedback loop for issues and resolutions
• Post-launch user testing
• The web evolves and so should your site

Conclusion

• Continuing your learning path