convert ch7 part3
TRANSCRIPT
![Page 1: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/1.jpg)
ConvertDesigning Web Sites to Increase Traffic and
Conversion
![Page 2: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/2.jpg)
Outline
Getability!
Noticeability!
Navigation!
Imagery!
Look and feel
![Page 3: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/3.jpg)
Getability
Getability: The quality of how easy it is to get a page’s purpose!
Strip away things that are not required.!
Simplify any aspect of content or design, including layout.!
Google search page.
![Page 4: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/4.jpg)
Getability
![Page 5: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/5.jpg)
NoticeabilityGetability depends on noticeability of the various elements presented.!
Size!
Contrast!
Boldness!
Color!
Position!
Space!
3-D effects!
Movement
![Page 6: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/6.jpg)
NoticeabilitySize!
Many pages afford to increase the size of initial headline and other primary messaging.!
Contrast!
The sharper an element’s contrast (the balance between light and dark) with its surroundings, the more it stands out.!
If you see more than ten areas of contrast, you could end up with a page that is drawing the eye in too many different directions, which means that it will not be able to focus on any one area.
![Page 7: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/7.jpg)
![Page 8: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/8.jpg)
![Page 9: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/9.jpg)
NoticeabilityBoldness!
Color!
Use the same colors to tie together areas.!
Use contrasting colors to draw attention to specific features.!
Position!
Eye tracking research show that some areas of the page, such as the top-right corner, tend to be seen as low priority than others. Other areas, like the top-left of the main content area, are more focused on.
![Page 10: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/10.jpg)
Noticeability
Space!
Increase line height!
Add extra vertical space betMween columns!
3-D effects!
Movements
![Page 11: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/11.jpg)
Noticeability
![Page 12: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/12.jpg)
Navigation
Tells you where you are!
Tells where else you can go!
Gives you a means to get there
![Page 13: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/13.jpg)
Navigation
![Page 14: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/14.jpg)
Imagery
Although graphics do not generally impact conversion as much as text content, the first imagery you notice when arriving on a new page is important for getability.!
Ensure that the first images people notice directly communicate the subject matter of the page.!
Showing a human face is an easy way to increase the attention pulling power of a page.
![Page 15: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/15.jpg)
Imagery
![Page 16: Convert ch7 part3](https://reader035.vdocuments.site/reader035/viewer/2022062312/5550cbeeb4c905f2318b4975/html5/thumbnails/16.jpg)
Look and feelIf you are selling expensive hand-made shoes, the site should have muted colors, close-up photographs of the artisan’s skill, and an elegant old-world feel, giving a feel of timeless quality that embodies attention to detail.!
If you are selling cut-price shoes, perhaps a cheap-looking site is more appropriate. A page that uses primary colors, star flashes, and bold headlines in full caps would suggest the page has been put together in a hurry.