prucommercialre.com


Mobile Web Design Cheat Sheet

A medida que comience a pensar en la mejor manera de diseñar la versión móvil (o versiones) de su sitio Web, considere los desafíos únicos de la web móvil. Estas son algunas consideraciones importantes a tener en cuenta al diseñar sitios de la Web móvil:

  • Asegúrese de que su diseño encaja en pantallas pequeñas.
  • Limitar imágenes y texto para las páginas se cargan rápidamente, incluso a velocidades de conexión lenta.
  • Crear vínculos y otras opciones de navegación que son fáciles de hacer clic en un (grasa) dedo, lápiz u otras opciones de entrada limitada.
  • Sus visitantes tienen una necesidad urgente de información. Muchas personas recurren a la web móvil, porque tienen que hacerlo. Sus visitantes pueden perderse, tarde, o realmente necesitan saber que ganó el Super Bowl en 1987 para ganar una apuesta bar.
  • El tiempo y el lugar importa. Dona € t olvidar que los usuarios tienen acceso a algo más que su sitio web y que sus acciones son susceptibles de ser afectados por dónde están, qué hora del día, e incluso si ita lluvia € s.

Elija una Estrategia Mobile Web Design

Su enfoque para diseñar un sitio web móvil depende de su contenido del sitio, sus recursos y su público. Los siguientes consejos pueden ayudarle a entender las posibles estrategias de diseño web móvil y elegir uno que funcione para usted:

  • Crear una versión simple de su sitio: Esta estrategia asegura que el mayor número de visitantes a su sitio puede al menos obtener la información más importante en su sitio (como su número de teléfono cuando theyâ € re en su camino a su oficina). Asegúrese de que el diseño trabaja en incluso de gama baja los dispositivos móviles y enlazar con él desde su sitio de escritorio. El sitio Web http://mobilynx.net, que se muestra en la figura, está diseñado para funcionar en una variedad de dispositivos móviles y ofrece una colección organizada de enlaces a otros sitios diseñados para la web móvil.

    Mobile Web Design Cheat Sheet

  • Diseñe varias versiones: Muchos diseñadores crear diferentes versiones de un sitio Web y visitantes entonces automáticamente directos a la versión que mejor se ha optimizado para su tamaño de pantalla y las funciones compatibles con su teléfono o dispositivos.

    Si usted tiene el tiempo, experiencia, o el presupuesto, el diseño de las diferentes versiones de su sitio web, cada uno optimizado para los diferentes tamaños y capacidades de los diferentes dispositivos, es la mejor estrategia.
  • Utilice la adaptación de contenido: Básicamente, se crea un diseño de sitios Web y luego adaptarlo a cada dispositivo. Así, la estructura básica del sitio será el mismo en todos los dispositivos, pero los elementos específicos, como el tamaño de las imágenes o la aparición de vídeos cambiará en función de lo que el dispositivo puede soportar.

    Al desarrollar un sitio utilizando el enfoque contenido adaptación, buenas prácticas ita € s para iniciar la creación de una estructura metálica, una especie de modelo para el diseño de su sitio, como se muestra en la figura

    Mobile Web Design Cheat Sheet

  • Diseño de una versión de gama alta: Esto funciona si conoce sus visitantes usan principalmente una alta gama iPhone o Droid, el nombre utilizado para los teléfonos que funcionan con el sistema operativo Android Googleâ € s. Sitio Web de Fotografía Jasper € s Johalâ, se muestra en la figura, se ve bien en un iPhone y un ordenador de sobremesa.

    Mobile Web Design Cheat Sheet

Utilice basados ​​en la localización motores de búsqueda para móvil

La búsqueda móvil se está convirtiendo en el próximo gran campo de batalla hiper-competitivo. Todos los sospechosos de siempre ya están ahí, slugging a cabo por la cuota de mercado, pero otros, motores de búsqueda, más especializados de localización móvil están surgiendo con la esperanza de labrarse un nicho para sí mismos. Éstos son algunos de los principales actores:

  • AOL Mobile: http://wap.aol.com
  • Ask.com móvil: http://m.ask.com
  • Bing móvil: http://m.bing.com
  • Find.Mobi: http://find.mobi
  • Google Mobile: www.google.com/m
  • Taptu: http://m.taptu.mobi
  • Yahoo! Mobile: http://m.yahoo.com