It's time to get you
started in the world of mobile web design, in this article I will explain six simple tips that will allow you
to start making your first site.
Browse the Internet using a mobile
device is the most common practice these days, this apparent popularity shows
us that people have been engaged and is convinced that this medium is one that
best suits your needs, reasons why this type of market is in a constant growth
curve sharply marking the rise in statistics.
In addition, many companies focused
on providing a good deal to consumers have realized how promising is the use of
a mobile platform? So their projects have strengthened friendly alternatives to
their websites for these devices, which provide a better and more accessible to
the user experience.
The truth is that mobile web
browsing is not a fad, has become an almost absolute necessity for many
companies trying to stay in direct contact with consumers, even to have come to
regard as the new standard of Internet, so its development beyond being an
alternative consideration is a must.
If you have not yet created your
own mobile website, then today is
the right time to start. In this article, we will focus on how you can create a
mobile version of a site, through various methods that will lead us to draw a
special procedure.
The easiest way to build a mobile
site is to modify an existing website so that it is compatible and can be
properly displayed on mobile devices. To achieve this you need to make several
changes in terms of design, structure and construction. Below, we discuss some
simple tips which should take into account before proceeding to build your site
for mobile.
Layout: The navigating a site using a
mobile phone and may require time-consuming, the screen is much smaller than in
other everyday devices, so that the user cannot easily despair if gets to the
part he seeks. To avoid this frustration, always remember to put all the most
important information for mobile users, at the top of the page.
Do not forget to include your
company logo, or your client, you adapted to a mobile site. Be sure to minimize
the horizontal navigation, since it is difficult to carry on a phone, instead
of this; try to organize content in a single column. You should also avoid
using tables, but if you need to incorporate, do not use more than 2 columns
and prevents mergers between columns and rows.
Content: You must make sure that the
information you show on your web site is easy to read and navigate, providing
it does not take long for visitors to understand, since most likely the user to
log in to your website using a mobile does not have long time, in a nutshell,
if a user uses to access your phone, you do not have much time and looking for
something specific, so your site would be provided quickly.
One way to accomplish this is to
perform a pre-selection process, to thereby determine which part of the content
should be displayed on the phone, in addition to this it is recommended to
adapt the menu to your site, adjusting the text to avoid zooming. As for the
font used to render the content, consider using headings to control font size.
Coding: There is actually some kind of
special coding needed to develop a mobile site, but it is much easier if your
mobile site is encoded using XML, HTML5
or XHTML failing. You can also build your site with basic elements of HTML
coding and CSS.
Elements such as title tags, Meta
description tags, header tags and filenames must be carefully crafted with
keywords, this with the aim of maximizing the bit optimizable content
available.
Imagery: Most mobile phones could take
forever to load heavy images. We recommend using images and graphics as little
as possible; try to do so only where contextually relevant, and if you cannot
help, then try to use images in jpeg, gif or png files as these are the
lightest.
Be sure to compress your images to
avoid zooming, and make use of the alt attribute to provide alternate text,
which will be helpful if the user has turned off the display of images.
Page size: When you assign a style to a mobile
website, it is essential to keep it simple and use small page sizes. Keep in
mind that 20 Kb is the maximum size for a mobile page, so try to fit it all
using less than 10 Kb is important to remember that many users pay their mobile
web service based on Kb used.
Links: A well-designed mobile website, always offer a series of buttons and
links so that the user can access and move through the various sections and
paragraphs of the site. It is quite difficult to move through a site on a
mobile phone and if this will we join many phones are not equipped with buttons
for back, you may end up in a dead end, where navigation is impossible and the
experience very bad.
Try to provide the necessary links
to avoid such situations, make sure all pages are linked to other pages, and if
it really is a place to be seen on a phone, make links to numbers actually make
a call.