Peculiarities of mobile devices

In developing Web pages intended for smartphones and tablets must be taken into account the peculiar characteristics of such devices.

Let's list are some things you should keep in mind:

• the size of the display is rather ridota, especially smartphones, and this requires special attention in terms of design and accessibility of content;
• except for some smartphones, mobile devices do not have a keyboard "physical" and the user interaction is via the touch screen with a clear need to review the mechanics of navigation (link) and interaction (eg. the form);
• connect to the web, in the absence of a WiFi access point, is using 3G and then load times may riverlasi much longer and this implies the need to develop more streamlined and efficient web pages;
• certain types of content are not usable on such devices, for example:
  • systems equipped with the IOS operating system does not display Flash content;
  • certain types of documents (such as, for example,. doc,. pdf or. xls) are not handled properly by all mobile OS;
  • files. zip and other types of compressed archives can not be run by smart phones and tablet (if not through the appropriate third-party applications);
  • Some media files (such as. avi,. mid, and. wav) are not universally supported on this type of device;
  • etc..

In light of these circumstances it becomes clear that the redesign of the website, with a view to its fruibiltà using this type of device, an operation is absolutely essential despite the browsers on these devices "do everything" to offer, too, a vision Acceptable traditional sites!

Create a mobile version of its website: modus operandi

1. Identify targets
   Because we want to develop a mobile version of our site? The first thing to do is, without doubt, to identify the communication needs that you want to satisfy by offering their content to mobile users. Once you've identified our goal we set to work to pursue it.
2. Content selection
   Once you have identified the goal of communication is necessary to make a careful selection of content to offer a priori discarding those not fully compatible or otherwise unsuitable for this type of device.
3. Designing the layout
   Once selected the information to offer (the "Content") is necessary to concentrate their energies on the design / creation of a "container" adequate.
   In this sense, we might opt ​​for the design of a dual design, one intended for display rather small, the smartphone and one for display, a bit 'larger the tablet. To do this will be enough, in fact, create two different CSS in which page elements (which are still the same for both smartphones to tablet) are stylized differently depending on the size of the display.

In continuation of our discussion we will focus mainly on the web page design optimized for smartphones with the caveat that the above can easily be applied also to the tablet.

• <<Previous Lesson
• Help Index
• Next Lesson>>