- 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
- Privacy Policy
- 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
- Blogs
- Checklists I Have Collected or Created
- Crafts To Do
- Database and Data Relations Checklist
- Ecommerce Website Checklist
- My Front End UI Checklist
- New Client Needs Analysis
- Newsletters I Read
- Puzzles
- 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
- Herbs
- Houseplants
- 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
- Things I Planted in My Yard
- 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
- Grow Your own Herbs
- Guerilla Gardening
- Heirloom Life Gardener
- Indoor Gardening: The Organic Way
- Real Gardens Grow Natives
- Seed Underground
- Small plot, high yield gardening
- Thrifty Gardening from the Ground Up
- Vegetables
- Veggie Garden Remix
- Weeds
- 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
- Cooking Tips
- Crafts
- Crafts for Kids
- Household Tips
- Inspiration
- Interesting
- Interior Design
- Latin Phrases
- Laundry Tips
- Learn Something New
- Links, Information, and Cool Videos - Stuff for My Kids
- My Miscellany
- Organizing
- Quotes
- Reading List
- Renovations
- Silly Sites
- Things that Make Me Laugh
- Videos to Watch
- YouTube Hacks
- Accessibility
- CSS Frameworks
- CSS Reading List
- CSS Sticky Footer
- htaccess files
- HTML Tips and Tricks
- Javascript (and jQuery)
- Landing Page Tips
- Making Better Websites
- More Information on CSS
- MySQL and Databases
- Navigation
- Responsive Design
- Robots.txt File
- Security and Secure Websites
- SVG Images
- 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
- Color in Web Design
- Colour
- CSS Preprocessors: Sass and Less
- CSS Tips Tricks
- Design Systems
- Designing User Interfaces
- Font & Typographical Inspiration
- Fonts, Typography, Letters & Symbols
- Icons
- Logo Designs
- Photoshop Tips and Tricks
- Sketch
- UX and UI and Design Reading List
- Web Forms
Best Practices for Every Site
Custom 404 Pages
- Include the company's name and logo.
- Include an explanation of why visitor is seeing the page
- A list of common mistakes that explain the problem
- Links back to home page and/or relevant pages
- A search engine to help find right information
- An email link for visitors to report errors/problems
Contact Us Page
- Spell out the email address, do not hide it in a text link.
- Let them know the expected response time
- State hours of operation
- Provide map with address
Acknowledgement Emails
- Include timeframe for formal response
- Include phone number and real name.
- Use tracking numbers as a reference
- Provide a clear and accurate subject line
- Explain what to do next if issue is unresolved
- Sign the email.
Questions to answer
1. What should people know about a site so they are not misled and do not waste their time?
2. What is the site about?
3. For whom is the site intended?
4. Why should people stick around? What can you do on this site?
5. What do people need to know about the company to place their trust in its site?
6. What are the main reasons users want to come to the site? Are they reflected on the homepage?
7. Is the homepage intuitive with respect to the pathways that are available?
8. Are error messages helpful and instructive?
9. Can visitors access the information they want from multiple locations or are they restricted to a narrow pathway?
Product Descriptions
- Why should they buy?
- What are the customer's needs?
- What are their concerns?
Product Listing Page
- Include brief description along with price.
- Integrate price anchoring.
- Include a buy it now link
- Allow for sorting - name, brand, price, date, featured items.
- Allow for comparison
Product Pages
- Highlight features and benefits.
- Provide lots of details, photos and images that provide answers.
- User reviews
- Buy button
- Allow for navigation to next item in category
Errors
- Clearly state the error at the top of the page and the problem area that needs to be corrected.
- Indicate problem are with bold red text
- Draw attention to the problem with an alert icon or graphical cue
- Offer possible solutions to the problem.
- Do not force visitors to retype data correctly, accept alternative formats.
- Accept all valid data and only ask for problem info (do not send them back to the same form).
- Be consistent in all error messages.
- Lead with a clear heading and the most important information
- Offer bullet points not blocks of text
- Use bold red text and color variations to highlight crucial information
- Edit copy so that it is brief and meaningful.
The verbs we use to describe what people do with our work—use, navigate, interact—all underscore the power, the agency, that sits in the user’s hands. The value of the web, of social, of mobile, all rests on the foundation that the work we do requires the active participation of the audience, and that the value of our work is only measured through their engagement.
Is this why flat design is so popular?
If you want people to recognize an object (for example, an icon), use a simple geometric drawing of the object. This will make it easier to recognize the underlying geons, and thus make the object easier and faster to recognize.Favor 2D elements over 3D ones. The eyes communicate what they see to the brain as a 2D object. 3D representations on the screen may actually slow down recognition and comprehension.
More Information
I highly recommend going through the slides in this presentation on 'Automating Front-end Workflow' by Addy Osmani.
- The Pros and Cons of 5 Current Web Design Trends
- Adactio: Journal—10 Commandments of Web Design by Jeffrey Zeldman
- Managing outcomes has been made possible because the Internet allows us to measure how successful people are as they interact with technology. The Web is the greatest laboratory of human behaviour ever invented. We should use it. --source
- Your body text is too small
- Style Tiles
- Designing Cool Brands
- The New Design Guidelines
- How to keep up to date on Front-End Technologies - The Recipe
- How readability can make sure people actually read your content
- Seriously, use icon fonts, a great article by Ben Frain
- Delivering Responsibly
- Roots of Minimalism in Web Design
- Five Simple Steps to Designing a Grid Based Layout
- A Designer's Checklist For Designing Awesome Multi-Page Layouts
This page contains information I gathered and thought were very useful. See more notes on the web.
Just to let you know, this page was last updated Sunday, Mar 07 21