Skip to main content

¿Apps o webapps? (es)

Cuando una Marca se refiere al m-commerce, variante móvil del e-commerce, debe tomar muchas decisiones. Una de las más relevantes es decidir si se queda únicamente con la versión RWD (Responsive Web Design) o si debe complementarla con una aplicación móvil. En realidad una de las principales ventajas de tener una App es la de tener un acceso directo a productos y/o servicios sin necesidad de conectarse a la web. El icono de nuestra Marca entre las apps del usuario sirve de recordatorio para el cliente. Nuestra Marca está ahí, convirtiéndose en un servicio de fidelización al cliente si hacemos buen uso de las notificaciones push de los dispositivos.

paso1_google_addmira

La app permite hacer algunas cosas que la web no… el problema es el coste a asumir por parte de la Marca. Sin embargo no tenemos porqué rehusar a tener nuestra marca en el dispositivo del usuario. Teniendo en cuenta que varios estudios han demostrado que los consumidores que emplean la app de la marca son más regulares y leales, ¿porqué no implementarla en el dispositivo del usuario?

¿Porqué rehusar a tener nuestra marca en el dispositivo del usuario?

La posibilidad de crear un icono de Marca que se pueda añadir a la pantalla de inicio de un iPhone o iPad para una página web o una WebApp, con distintos tamaños, efectos, sombras y brillos existe.

Prepara 3 imágenes:

  • iPhone: 57×57 píxeles
  • iPhone 4 alta resolución y posteriores: 114×114 píxeles
  • iPad: 72×72 píxeles

Nombralas como:

  • apple-touch-icon-57×57.png para el iPhone
  • apple-touch-icon-114×114.png para el iPhone 4 alta resolución y posteriores
  • apple-touch-icon-72×72.png para el iPad

O si las quieres sin efecto o los que hayas creado:

  • apple-touch-icon-precomposed.png si sólo hacemos un icono por defecto
  • apple-touch-icon-57×57-precomposed.png para el iPhone
  • apple-touch-icon-114×114-precomposed.png para el iPhone 4 alta resolución y posteriores
  • apple-touch-icon-72×72-precomposed.png para el iPad

Luego añade una pequeña parte de código en la cabecera de tu web (antes del final del )

Con efectos:
< link rel="apple-touch-icon-precomposed" href="/nombre-del-icono.png" />
< link rel="apple-touch-icon-precomposed" sizes="114x114" href="/nombre-del-icono-iphone4.png" />
< link rel="apple-touch-icon-precomposed" sizes="72x72" href="/nombre-del-icono-ipad.png" />

Sin efectos:
< link rel="apple-touch-icon" href="/nombre-del-icono.png" />
< link rel="apple-touch-icon" sizes="114x114" href="/nombre-del-icono-iphone4.png" />
< link rel="apple-touch-icon" sizes="72x72" href="/nombre-del-icono-ipad.png" />

Ernesto Lapuente

Author Ernesto Lapuente

More posts by Ernesto Lapuente

Leave a Reply

2 × dos =

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Addmira todos los derechos reservados.