HOME > RSS Feeds > Web Design Usability
Add To:  Subscribe with My Yahoo!  Subscribe with Google  Subscribe in NewsGator Online  Subscribe in Rojo  Subscribe with Pluck RSS reader  Subscribe with Bloglines  Add to AOL Subscribe to this feed using your favorite reader  

 
Responsive Web Design: More Than Just a Buzz Word
Perceptive website developers not only know what responsive web design is; they've already put it into practice. Thanks to a number of trends among web users, the need for websites built along responsive web design principles will certainly continue to grow. If you're not tuned in to this change in the field just yet, keep reading to find out why you need to get on board, or risk getting left behind.

Add New Website Features to Please Users
You may be surprised by the number of features you can add to your website that improve its usability. Some greatly affect a site's look and feel, while others add small but friendly “touches” that make it seem more personal. With CSS3, HTML5, JavaScript and jQuery, you can easily experiment with some of the ideas I'll be discussing in this article.

Gzip Components in Action
In this conclusion to a three-part series on reducing the size of the HTTP response with gzip encoding, you'll finish configuring gzip components and finally see them in action. This article is excerpted from chapter four of the book High Performance Web Sites: Essential Knowledge for Frontend Engineers, written by Steve Sounders (O'Reilly; ISBN: 0596529309). Copyright © 2007 O'Reilly Media, Inc. All rights reserved. Used with permission from the publisher. Available from booksellers or direct from O'Reilly Media.

Configuring Gzip Components
In this second part of a three-part series on reducing the size of the HTTP response with gzip encoding, you will learn how to configure gzip and how to handle proxy caching. This article is excerpted from chapter four of the book High Performance Web Sites: Essential Knowledge for Frontend Engineers, written by Steve Sounders (O'Reilly; ISBN: 0596529309). Copyright © 2007 O'Reilly Media, Inc. All rights reserved. Used with permission from the publisher. Available from booksellers or direct from O'Reilly Media.

Gzip Components
Reducing the amount of time it takes to transfer an HTTP request and response across a network improves the user experience. There are a number of ways to do this. In this three-part article series, you'll learn how to do it by reducing the size of the HTTP response with gzip encoding. This article is excerpted from chapter four of the book High Performance Web Sites: Essential Knowledge for Frontend Engineers, written by Steve Sounders (O'Reilly; ISBN: 0596529309). Copyright © 2007 O'Reilly Media, Inc. All rights reserved. Used with permission from the publisher. Available from booksellers or direct from O'Reilly Media.

Create Great JavaScript and CSS Menus Simply
You have many options when it comes to displaying your web site's menu on its pages. This article will show you some of the more appealing of these options. We will consider ease of maintenance, aesthetics and user-friendliness.

Design Principles that Shape a Web Site
Have you ever wondered why one web page interests you while another leaves you cold? If you're designing your own web site, that topic is of more than idle interest. There are specific design principles that you can use to ensure web surfers have a good experience when they visit your web site and keep coming back for more. This article explains the details.

Creating Aqua Style Images
Anyone that has used a Mac running OSX will have seen Aqua style icons in action. Aqua is the name of the default theme of OSX and presents a visual style with a kind of liquid, glossy effect. Aqua style icons look very nice and convey an image of style and professionalism, but needn't be that hard to create, being composed primarily of transparency layers and lighting effects.

Easy as A,B,C – dynamic A to Z indexes
It's a good idea to offer your visitors as many logical ways to navigate your website as possible. This gives them more chances to find exactly the product or information for which they came to your site in the first place. Sitemaps are a wonderful solution, but many of your visitors may find an A to Z index of your site easier to understand. Chris Heilmann explains how to implement such an index.

EasyChart: a Usability Teaching Tool to Demonstrate Interface Design from Hell
Do you have students or programmers who don't quite seem to & get& the importance of following the rules to make an interface that is easy for the end user to deal with? Maybe you should make them use EasyChart. Created as an educational tool to deliberately break every design usability rule, it just might lead to an & a-ha& awakening. Eliana Stavrou walks you through some telling examples from the program.

Building Friendly Pop-up Windows
A pop-up window is simply another resource for displaying content. Many advertisers abuse them, however, thus giving pop-up windows a bad reputation. They can be implemented in a friendly fashion that won't make your visitors angry -- and they can be very useful in certain circumstances, such as on an intranet. Alejandro Gervasio explains.

Back to School: Design Usability
All of us have encountered websites that are painful to use. We know what doesn't work, and we might even have said & This site would work better if...& but how many of us have examined our own websites with these thoughts in mind? Maybe it's time for a fresh look. Eliana Stavrou takes you through the basic issues of design usability.

Using HTML_QuickForm To Manage Web Forms, Part 2
In this second part of the HTML_QuickForm primer, I will demonstrate the advanced features of the package - these include & hierarchical& drop downs, & auto-complete& text boxes, integration with the & Smarty& template engine, and much, much more.

Using HTML_QuickForm To Manage Web Forms, Part 1
Tired of authoring dull and dreary Web forms everyday? Fed up of programming JavaScript validations day-in and day-out? Then, the HTML_QuickForm package is just the solution for which you are looking. In the first part of this two-part tutorial, I'll get you started with the basics of building Web forms using this resourceful PEAR package.

More Website Knick Knack
In our second article about useless clutter on websites, Chris Heilmann focuses on websites that try to reinvent the wheel, features that offer a quick & wow& and little else, and more. Are you guilty of inflicting website knick knack on your visitors? Take a look at the included check list and find out.

Browsers as Test Platforms
In this article we will take a look at browsers from a developer’s point of view. When developing for the Web, it is inevitable that we need to debug and test our work. How easy or how hard is it to find the problems causing errors, and how easy is it to replicate certain environment changes? Once we identify the steps we need to take to test properly, we will see if there is a chance to extend the browser to make these steps a lot easier.

Website Knick Knack
We've all visited websites that made us wince. You know what I mean: full of distracting animation, flashing text, and enough other clutter that it reminds you of a Victorian home filled to bursting with knick knacks. Are you guilty of filling your website with useless junk? Christian Heilmann takes you down his checklist of website clutter. You just might find yourself considering a redesign.

Dynamic Page Elements-Cloak and Dagger Web Design
There are not many aspects of web design that seem to ignite the same fascination in developers as making elements dynamic by hiding and showing them on user interaction. Collapsible lists, maps with hover elements and multi level drop-down navigations still seem to be hot and need to be part of a web site to make it & cool& and to & increase usability& . Much like the magician conjuring the rabbit out of the top hat for the tenth time in a row, this design stunt does gets a bit stale though. Maybe it is time to take a step back and look at what we do.

Accessibility and Dreamweaver MX 2004
An accessible website is compatible with the assistive technologies used by people with disabilities. Dreamweaver MX 2004 automates many elements of creating accessible sites and prompts designers to provide information when necessary. It has also been modified to provide better keyboard access and to work with screen readers. (From the book ASP Web Development with Macromedia Dreamweaver MX 2004 by Rachel Andrew et al., Apress, 2004, ISBN: 1590593499.)