ptg16476052600 LESSON 21: Designing for the Mobile Web
n Do test your pages in multiple devices.
n Do write your pages clearly and concisely.
n Do organize the text of your page so that your visitors can scan for important infor-
mation.
n Do put the most important information first.
n Do validate your HTML and CSS, and check your JavaScript for errors.
n Do spell check and proofread your pages.
n Do group related information both semantically (through the organization of the
content) and visually (by using headings or separating sections CSS features).
n Do use a consistent layout across all your pages.
n Do use descriptive links.
n Do have good reasons for using links.
n Do make your links large and tappable.
n Do keep your layout simple.
n Do provide alternatives to images for text-only browsers.
n Do use features like geolocation and click to talk that are only available on mobile
devices.
n Do try to keep your images and multimedia small so that they load faster over the
network.
n Do use external CSS and JavaScript files whenever possible.
n Do provide a link back to your home page.
n Do match topics with pages.
n Do provide a signature block or link to contact information at the bottom of each
page.
n Do write context-independent pages.
n Don’t link to irrelevant material.
n Don’t overuse emphasis (such as boldface, italic, all caps, link text, blink, or
marquees).
n Don’t use terminology that’s specific to any one browser or device (“click here,”
“use the Back button,” and so on).
n Don’t use heading tags to provide emphasis.
n Don’t fall victim to the “here” syndrome with your links.
n Don’t autoplay or preload videos or audio files.