¿Apps o webapps?

Quan una Marca es refereix al m-commerce, variant mòbil de l’e-commerce, ha de prendre moltes decisions. Una de les més rellevants és decidir si es queda únicament amb la versió RWD (Responsive Web Design) o si ha de complementar-la amb una aplicació mòbil. En realitat una de les principals avantatges de tenir una App és la de tenir un accés directe a productes i / o serveis sense necessitat de connectar-se a la web. La icona de la nostra Marca entre les apps de l’usuari serveix de recordatori per al client. La nostra Marca està aquí, convertint-se en un servei de fidelització al client si fem bon ús de les notificacions push dels dispositius.

paso1_google_addmira_cat

L’app permet fer algunes coses que la web no … el problema és el cost a assumir per part de la Marca. No obstant això no tenim perquè refusar a tenir la nostra marca al dispositiu de l’usuari. Tenint en compte que diversos estudis han demostrat que els consumidors que fan servir l’app de la marca són més regulars i lleials, per què no implementar-la en el dispositiu de l’usuari?

Perquè refusar a tenir la nostra marca al dispositiu de l’usuari?

La possibilitat de crear una icona de marca que es pugui afegir a la pantalla d’inici d’un iPhone o iPad per a una pàgina web o una WebApp, amb diferents mides, efectes, ombres i brillantors existeix.

Prepara 2 imatges:

  • iPhone: 57×57 píxels
  • iPhone 4 alta resolució i posteriors: 114×114 píxels
  • iPad: 72×72 píxels

Anomena com:

  • apple-touch-icon-57×57.png per l’iPhone
  • apple-touch-icon-114×114.png per l’iPhone 4 alta resolució i posteriors
  • apple-touch-icon-72×72.png per l’iPad

O si les vols sense efecte o els que hagis creat:

  • apple-touch-icon-precomposed.png si només fem una icona per defecte
  • apple-touch-icon-57×57-precomposed.png per l’iPhone
  • apple-touch-icon-114×114-precomposed.png per l’iPhone 4 alta resolució i posteriors
  • apple-touch-icon-72×72-precomposed.png per l’iPad

Després afegeix una petita part de codi a la capçalera de la teva web (abans del final del < head/> )

Amb efectes:
< 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" />

Sense efectes:
< 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" />

Author Ernesto Lapuente

More posts by Ernesto Lapuente

Leave a Reply

thirteen − eight =

Aquest lloc utilitza Akismet per reduir el correu brossa. Aprendre com la informació del vostre comentari és processada

Addmira todos los derechos reservados.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

Acepto los terminos 
Aviso de cookies