Table 2.
Criteria | Description |
---|---|
Navigation | Make sure the maximum display area is available for the main content. Check if they use a drop-down bar for small phones. Allow columns to reduce in width up to a point for tablets, but they should then collapse under each other, allowing the user on smart phones (small) and on smaller tablets to scroll through the content. |
Content | Ensure any content that is not the primary point of the page is not surrounded by auxiliary content. The website has configured the viewport (the user's visible area) i.e. adapt the width of the page to the screen width of the device. |
Image | The images should be resized to fit with the resolution of the screen without losing the fidelity of the images. |
Video | Supporting newer HTML5 formats for web video like Web-M, Theora Ogg and H.264 instead of Flash player. |
Typography | Typefaces should be carefully considered since clarity is important, especially when being read devices. |
Touch controls | Touch control placement: options in the lower half of the screen will generally be easier to control with a single hand than in the upper portion of screen. It should be easy to click on links, buttons and other clickable items. The size of control target sizes should be minimum of 44px in width or height at 72 dpi. |