- Accidental Creative
- Adapting to Web Standards: CSS and Ajax for Big Sites
- Art of Non-Conformity
- Art of Readable Code
- Back to the User: Creating User-Focused Web Sites
- Beginning PHP6, Apache, MySQL Web Development
- Books to Read
- Bored and Brilliant
- Born For This
- Complete E-Commerce Book
- Content Inc
- Core PHP Programming
- CSS3: Pushing the Limits
- Dealing with Difficult People
- Defensive Design for the Web
- Deliver First Class Web sites
- Design for Hackers: Reverse-Engineering Beauty
- Designing Web Interfaces
- Designing Web sites that Work: Usability for the Web
- Designing with Progressive Enhancement
- Developing Large Web Applications
- Eat That Frog
- Economics of Software Quality
- Elements of User Experience
- Epic Content Marketing
- Extending Bootstrap
- Flexible Web Design
- Flexible Web Layouts
- Happiness At Work
- Inmates Are Running the Asylum
- jQuery Pocket Reference
- Letting Go of the Words
- Making Every Meeting Matter
- Manage Your Day to Day
- Marketing to Millenials
- Monster Loyalty
- More Eric Meye on CSS
- Official Ubuntu Book
- Organized Home
- Perennial Seller
- PHP In a NutShell
- PHP Refactoring
- PHP5 CMS Framework Development
- PHP6 and MySQL Bible
- Responsive Web Design
- Responsive Web Design with HTML and CSS3
- Rules of Thumb
- Saleable Software
- Securing PHP Web Applications
- Simple and Usable Web, Mobile and Interaction Design
- Smart Organizing
- Submit Now: Designing Persuasive Web sites
- The Life-changing Magic of Tidying up
- This Is Marketing
- UI and UX and Design
- Web site Usability
- Web Site Usability: A Designer's Guide
- Web Word Wizardy
- Well Designed
- Work for Money, Design for Love
- Checklists I Have Collected or Created
- Color in Web Design
- Crafts To Do
- Database and Data Relations Checklist
- Ecommerce Website Checklist
- My Front End UI Checklist
- New Client Needs Analysis
- Newsletters I Read
- Style Guides
- User Review Questions
- Web Designer's SEO Checklist
- Web site Review
- Website Code Checklist
- Website Final Approval Form
- Writing Content For Your Website
- Writing Styleguide
- Writing Tips
- Complete Book of Potatoes
- Creating Custom Soil Mixes for Healthy, Happy Plants
- Edible Forest Garden
- Garden Design
- Gardening Tips and Tricks
- Gardens and History
- Light Candle Levels
- My Garden
- My Garden To Plant
- Organic Fertilizers
- Organic Gardening in Alberta
- Plant Nurseries
- Plant Suggestions
- Planting Tips and Ideas
- Root Cellaring
- Way We Garden Now
- 101 Organic Gardening Hacks
- Beautiful No-Mow Lawns
- Beginner's Guide to Heirloom Vegetables
- Best of Lois Hole
- Eradicate Invasive Plants
- Gardening Books to Read
- Gardens West
- Grow Organic
- Guerilla Gardening
- Indoor Gardening: The Organic Way
- Real Gardens Grow Natives
- Seed Underground
- Thrifty Gardening from the Ground Up
- Veggie Garden Remix
- What Grows Here
- Activities for Kids
- Baking & Cooking Tips
- Bertrand Russell
- Can I Get that on Sale?
- Cleaning Tips and Tricks
- Colour Palettes I Like
- Compound Time
- Crafts for Kids
- Household Tips
- Interior Design
- Latin Phrases
- Laundry Tips
- Learn Something New
- Links, Information, and Cool Videos - Stuff for My Kids
- My Miscellany
- Reading List
- Silly Sites
- Things that Make Me Laugh
- Videos to Watch
- YouTube Hacks
- CSS Frameworks
- CSS Reading List
- CSS Sticky Footer
- htaccess files
- HTML Tips and Tricks
- Landing Page Tips
- Making Better Websites
- More Information on CSS
- MySQL and Databases
- Responsive Design
- Robots.txt File
- Security and Secure Websites
- Web Design and Development
- Web Design Tools
- Web Error Codes
- Website Testing Checklist
- Writing for the Web
- Writing Ideas for your website
- Animations and Interactions
- Being a Better Designer
- Bootstrap Resources
- CSS Preprocessors: Sass and Less
- CSS Tips Tricks
- Designing User Interfaces
- Font & Typographical Inspiration
- Fonts, Typography, Letters & Symbols
- Logo Designs
- Photoshop Tips and Tricks
- UX and UI and Design Reading List
- Web Forms
Information = content
A Web site should:
- answer a question or help complete a task
- easy to find and understand
- accurate, up to date, and credible
People skim, they do not read, Why?
- too busy
- trying to answer a question
- trying to do a task
- there is so much on the web that we only have time to be quick
Good web writing is a conversation. It answers questions and lets people grab and go.
Setup scenarios and personas to help understand your audience.
Read just the headings on the page - does it make sense.
Things to Do
- Put important forms on the home page.
- Put the forms high up on the page.
- Put your search box at the top of your page.
- A well designed page should tell you what to do without reading.
- Divide web content by task; by questions people ask; type of info.
- Writing in inverted pyramid style - most important at the top.
- Reloading a page is hard for screen readers. Show/hide is better because there is no reload.
- Make page elements obvious using patterns and alignment.
- Keep headings from floating; put headings close to the text
- People prefer sans serif on the web.
- Always provide good contrast between text and background colour
Links can be embedded in the text but if you want people to finish reading, put the links at the end.
Make visited links change colour.
Read the writing. Check your links. Check your facts.
Use a consistent set of words (don't overuse the thesaurus).
Get feedback or have someone else read it.
Use style guide for consistency.
Why use lists?
- Lists put active space around each item so people can skim.
- Tables take away words that are not necessary so people can easily scan.
- Use bullets that match the site but don't make people wonder if bullets have more meaning that they do.
Keep same sentence structure for list items
Present instructions as steps (even complex instructions)
- Headings are the outline of your page
- Headings can be the questions visitors ask..
- Use action phrases in headings for instructions.
- Use parallelism in your head. i.e. be consistent in your wording style
- Use illustrations/pictures to help people visualize quantities and dimensions.
- Use tables for comparing numbers
- Use tables for series, of if, then sentences (left column)
- Do not put same page links in left column navigation.
- Same page links belong under the page title.
Let your writing rest before posting.
Letting Go of the Words - Janice Redish
2007: Morgan Kaufman Publishers, New York
These are notes I made after reading this book. See more book notes
Just to let you know, this page was last updated Saturday, Jul 04 20