Skip to main content

¿Apps o webapps?

By 07/07/2015octubre 11th, 2016No Comments

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" />

Ernesto Lapuente

Author Ernesto Lapuente

More posts by Ernesto Lapuente

Leave a Reply

4 − four =

Aquest lloc utilitza Akismet per reduir els comentaris brossa. Apreneu com es processen les dades dels comentaris.

Addmira todos los derechos reservados.