usability
< ui
< jquery
< tutorial
< css
< for:ashesway
< free
< opensource
< delicious
< sithram
Get flash to fully experience Pearltrees
The Gaze Plot report visualizes the scan paths and order between elements inside the image. A Gaze Plot report is also referred as scanpath report. It is made of a series of short stops (called fixations) and fast movements of an eye (called saccades). Fixations are marked with circles along with a number that state the order in which the eyes move between fixations.
Suppose our web application displays a list of notes. For each note we want to be able to edit or delete it. So for each item we’ll want to show the relevant controls; either as text links, buttons or icons.
Web design isn’t art. It involves a whole collection of different skills — from copywriting and typography to layout and art — all fused together to create an interface that not only features a pleasant aesthetic but that communicates function and facilitates easy access to its content. But in order to combine all these elements of Web design together and achieve successful results you must have a clear direction, a direction that will guide each and every aspect of your design towards common goals.
When creating a web form, one of the many choices you must make is how you are going to align your labels with your inputs. This is not a trivial decision, as this placement affects the readability/usability of your form, completion rates, speed of completion, and ultimately the satisfaction level of the users trying to get through your form. But is there one ultimate answer for how you should be aligning labels? Not really, it depends on the specific needs of your form and the design constraints of the page. Most information suggests that top-aligned labels will result in the quickest completion times, the least user confusion, and the least amount of extraneous eye movement.