Quick Win Text links inside the main text body (<article> element) of a website should get underlined when the user hovers the mouse over them. They should have a distinctive blue color that fits the design of the site. Pick #1e0fbe blue in case you can’t decide. Here is the CSS for you: article… Read more »
Posts By: Peter W. Szabo
Social button user experience
Quick Win If you want the easiest to click buttons (lowest difficulty index), place them fixed, on the center of left edge of the browser window: position: fixed; (this CSS rule will make the button stay where you set it to be, even after scrolling, regardless of the content), and set left: 0px; top: 50%;…. Read more »
Web Readability – Size and Rhythm
QUICK WIN To make sure larger blocks of text are readable on the web and across all devices you need to go with a fairly large (16px will do) base font size, 1.5em line height (proven to increase readability), 1.125em paragraph margin-bottom (will make the text easier to scan). Even quicker win is to copy-paste… Read more »
Relevant question based CAPTCHA replacement
Quick Win Instead of using image based CAPTCHA ask the users questions related to the content they are interacting with. This is more fun than trying to decipher one or two usually meaningless words or even a totally random string of characters. If you want no brainer questions, ask what the given article is about… Read more »
Web Readability – Font Shapes
Quick Win To make sure larger blocks of text are readable across all devices you need to pick a “proven to be readable” font-family like Helvetica, and add Arial, sans-serif as a fall-back. Even quicker win is to copy-paste this into your main CSS file, right after the CSS reset: body {font-family:”Helvetica Neue”, Helvetica, Arial, sans-serif;}