tailieunhanh - don t make me think a common sense approach to web usability phần 3

Sử dụng trái phép, sao chép và / hoặc phân phối đang bị nghiêm cấm và vi phạm pháp luật. Tất cả các bạn nghĩ rằng bạn đã có lối đi bên phải, bạn bắt đầu tìm kiếm các sản phẩm riêng biệt. Nếu nó quay ra bạn đã đoán sai, bạn cố gắng một lối đi khác | If you Don t know Whose signs These are You can t have Driven very far Burma-Shave sequence of billboards promoting shaving cream circa 1935 Faced with the fact that your users are whizzing by there are five important things you can do to make sure they see and understand as much of your site as possible Create a clear visual hierarchy on each page Take advantage of conventions Break pages up into clearly defined areas Make it obvious what s clickable Minimize noise. Create a clear visual hierarchy One of the best ways to make a page easy to grasp in a hurry is to make sure that the appearance of the things on the page all of the visual cues clearly and accurately portray the relationships between the things on the page which things are related and which things are part of other things. In other words each page should have a clear visual hierarchy. Pages with a clear visual hierarchy have three traits The more important something is the more prominent it is. For instance the most important headings are either larger bolder in a distinctive color set off by more white space or nearer the top of the page or some combination of the above. Very important A little less important Nowhere near as important 31 Don t Make Me Think A Common Sense Approach to Web Usability Second Edition. Don t Make Me Think A Common Sense Approach to Web t Prepared for dougbolin@ Douglas Bolin 2006 Steve Krug. This download file is made available for personal use only and is subject to the Safari Terms of Service. Any other use requires prior written consent from the copyright owner. Unauthorized use reproduction and or distribution are strictly prohibited and violate applicable laws. All rights reserved. chapter 3 Things that are related logically are also related visually. For instance you can show that things are similar by grouping them together under a heading displaying them in a similar visual style or putting them all in a clearly defined area. Things are nested visually to .