Usability Tips

Smashing Magazine offers 8 usability check-points you should be aware of -
  1. Avoid Pop-ups
  2. Don’t change users’ window size.
  3. Don’t use too small font sizes.
  4. Don’t have unclear link text.
  5. Avoid dead links.
  6. Have at most one animation per page.
  7. Make it easy to contact you.
  8. Open internal links in the same window.
The article explains how if your visitors don’t understand how they can get from point A to point B they won’t use your site.

Comments

Post a Comment

Popular posts from this blog

Thinking & Reasoning Models

Image
Nikita Namjoshi 's video " How do thinking and reasoning models work? " from the Google for Developers channel explains the concepts behind "thinking models" or "reasoning models," such as Gemini, and how they use more computation at inference time to achieve better results in complex tasks. Video Summary The video focuses on how Large Language Models (LLMs) can be improved to handle complex tasks like coding, advanced mathematics, and data analysis by utilizing more compute power during the generation phase (inference or test time). The Problem: LLMs generate responses by predicting one token at a time. When solving complex problems, the model has to figure out the entire solution in a single pass to generate the correct final answer, which is difficult. The Solution: Chain of Thought (CoT): CoT prompting is a technique where the model is prompted to generate a series of intermediate steps (a "chain of thought") that lead to the final answer...
Read more

HOW TO add a header or footer to a dynamically generated Word document

Image
There was a question recently on my CodeProject article "Dynamically generate a MS Word document using HTML & CSS" . The article describes how to generate a Word document programmatically without using any components, by exploiting the formatting features exposed through Office XML and CSS. The questioner wanted to know how to add a custom header and footer and show something like Page X of Y (total pages). Based on what I have tried so far, showing a header and footer using Office XML in MS Word is not as easy as it is in Excel . If you want to keep the code simple & don't need any great fireworks i.e. you will just settle for page numbers in the header or footer then it's a matter of adding a few lines to the original source code. The code can be viewed at this Github Gist Update (1-Sep-2010): To add a custom header & footer, check this new post To add a footer that shows Page number at the bottom right, here are the steps - 1) Add these classes...
Read more

What is the difference between Browser Mode & Document Mode in IE

Image
If you're a web developer and your job actively involves building web pages that work the same in all browsers including the last three versions of IE, you'll be no stranger to Browser  & Document Mode in Internet Explorer These options are available with IE Developer Tools (F12 keyboard shortcut). In IE9, these modes let you emulate older versions of IE8 & IE7. Microsoft provides these modes so that websites that were built to target IE7 & lower versions don't fail hopelessly in the newer & more standards-based versions. IE provides a fallback in the form of the Compatibility View button which allows content designed for older web browsers to render well in newer versions of Internet Explorer 9.  Here are the differences between Browser Mode & Document Mode - Browser Mode determines the User Agent sent to the server & the Document Mode IE defaults to. Document Mode determines the layout (rendering engine) and the JavaScript engine. Document...
Read more