You are previewing The Designer's Web Handbook.
O'Reilly logo
The Designer's Web Handbook

Book Description

Make the Web Work for You

You know how to design. But you can increase your value as a designer in the marketplace by learning how to make that design function on the web. From informational sites to e-commerce portals to blogs to mobile apps, The Designer's Web Handbook helps any designer understand the full life cycle of a digital product: idea, design, production and maintenance.

The best web designers create not only beautiful sites but also sites that function well--for both client and end user. Patrick McNeil, creator of the popular web design blog designmeltdown.com and author of the bestselling Web Designer's Idea Book, volumes 1 and 2, teaches you how to work with developers to build sites that balance aesthetics and usability, and to do it on time and on budget.

Table of Contents

  1. Cover
  2. Title Page
  3. Dedication
  4. Acknowledgments
  5. The Contributors
  6. Table of Contents
  7. Introduction
    1. A WORD FROM THE AUTHOR
  8. Chapter 1: Usability
    1. THE FORCE THAT BINDS
    2. MORE THAN GOOD LOOKS
    3. SAVE MONEY AND BUILD VALUE
    4. IT’S ALL ABOUT USABILITY
  9. Chapter 2: Starting a New Project
    1. LISTEN AND CONSIDER BUSINESS LOGIC
    2. DETERMINE YOUR SITE TYPE
    3. BROCHURE SITES
    4. E-COMMERCE SITES
    5. ENTERTAINMENT SITES
    6. NEWS SITES
    7. BLOGS
    8. EDUCATIONAL SITES
    9. MOBILE DEVICES
    10. HYBRID SITES
    11. CONCLUSION
    12. CONDUCT A DESIGN SURVEY
    13. ESTABLISH BENCHMA
    14. RESEARCHING THE COMPETITION
    15. GOALS AND OBJECTIVES
    16. MAKE A SITEMAP
    17. CREATE A WIREFRAME
    18. PRESENT ONE COMP
    19. CONCLUSION
  10. Chapter 3: Components of Web Pages
    1. HEADERS
    2. TOP-LINE BRANDING
    3. ACCOUNT INFORMATION
    4. NAVIGATION/MENUS
    5. TABS
    6. DROP-DOWN MENUS
    7. TABS
    8. DROP-DOWN MENUS
    9. TREES
    10. FOOTERS
    11. FUNCTIONAL FOOTERS
    12. SOCIAL NETWORKING
    13. PHOTO GALLERIES
    14. SOCIAL NETWORKING
    15. PHOTO GALLERIES
    16. ROTATING BANNERS
    17. CONTENT ROTATORS
    18. STANDARD FORM CONTROLS
    19. ROTATING BANNERS
    20. CONTENT ROTATORS
    21. FRIENDLY CONTROLS
    22. STANDARD FORM CONTROLS
    23. FORM CONTROL REPLACEMENT
    24. BASIC CONTROL REPLACEMENT
    25. FORM CONTROL REPLACEMENT
    26. INVENTED FORM CONTROLS
    27. INVENTED FORM CONTROLS
    28. TABBED CONTENT
    29. ACCORDIONS
    30. TABBED CONTENT
    31. ACCORDIONS
    32. LIGHTBOX
    33. LIGHTBOX
    34. VIDEO
    35. VIDEO
    36. FLASH
    37. FULL-FLASH SITES
    38. FLASH
    39. FLASH AS A FUNCTIONAL TOOL
    40. FLASH AS A CATCH-ALL
    41. BANNER ADS
    42. BANNER ADS
    43. STANDARD BANNER AD SIZES
    44. STANDARD AD SIZES
    45. THE EXCEPTION TO THE RULE
  11. Chapter 4: The Specs: Basic Design Limitations
    1. PLATFORMS AND SCREEN SIZES
    2. DESKTOP COMPUTERS
    3. Accommodate for the Fringe
    4. MOBILE DEVELOPMENT
    5. MOBILE DEVELOPMENT
    6. TABLETS
    7. CONTENT MANAGEMENT SYSTEMS
    8. ALL SHAPES AND SIZES
    9. BLOGS
    10. E-Commerce
    11. STATIC CONTENT
    12. E-COMMERCE
  12. Chapter 5: Designing for the Web
    1. WHAT SOFTWARE SHOULD YOU USE?
    2. SETTING UP YOUR DOCUMENT
    3. DESIGN AT 72DPI
    4. PLAN YOUR DOCUMENT SIZE
    5. USE A GRID
    6. EMBRACE TRENDS
    7. PRINT VS. WEB
    8. FIXED-SIZE DESIGNS
    9. LIQUID DESIGN
    10. DETERMINE CRITICAL PATHS
    11. DESIGNING THE DETAILS
    12. BACKGROUNDS
    13. HOW WILL THE PAGE STRETCH?
    14. ON/OFF/HOVER LINK AND NAVIGATION STATES
    15. BUTTON STATES
    16. SITE TYPE EXTRAS
    17. PREPARATION FOR DEVELOPMENT
  13. Chapter 6: Production Considerations
    1. FIRST, BE FINISHED
    2. CUTS (XHTML/CSS)
    3. GIF
    4. THE SEMANTIC WEB
    5. ACCESSIBILITY
    6. CROSS-BROWSER TESTING
    7. CROSS-BROWSER TESTING
    8. GRACEFUL DEGRADATION
    9. RESPONSIVE WEB DESIGN
    10. PLATFORM-SPECIFIC CODE
    11. INTEGRATION
  14. Chapter 7: Measuring Results
    1. GAUGING PERFORMANCE
    2. USING ANALYTICS
    3. DATA-DRIVEN DESIGN
    4. DESIGN, MEASURE, REPEAT
    5. CRITICAL PATHS
    6. CONVERSION TRACKING
    7. INFORMED DECISIONS AND STRATEGIC UPDATES
    8. PROCESS IS GOOD FOR EVERYONE
    9. RINSE AND REPEAT
  15. Chapter 8: Maintenance: A Long-Term Strategy
    1. WEB-SAFE TYPE
    2. WEB-SAFE TYPE
    3. EXTENDED FONTS WITH @FONT-FACE
    4. EXTENDED FONTS WITH @FONT-FACE
    5. IMAGE REPLACEMENT
    6. IMAGE REPLACEMENT
    7. FONT REPLACEMENT
    8. FONT REPLACEMENT
    9. DESIGNING WITHIN LIMITATIONS
    10. FLASH AND JQUERY
    11. MAINTAINING CMS-BASED SITES
    12. FLASH AND JQUERY
    13. USING TEMPLATES
    14. REPEATABLE CONTENT AND LAYOUTS
    15. TEMPLATES
    16. REPEATABLE CONTENT AND LAYOUTS
    17. REPLICATION: CAN WE REUSE ANY ASSETS?
    18. SCALABILITY AND CONTENT
    19. SCALABILITY AND CONTENT
    20. MORE SCALABILITY AND CONTENT
    21. PLANNING FOR MORE
    22. CONCLUSION
  16. Appendix A: WordPress 101
    1. DIGGING INTO WORDPRESS
    2. GETTING TO KNOW WORDPRESS
    3. KEEP A DYNAMIC MIND-SET
    4. PAGE TEMPLATES ARE YOUR FRIENDS
    5. GALLERIES AND MEDIA/THUMBNAILS
    6. PAGINATION (FORWARD AND BACK, OR ARROWS)
    7. DYNAMIC AND SCALABLE MENUS
    8. MAKING MONEY DESIGNING FOR WORDPRESS
    9. DESIGN THEMES FOR RESALE
    10. IN CONCLUSION
  17. Appendix B: The Myth of DPI
    1. THE MYTH OF DPI
    2. PIXEL SIZE DEPENDS ON CONTEXT
    3. RESIZING CHANGES PIXEL SIZES;RESAMPLING CHANGES PIXEL COUNT
    4. RESIZING VS. RESAMPLING
    5. RESIZING AND RESAMPLING IN PHOTOSHOP
    6. AN EXPERIMENT
    7. RESIZING AND RESAMPLING IN PHOTOSHOP
    8. PIXELS PER INCH ON SCREEN
    9. PIXELS PER INCH ON SCREEN
    10. WHY 72 IS SIGNIFICANT
    11. HIGHER SCREEN PPI MEANS BETTERLEGIBILITY AT SMALLER POINT SIZES
    12. SCREEN PPI
  18. Appendix C: Technical Glossary
  19. Appendix D: Further Reading
  20. Permissions
  21. Check out these other great books from Patrick McNeil!
    1. THE WEB DESIGNER’S IDEA BOOK
    2. THE WEB DESIGNER’S IDEA BOOK, VOLUME 2
  22. About the Author
  23. Copyright