Tecnología

Inicio

Cómo diseñar una página Web móvil Adaptado

June 18

Uno de los mayores dolores de cabeza para los diseñadores web es cómo diseñar un sitio que sea adecuado para dispositivos móviles. Dado que todos los dispositivos tienen diferentes tamaños de pantalla y diferentes niveles de tecnología, es prácticamente imposible conseguir un sitio web para mirar a la derecha en cada pantalla posible. Sin embargo, aquí hay varios métodos que puede utilizar para cubrir sus apuestas y crear tan buena una versión móvil de su sitio web como sea posible.

Instrucciones

Pasos

1 Decidir qué tipo de información que desea la versión móvil de su sitio de contener. En general, usted quiere que sus páginas web para móviles que tienen menos contenido por página, un menor número de secciones, un sistema de navegación más básica y las imágenes, sólo si realmente, realmente los necesita. Esto no sólo hacer que su sitio sea más fácil de leer que también hace que sea más rápido para cargar; redes móviles suelen disponer de conexiones a Internet mucho más lento que el proveedor de servicios de Internet que usa en su casa.

2 Encuentra ejemplos de los principales sitios móviles para tener una idea de cómo quiere que su propio sitio para mirar. página de inicio de Yahoo normal, tiene cientos de enlaces y un montón de historias de noticias, mientras que su sitio móvil cuenta con una historia superior y enlaces a servicios sólo populares, tales como informes del tiempo y las existencias. La página principal móvil-sitio web de Best Buy cuenta con una única búsqueda de productos, un localizador de tiendas y una lista básica de navegación producto.

3 Añadir un nombre de dominio para su sitio móvil. Las convenciones de nombres más comunes son "m.yoursite.com", "mobile.yoursite.com" o "yoursite.mobi". Para los dos primeros, simplemente puede crear un subdominio en su sitio actual a través del panel de control de su anfitrión. Para la tercera opción, tendrá que volver a registrar su nombre de dominio con la extensión "mobi". Lo ideal sería que, ya que los visitantes probablemente no sabrán su improvisada URL móvil, puede crear dos o tres direcciones posibles y dirigir los adicionales para el sitio móvil real.

4 Cree su sitio móvil en todo el diseño que has decidido. Usted tiene algunas opciones diferentes en la manera de ir sobre esto. La forma más rápida es simplemente eliminar de sus páginas todos los elementos de presentación y estilo que los dispositivos móviles pueden quedar atascado o se muestre de forma incorrecta. Usted puede hacer esto mediante la eliminación de las hojas de estilo (o los enlaces a los archivos CSS) de la sección <head> de cada una de sus páginas. Esto hará que todas las secciones en sus páginas se apilan una encima de la otra y quitar todos los elementos de diseño, que se traduce en una navegación sencilla y fácil legibilidad.
También puede obtener ayuda mediante el uso de un código especializado de MikeIndustries, software como Zinadoo, que tiene una versión básica gratuita, o incluso una empresa de diseño móvil especializado como Origami Estudios; ver Recursos más adelante.

5 Publicidad de la versión móvil de su sitio. En su sitio web regular, asegúrese de incluir un enlace a la versión móvil cerca de la parte superior de la página.