Diseo WEB para

Dispositivos
Mviles
MC. Sandra Luz Lara Dvora
Introduccin
La tecnologa mvil consiste en la
utilizacin de medios informticos, sin la
necesidad de estar emplazados, es decir
que pueden ser utilizados desde cualquier
parte.

Dentro del mbito de la tecnologa, la

que se refiere a estos tipos de dispositivos
es en la actualidad, la que posee mayor
perspectiva de evolucin.
Introduccin
Los dispositivos mviles
Se considera dispositivo mvil a todo aparato electrnico que cumple
con algunas caractersticas muy bsicas: un tamao reducido (lo que
implica sencillo transporte), cierta capacidad de computacin y
almacenamiento de datos, e incorporacin de elementos de E/S bsicos
(por lo general, pantalla y/o algn tipo de teclado).

Ms all de estas caractersticas comunes, los dispositivos mviles

forman, en la actualidad, un grupo muy heterogneo y pueden
incorporar casi cualquier componente de hardware y software que
ample y diversifique su funcin inicial. El ms frecuente, sin duda, es la
conexin telefnica (incluyendo servicios como el envo de SMS, MMS y
acceso WAP) o la conexin a Internet. Tambin resultan habituales la
cmara fotogrfica y/o video, pantalla tctil, teclado, receptor de radio,
Bluetooth, conexin mediante infrarrojos, dispositivos de memoria
extrables, localizador GPS, acelermetro, etc.
 Wi - Fi

Wi-Fi (Wireless Fidelity) es la tecnologa utilizada en la

conexin inalmbrica para la comunicacin de datos entre
equipos situados en la misma rea de cobertura. Responde al
protocolo IEEE 802.11.
IEEE:Instituto de Ingenieros Elctricos Electrnicos

Red cableada Red inalmbrica

Transmite a travs de cables
(fibra ptica, UTP, etc)
Mantenerse fijo.
Existen muchos lugares con
conexin.
Transmite a travs de ondas
electromagnticas
Conexin desde cualquier punto
de cobertura, y en movimiento.
Pocos lugares con conexin.
El sistema Wi Fi, posee claras ventajas:
Movilidad Fcil instalacin

Flexibilidad Facilidad

Adaptabilidad Facilita la ampliacin de nuevos

usuarios a la red

Sin embargo, tambin tiene sus desventajas:

No hay profesionales capacitados

No existen mecanismos que permitan el control de interferencias

Poca disponibilidad y precios excesivamente altos

No hay difusin y educacin en el tema del Wi-Fi

Pocas personas con conexin Wi - Fi

 Servicios Wap
(Protocolo de Aplicaciones
Inalmbricas)
Es un estndar abierto internacional para aplicaciones
que utilizan las comunicaciones inalmbricas.
Se trata de la especificacin de un entorno de aplicacin y
de un conjunto de protocolos de comunicaciones

Desde un dispositivo
mvil
podes acceder a toda la
informacin actualizada
con un navegador WAP
Funcionamiento
1) El usuario enva una solicitud en WSP ((wireless session protocol)
al Gateway WAP.
2) El Gateway WAP decodifica el WSP y lo codifica en HTTP
para que sea entendido por el servidor de origen.
3) El servidor de Origen enva la solicitud convertida al Servidor
de Destino.
4) El servidor de Destino enva la solicitud convertida al
servidor de origen.
5) El servidor de origen convierte la informacin en WML
(Wireless Markup Language) y la enva al gateway WAP.
6) El gateway WAP convierte la informacin nuevamente a
WSP.
7) El usuario recibe la informacin transformada de Internet
en su telfono celular.
WML posee suficiente poder para
ejecutar tareas complejas comparables
con rutinas JAVA.
 Virus
En la actualidad los virus no son un problema
especfico de las PC`s, sino tambin de todos los
dispositivos
Los mviles.
transmisiones de virus se establece, entre otros, por:
Mediante conexiones Bluetooth
En mensajes MMS
Cuando se descarga un programa en el telfono
inteligente de una fuente poco fiable.
Sistema operativo
Sistema operativo
El sistema operativo con mayores ventas en el
mundo
Sistema operativo
Sistemas operativos ms usados en dispositivos
mviles en 2016 (versiones).
Dispositivos ms usados al 2016
Redes y tecnologas de
telefona mvil
Cada una de las siguientes tecnologas implica redes de
telecomunicaciones, velocidades de transmisin y
equipos mviles diferentes.
1G: esta primera generacin de redes para mviles tuvo
su inicio en la dcada de los 80.
2G: redes de segunda generacin, originadas en 1990.
Se diferencia de las anteriores por su carcter digital y el
uso de protocolos como GSM.
2.5G: es un trmino eminentemente comercial, ya que
son las redes de segunda generacin a las que se les
aplica una tecnologa conocida como GPRS (General
Packet Radio System), que permite velocidades de
acceso a la red que van desde los 56 Kbps a los 114
Kbps.
Redes y tecnologas de
telefona mvil
3G: comenzaron en 2001 en Japn, llegando
varios aos despus a Chile. Permite un uso
simultneo de voz y datos, a velocidades que
pueden llegar a 14 Mbps.
4G: es una red cuyo lanzamiento se proyecta para
2010 en Japn y unos aos despus en el resto
del mundo. Se basa en la utilizacin del protocolo
IP en telfonos mviles y entrega velocidades de
acceso de hasta 1 Gbps. Wimax y LTE (Long Term
Evolution) son dos tecnologas competidoras en
esta fase de desarrollo.
Ques una web para mviles?

Es una pgina web a la que se accede a travs

de dispositivos mviles y que est adaptada a
los mismos.

Una pgina web tradicional, diseada para verse en

una pantalla de ordenador, no funciona bien para
los dispositivos smartphones.Hay que adaptarla
para que se vea bien en una pantalla mucho
ms pequea.De lo contrario, la navegacin sera
muy incmoda y habra que estar haciendo zoom
en los contenidos todo el tiempo. Por ello, se
organizan los contenidos en vertical y a un tamao
de letra ms grande para que se puedan visualizar
bien.
Paraqu sirve una web para mviles?

Sirven parafacilitar la lectura y el acceso a

los contenidos del portal o web, para hacer
ms fcil su uso. Tambin facilitan un acceso
ms rpido,ya que tardan menos en cargarse al
estar optimizadas para estos mviles.

En estos dasse ha incrementado muchsimo

el acceso a Internet desde dispositivos
mviles. Cada vez ms gente accede a pginas
web desde sus mviles en lugar de hacerlo desde
ordenadores.
Quventajas tienen las webs mviles?
Los sitios mviles tienen undiseo adaptado a la pantalla
de un Smartphoney tienen en cuenta las necesidades de
los usuarios.La navegabilidad es mucho mejorque en
una pgina web tradicional.
Requieren menos recursos que una aplicacin.
Es ms fcil y rpidoponer en marcha un sitio web mvil.
Se pueden reutilizar gran parte de los elementos de la
Pgina Webtradicional, adaptndolos, lo que ahorra
costes.
Esaccesible para todos los dispositivos con acceso a
Internet.
Las actualizaciones pueden realizarse en cualquier
momento y estar disponibles de inmediato, no
requieren la descarga de la actualizacin como en las
aplicaciones.
Enqu se diferencian de las
aplicaciones para mviles?
Un sitio web para mviles es similar a uno normal,
slo que ha sidodiseado y adaptado para
poder navegar cmodamente desde un
mvil.
Por el contrario,una aplicacin para
mvil(app) est programada para realizar tareas
especficas para los usuarios mviles ydebe ser
descargada e instalada en el dispositivo.
Navegar desde un Smartphone se ha convertido
en un estilo de vida, y por ello es importante, a la
hora de elaborar cualquier pgina web,valorar la
posibilidad de crear una rplica del sitio
especfico para navegadores mviles.
Cmo hacer que un sitio Web sea apto
para Mviles?
Para simplificar, podemos dividir los telfonos mviles en unos cuantos tipos:
1.Telfonos mviles tradicionales: telfonos con navegadores web que no
pueden procesar pginas las web habituales que puede procesar un
navegador web de escritorio. Esto incluye navegadores para cHTML (iMode),
WML, WAP y similares.
2.Telfonos inteligentes: telfonos con navegadores web que procesan, por
lo menos hasta cierto punto, las pginas normales que procesan los
navegadores web de escritorio. Esta categora incluye una amplia variedad de
dispositivos, como Windows Phone 7, dispositivos Blackberry, iPHone y
telfonos Android, as como tabletas y lectores eBook.Esta categora se puede
dividir a su vez segn su capacidad para admitir HTML5:
Dispositivos con navegadores no compatibles con HTML5
Dispositivos con navegadores compatibles con HTML5
Tiempo atrs, los telfonos se conectaban a Internet usando navegadores web
con capacidades limitadas de procesamiento, pero esta situacin est
cambiando claramente con la rpida difusin de los telfonos inteligentes,
cuyos navegadores rivalizan con los navegadores web completos de escritorio.
Por este motivo, es importante tener en cuenta que la distincin que estamos
haciendo aqu se basa en la situacin actual, tal como la vemos, y que puede
cambiar en el futuro.
Los beneficios de tener una web mvil
Se puede permitir el acceso a la informacin, en cualquier
momento y cualquier lugar con cobertura detelefona mvil.
Al liberar la informacin de las restricciones de un escritorio o
una bsqueda de un punto de acceso WiFi cercanas, la gente
puede recuperar rpidamente eintercambiar informacin.
Proporciona conectividad inmensa. Cada da mas usuarios
tienen acceso aInterneta travs de undispositivo mvil.
Permite acceso directo a servicios aprovechando las
capacidades de los dispositivos mviles tales como hacer clic
en un nmero de telfono para llamar o agregarlo a la libreta
de direcciones del dispositivo.
Puede proporcionar contenido sensible a la ubicacin.
Ubicacin tecnologas pueden permitir una informacin
sensible a la ubicacin debe facilitarse a los usuarios. Esto
puede reducir los pasos necesarios para el usuario para llegar
a un contenido til, y as lo hace accesible con la menor
cantidad de esfuerzo
Usabilidad para la web mvil
1.- Ten en cuenta la diversidad de pantallas
Tener en cuenta que ests diseando para pantallas por lo general
pequeas, pero adems que existen distintos tipos de definiciones.
2.- El foco no es tu sitio
Los usuarios estn accediendo a tu sitio mientras llevan a cabo
otras tareas, as que no vas a pretender que el visitante tenga los 5
sentidos dedicados a tu web.
3.- El layout debe estar pensado para mviles
En la web de escritorio utilizamos rejillas que tienen 12 o 16
columnas, sin embargo, en la web para mviles quizs con una
columna tienes ms que suficiente. En cualquier caso, ten en
cuenta que funcionan mejor los layouts fluidos, que se adaptan a la
anchura de cada tipo de pantalla. Si vas a utilizar varias columnas,
considera 2 o 3 a lo sumo. Sin embargo, tambin es cierto que
algunos dispositivos como los tablets pueden soportar
perfectamente layouts ms complejos, por lo que no existe una
regla fija.
Usabilidad para la web mvil
4.- La navegacin en la parte de arriba no suele
funcionar
En la web para escritorio es habitual tener un navegador en la
parte de arriba de la pgina, con un listado de las secciones
principales de un sitio web. Pero debemos tener en cuenta que
en dispositivos de movilidad, con pantallas pequeas, ese
listado de links puede ocupar todo el espacio disponible, lo que
obligara al usuario a hacer scroll para ver el contenido de la
pgina. Algo que no es deseable.
5.- Uso responsable de las imgenes
Esa imagen que en las pantallas de los ordenadores queda tan
bien, posiblemente tenga un tamao excesivo para visualizarse
en una pantalla pequea de un telfono.
6.- Se trabaja con los dedos y no con el ratn
Este punto es de vital importancia, puesto que la pantalla tctil
utiliza el dedo como sealador y tiene muchas diferencias con
respecto al puntero del ratn de nuestro ordenador personal. En
general tu sitio web funcionar mejor cuando pongas botones o
enlaces con tamao mayor. As mismo, sera recomendable dejar
 Usabilidad para la web mvil
7.- Entrada de texto en teclados virtuales
En el ordenador personal utilizamos un teclado para
introducir texto, sin embargo, en dispositivos mviles se
suele usar un teclado virtual que a menudo resulta
mucho ms incmodo. Este detalle y varios otros que
tienen que ver con la entrada de datos en general lo
veremos en el siguiente artculo sobre usabilidad en
formularios optimizados para mviles.
8.- No se dispone de plugins
Flash es el ejemplo ms claro de plugin que no
disponemos en todos los dispositivos y que por tanto no
deberamos usar en pginas que queremos que se vean
bien en mviles. Pero hay otros, como los Applets de
Java, Shockwave, etc. Sin olvidar que no todos tienen
compatibilidad con ciertas capacidades de scripting.
Usabilidad para la web mvil
9.- Los tipos de eventos cambian
El clic en pantallas tctiles se llama Tap. Realmente es un nuevo
modo de llamar a la misma cosa, pero existen otros eventos que
s tienen cambios importantes, o que no estn disponibles en las
pantallas tctiles. Por ejemplo, el hover no existe al trabajar con
los dedos. Adems, hay otra serie de eventos que slo existen
en mviles como deslizamiento de los dedos, zoom, girar la
pantalla etc.
10.- Existen diversas utilidades especficas que se
pueden aprovechar
Los dispositivos mviles a menudo integran algunas habilidades
que no se disponen en los ordenadores de escritorio, como
localizacin geogrfica, cmaras, grabacin, orientacin, etc. En
la mayora de los casos estos mecanismos slo se disponen en
aplicaciones nativas, pero gracias a HTML 5, algunos ya estn
disponibles en sitios web. En el futuro la tendencia es integrar
aun ms estas capacidades en la web.
Ventajas del Diseo Web Mvil
Cualquier persona puede acceder a
Internet en la palma de sus manos.

El uso de web en el mvil ha aumentado y

parece ir en aumento. Haciendo crecer la
gran demanda y la necesidad de tener
pginas web para mviles.
Desventajas del Diseo Web Mvil

Las dos principales desventajas son el

tamao de la pantalla, y el tiempo de carga.
Ambos son muy diferentes en los telfonos
mviles que en una computadora.
Sitios web con contenido
exclusivo para mviles
Muchos sitios web disponen de contenido optimizado especficamente
para los usuarios de mviles. El formato del contenido puede estar
simplemente adaptado a las pantallas de mvil, normalmente ms
pequeas, o bien puede ser totalmente distinto (p.ej. servido por
WAP, etc.).

Para los robots de Google y de Google para mviles, no importa cul

sea la estructura de las URL siempre que sirva exactamente lo mismo
que el usuario ve. Por ejemplo: si se redirige a los usuarios de mviles
de www.example.com a m.example.com, el robot de Google para
mviles lo reconocer y ambos sitios web se rastrearn y se aadirn
a los ndices correctos. En este caso, se debe utilizar el
redireccionamiento 301, tanto para los usuarios como para el robot de
Google para mviles.
Usabilidad en formularios para mviles
1.- Minimizar la entrada de texto
Cuanto menos texto haya que escribir, mucho mejor.
Existen muchas veces opciones alternativas a un campo
de texto, como cajas de seleccin, botones de radio,
sliders, etc.
2.- Minimizar el nmero de campos
Cuanto menor sea el nmero de campos del formulario,
tambin ms satisfecho estar el usuario.
3.- Utilizar campos input del HTML5
Existen campos para seleccin de colores, fechas, meses,
nmeros, rangos, URL, email, etc. Estos campos muchas
veces se implementan con ligeras diferencias en el
navegador a los campos INPUT de texto de toda la vida.
Usabilidad en formularios para mviles

4.- Alinear etiquetas arriba

Al lado de cada campo de formulario se suele colocar un texto
explicativo que sirve para saber qu informacin se debe colocar en el
campo, al que en ingls se le llama "label" y que se traducira por
etiqueta. Ese texto debe aparecer al lado del campo, pero debido al
tamao reducido de las pantallas de mviles, se recomendara colocarlo
en la parte de arriba del campo, en lugar de al lado, como se suele
hacer en formularios habitualmente.
5.- Eliminar contenido accesorio
A veces los formularios para webs de escritorio tienen elementos
accesorios para ayudar a rellenar el formulario, como tips que se
activan al situarse sobre determinados campos o enlaces que pueden
abrir capas flotantes o pop-ups para explicar ciertas informaciones.
.
Usabilidad en formularios para mviles
6.- Evitar formularios multicolumna
Por motivos similares al de colocar las etiquetas arriba (poco
espacio en las pantallas de los mviles), tambin es buena idea
organizar los formularios en una nica columna.
7.- Recordar datos introducidos anteriormente
En la medida de lo posible, siempre ser de utilidad que nuestro
sitio web sea lo suficientemente inteligente como para no solicitar
datos que ya conocemos de antemano.
8.- Obtener automticamente los datos que se pueda
Existen diversas tecnologas asociadas al HTML5 que nos pueden
ofrecer informacin del usuario de manera automtica y que, en la
medida de lo posible, debemos utilizar para minimizar la entrada
de datos por parte del usuario. El ms claro ejemplo es la
geolocalizacin, que nos permitira averiguar dnde est
fsicamente ese usuario.
Usabilidad en formularios para mviles
9.- Uso inteligente de los campos INPUT con autocompletar
Cuando debemos utilizar un campo INPUT para entrada de datos, algo
que a veces es incluso ms indicado que otras alternativas, siempre que
sea posible se debe usar la funcin de autocompletar. Por ejemplo,
pensemos en un campo pas, que tiene ms de 150 posibilidades.
Podramos hacerlo en un elemento SELECT, para que el usuario no tenga
que teclear el nombre del pas, pero puede ser incluso ms cmodo un
campo INPUT, en el que escribiendo una o dos letras ya proponga pases
que las contengan.
10.- Opcin para ver la clave escrita en los campos password
Los campos donde escribir claves a menudo son un problema por los
errores tipogrficos, tan habituales en los teclados virtuales. No es mala
idea crear un botn o algn elemento que nos permita ver escrita en
texto plano la clave que el usuario ha escrito en un campo password.
Barreras y Palancas en la
medicin de Audiencias Mviles
La falta de estndares tanto en tecnologa
WEB y otros (como el importante papel
desempeado por el operador) son
especficos de este mercado, dando como
resultado la falta de capacidad para
generar aplicaciones compatibles en
muchas de estas plataformas.
La medicin del consumo
mvil
se enfrenta no solo a los problemas heredados
del mundo Web, sino tambin a problemticas
aadidas como la gran dispersin tecnolgica o la
vertiginosa velocidad de cambio. Esto plantea
entornos de medicin mucho ms complejos, que
se acentuarn en el futuro prximo, como por
ejemplo el anlisis de experiencia de usuario
multipantalla o la batalla entre html5 y el mundo
encapsulado de las aplicaciones.
La medicin del consumo
mvil

El Ecosistema mvil
est muy fragmentado
Adems de los
mltiples canales ya
mencionados, el
ecosistema mvil est
muy fragmentado por
la competencia entre
compaas,
tecnologas y
plataformas.
La medicin del consumo
mvil
El crecimiento de la industria mvil en los
ltimos aos ha sido imparable. Si en 2009
apenas el 10% del parqu de terminales en
Espaa era de Smartphones, y en 2010 el
18%, al final de 2011 se llegaba ya casi al
50%.
Esto ha llevado a un cambio en el hbito de
consumo mvil de los usuarios: el 72% de los
internautas se ha conectado a Internet a
travs de su mvil en el ltimo ao, siendo la
conexin desde casa la ms habitual (64%).
La medicin del consumo
mvil
La medicin del consumo
mvil
Estrategias para conocer a tu
audiencia
Vigila a la competencia
Sigue los foros
No te olvides del posicionamiento
Adwords
Encuestas
Webs sociales
W3C (World Wide Web
Consortium)
MWI (Mobile Web Initiative
Iniciativa de la Web Mvil),
iniciativa que cre las MWBP
(Mobile Web Best Practices
Buenas Prcticas para la Web
Mvil).

La WAI (Web Accessibility

Initiative Iniciativa de
Accesibilidad Web), iniciativa
que cre las WCAG 1.0 (Web
Content Accessibility Guidelines
- Pautas de Accesibilidad al
Contenido en la Web).
W3C Buenas Prcticas en Web
Mvil
El objetivo es ayudar a los desarrolladores
Web a disear y publicar contenido Web que
funcione adecuadamente en dispositivos
mviles. Estas tarjetas resumen, en diez
puntos clave, las pautas descritas en el
estndar. Al cumplirlas, se incrementar el
pblico que puede acceder a los contenidos,
creando sitios Web y aplicaciones eficaces y
haciendo la navegacin en la Web accesible
desde ms dispositivos.
W3C Buenas practicas para disear
aplicaciones web para mviles

Considerar el uso real de la web.La

informacin ha de estar suficientemente
sintetizada y optimizada, dado que los usuarios
de la Web mvil suelen realizar el acceso en
situaciones en las que se dispone de poco
tiempo o en las que existen distracciones
externas.
Disear para una Web nica.Si diseamos el
contenido y la funcionalidad teniendo en cuenta
los diferentes dispositivos que podrn utilizarse
en el acceso a nuestra web, reduciremos costes,
siendo ms flexible todo el conjunto y cubriendo
las necesidades de un mayor nmero de
usuarios/as.
W3C Buenas practicas para disear
aplicaciones web para mviles
Utilizar los Estndares Web.En un mercado tan
fragmentado y diverso como el de los dispositivos
y navegadores, el uso de estndares es la mejor
garanta de interoperabilidad y de que el resultado
final ser el esperado en cualquier entorno.
Evitar los riesgos conocidos.Un diseo bien
planificado reduce problemas usabilidad causados
por la variedad en dimensiones de pantalla y
teclado, o por otras caractersticas de los
dispositivos mviles. Con todo esto, hemos de
evitar aquello que sepamos puede originar
problemas tales como por ejemplo la apertura de
ventanas emergentes.
W3C Buenas practicas para disear
aplicaciones web para mviles
Tendremos presentes las capacidades de
los dispositivos.Cuando se elige una
tecnologa Web concreta, hemos de tener en
cuenta que los dispositivos mviles pueden
tener limitaciones en su soporte o diferencias
en su interpretacin. Esto no implica que no
podamos aprovecharnos de las nuevas
capacidades que los smartphones aportan
frente al entorno de escritorio (son telfonos,
tienen GPS, etc.).
W3C Buenas practicas para disear
aplicaciones web para mviles
Optimizaremos la navegacin.Simplificando la
navegacin y reduciendo la necesidad de uso del
teclado, se mejora la experiencia de uso. Navegacin
y teclado (al igual que el ancho de banda) son
factores limitantes cuando se navega desde
dispositivos mviles.
Comprobar grficos y colores.Las imgenes, los
colores y el estilo destacan el contenido y pueden
facilitar su comprensin. No obstante, las condiciones
de iluminacin en las que se realiza el acceso mvil,
as como el bajo contraste de algunas pantallas,
pueden dificultar el acceso visual a los contenidos.
W3C Buenas practicas para disear
aplicaciones web para mviles
Optimizar el consumo de recursos.Reduciendo
del tamao y peso del sitio web, repercutiremos
positivamente en la experiencia de usuario al
mejorar cosas tale como tiempo de descarga y
presentacin de los contenidos, e incluso el coste
del acceso a internet.
Facilitar la entrada de datos.En los
dispositivos mviles, el uso del teclado y dems
mtodos de introduccin de datos puede resultar
tedioso para el usuario. Por este motivo es
fundamental que el diseo y la arquitectura sean
eficaces, minimizando su uso, facilitando el acceso
a los contenidos y mejorando la experiencia
general.
 Caractersticas en el Diseo de una web mvil

1) Facilita lausabilidadde la web con una

navegacin vertical y scrolling de una sola
direccin.
2) Lasimplicidades tu mejor aliado en el
diseo por lo que es aconsejable evitar tablas
y frames que puedan complicar la
navegabilidad.
3) Cuantasmenos imgenesutilices la
descarga ser ms rpida. Nosotros te
aconsejamos mantener tus imgenes en unos
72 dpi, 640px en 960 de altura.
 Caractersticas en el Diseo de una web mvil

4) Asimismo, el tamao de lostextosy la

duracin y resolucin de losvdeoshan de
seguir la misma norma para mantener una
carga ptima.
5) Utilizacolores con contraste. Teniendo en
cuenta que algunos dispositivos mviles
funcionan con pantallas de bajo contraste y
que el uso del mvil.
 Caractersticas en el Diseo de una web mvil

6) No usesventanas emergentesopop-
upspues los navegadores mviles no los
soportan. Tampoco utilices elrefresque de
pginaautomtico, deja que el usuario lo
haga el mismo.
7) Es aconsejable utilizar unatipografa
grandepara su correcta lectura con un ancho
de rengln no superior a los 80 caracteres y
usando un tamao de 14 puntos y negrita para
los titulares. Tambin es importante que
losenlacesestn lo suficientemente
separados del resto del texto para ser
seleccionados con el dedo.
Caractersticas en el Diseo de una web mvil

8. Ten en cuenta laslimitaciones de la

navegabilidad en el mvilcomo por
ejemplo que algunos terminales no aceptan
cookies y JavaScripts.
9) Es recomendable queel pesototal de cada
pgina, incluyendo archivos adjuntos como la
CSS, no supere los 20kb.
10)Utilizarporcentajesen vez de tamaos
absolutos para la estructura de la web,
intentando que la pgina se adapte al 100% a
la pantalla del dispositivo, permitir una
mayor adaptabilidad de la misma.
Limitaciones de las aplicaciones mviles

Necesitan conexin a la red para las

actualizaciones.
Presentan mayores barreras tcnicas para
la creacin de las aplicaciones Web.
La aplicacin no es compatible en todas las
plataformas y dispositivos.
Limitaciones de las aplicaciones mviles

Menor alcance de pblico objetivo, pues

obliga al desarrollo de la aplicacin en
diferentes terminales.
Para el uso de aplicaciones nativas es
necesario la descarga de la aplicacin previa.
Mayor coste de desarrollo de la aplicacin
nativa frente a la Web para llegar al mismo
posible nmero de usuarios debido a la
variedad de dispositivos existentes.