background preloader
Throughout 2013, we are updating the Research-Based Web Design and Usability Guidelines that so many of you reference and rely on. The first step in that process was to implement a searchable database. The database allows you to access the guidelines associated with your area of interest and allows us to update the guidelines more easily and frequently. At present, the database houses the current guidelines published in 2006. Moving forward, we will update the database to cover current trends and topics in digital communications, including: Responsive design Mobile strategy Applications (apps) Social media

Related:  Web page usability & SEO (Search Engine Optimization)UXWebsite Content Accessibility

Readability: the Optimal Line Length Having the right amount of characters on each line is key to the readability of your text. It shouldn’t merely be your design that dictates the width of your text, it should also be a matter of legibility. The optimal line length for your body text is considered to be 50-60 characters per line, including spaces (“Typographie”, E. Ruder). Other sources suggest that up to 75 characters is acceptable. So what’s the downsides of violating this range?

annyang! Easily add speech recognition to your site Go ahead, try it… Say "Hello!" Annyang! Let's try something more interesting… Writing for the web - Communications and Marketing, The University of York Whether you are writing for a printed publication or a website, you should always refer to our recommended writing techniques and the style guide. There are also some particular issues that you should keep in mind when writing for the web, to help ensure that you are writing in the best way to get your message across. Why writing for the web is different to writing for print

CSS animations CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animation's style, as well as possible intermediate waypoints along the way. There are three key advantages to CSS animations over traditional script-driven animation techniques: They're easy to use for simple animations; you can create them without even having to know JavaScript. The animations run well, even under moderate system load. Christian Holst The Current State Of E-Commerce Search When e-commerce search works, it’s fast, convenient and efficient. It’s no wonder that so many users prefer searching over clicking categories. Unfortunately, our recent large-scale usability study and top-50 benchmark of e-commerce search finds that search often doesn’t work very well. On-site search is a key component of almost any e-commerce website.

A/B Testing: The Complete Guide - Visual Website Optimizer Start here for What is A/B Testing? A/B testing (sometimes called split testing) is comparing two versions of a web page to see which one performs better. You compare two web pages by showing the two variants (let's call them A and B) to similar visitors at the same time. Writing with Web Accessibility in Mind Much of the guidance that makes writing on the web more accessible to people with disabilities makes content more accessible to everyone. It is helpful to: Write clearly and concisely.Divide a page into content "chunks" and use a meaningful heading for each one, see Headings.Specify link destinations (avoid "click here" and "more).Emphasize your call(s) to action. These tips will help everyone, including those who have difficulty reading and/or concentrating, as well as non-native English speakers. An excellent resource on this subject is Dey Alexander's Introduction which contains links to the rest of the series.

Animation Using CSS Transforms < CSS Tweet361 Shares85 Shares0 Tweets37 Comments The examples on this page will work now in Firefox, Safari, Chrome, Opera and Internet Explorer 10. In older browsers you will see either no effects, or the transforms taking place without any animation. The animations presented below involve setting up a transformation to take place in response to a mouseover or other event. On-Page SEO Basics What it takes to get a page ranked on the search engines today, isn't as basic as those without much experience in search engine optimization (SEO) might think. Over the years (and with each passing algorithm update), however, some best practices have emerged that center around the user (making sure he or she gets a great experience and is delivered the content they expect) and how a page can be crawled by the search engines. The following infographic is a very high-level overview of some basic on-page SEO elements to keep in mind. Note: To zoom in, click on the image.

Guidelines for Building Touch-friendly Sites - IEBlog In Windows 8 Consumer Preview, IE10 enables fast and fluid multi-touch experiences on the Web. Most sites work fine with touch in IE10 with no changes to the site. This post provides four simple guidelines to ensure your customers who use touch can most effectively use your site. We’ve written before about how new input devices and touch screens make the Web more fun, interactive, and immersive.

Writing for the web - Monash University Writing for the web is different to any other style of writing. Web content follows unique writing conventions, and the usability of the content is just as important as the content itself. Don’t underestimate the importance of planning your content before you start writing. This will define its purpose, audience and timeline.

Related:  Mad KnowledgeUsability & UX Designweb developmentux