Bill Scott and Theresa Neil have published a full set of principles and patterns for rich interaction design as part of the release of their upcoming book, Designing Web Interfaces: Principles and Patterns for Rich Interactions. The first article of tree sets consists of 12 Standard Screen Patterns and 100 examples of them in action. Next will be “Essential Controls: 30 controls for RIA design and development” and “Components for Commonly Requested Features: 15 patterns and examples”, so stay tune!

Chris Coyier has post a very interesting tutorial of tracking clicks. Why do I need this? Well it’s a cool proof of concept and can be used in production as tool for examine users behavior in some situations.  Some major design decisions can depend on it.

The tutorial shows you how to develop a clickmap using PHP, Mysql and of course …. jQuery. Basic we will track the mouse clicks and post the clicks data to the PHP file doing the database saving. Then some graphics are displayed on the click locations.

Read the tutorial

SmashingMagazine presents the first part of an extensive research on design patterns and useful design solutions in modern web applications. You’ll find a collection of 10 useful interface design techniques and best practices used in many successful web-applications.

Kevin Vigneault, Project Manager at VigetAdvance has post a great article about banners placement on a heat map.

The heat map helps to visualize the current trend in banner advertising. It shows banner size and placement (highlighted in white) on 50 different popular sites. The brightest white areas are where banner ads were most frequently placed and the black areas are where no banner ads were displayed. The two red lines are 1,024 pixels apart to provide scale.

His conclusions are:

• The most frequently used areas are along the top and right sides of the page.
• The most popular ad sizes are 728×90 Leaderboards and 300×250 Medium Rectangles.
• More sites place Leaderboards above the main navigation than below.
• Very few sites are placing banner ads along the left side of the page.
• The observed common placements do not match up very closely with Google’s suggestions.

When you are designing a web form and focus on the usability you have to take in consideration a lot of elements: labels, input fields, validation messages, hints and at the end … buttons. Here are 8 great articles talking about buttons, one of the most important element that makes the users to start or complete a process:

• The use of buttons in web forms
• Buttons on Forms – where to put them, and what to call them
• Previous and Next Actions in Web Forms
• OK–Cancel or Cancel–OK?
• OK and Cancel Buttons: What’s the Right Order?
• Primary & Secondary Actions in Web Forms
• 50 Add To Cart Buttons Compared
• Submit Button Usability Split Test Results: Size DOES Matter!

If you know more or have a suggestion add a comment please.