Often have wide fixed widths, small fonts,
low contrast, complex navigation
Difficult to use on a mobile; much zooming,
scrolling, hitting the wrong links
Mobile
friendly sites
Usually have flex designs, thorough use of
relative size measures, large "tappable"
links, simple navigation menus, simple
hierarchical site structure
Could have a user interface for interaction
(example: make a restaurant reservation),
but takes some close attention to use
it
Mobile
optimized sites
Very simplified page design, flex design or
auto-sizing to mobile screen size, very
simple navigation, large tappable links and
buttons.
If
written with HTML5 can have many user
interface features that are designed for
use on mobiles, such as spinners, sliders,
and forms that automatically evoke the
appropriate keyboard
Could have functional interaction
interfaces, to the extent care is taken to
design for mobile devices
Can also
draw content from Web services
May use HTML5
HTML5
is not standardized yet, variation among
implementations
Many
devices do not understand HTML5, but iPhones
and recent Androids do, each in their own
way
Different
from mobile friendly Web pages, which are Web pages
that display well and are reasonably usable on
mobile browsers
Usually
have flex designs, large tappable links, simple
navigation