<!doctype html>
document.body.className+=» js»
Lección 8: Web Mobile, Aplicaciones y Experiencias Interactivas
¿Web Móvil o aplicaciones para móviles?

Hasta aquí, hemos hablado de los aspectos elementales del diseño de una web móvil, y de las diferencias con la versión de escritorio.
Sin embargo, hay una opción más compleja, menos asequible económicamente, pero — según el caso— mucho más conveniente para facilitar el acceso de los usuarios a las empresas o marcas: las aplicaciones para teléfonos móviles.
¿Cuál es la diferencia entre ambas?
Un sitio web móvil está basado en páginas HTML como cualquiera otra, vinculadas, enlazadas entre sí, y accesibles a través de la red. Las aplicaciones móviles son programas que descargan e instalan en los teléfonos móviles de los usuarios, y la información que exhiben reside “en el teléfono”. Las aplicaciones pueden, sin embargo, descargar buena parte de la información que reciben de Internet, como un sitio web (fotos de productos como MercadoLibre, o datos de cuentas bancarias para las aplicaciones de Home Banking), o pueden descargar la información a través de una conexión fiable para que luego se pueda acceder a ella sin conexión.
A tener en cuenta:
El propósito o la finalidad
Al momento de decidir cuál es mejor, conviene tener en cuenta cuál es el propósito general que se quiere lograr con el desarrollo del espacio móvil para el acceso de los clientes y usuarios a la red. Si se está diseñando un juego interactivo, la alternativa obvia implica el desarrollo de una aplicación. Si el objetivo, por otro lado, es ofrecer contenido accesible vía web a un amplio número de personas, entonces quizá convenga emplear un sitio web móvil.
Empezar por lo más fácil
En general, un sitio web móvil tiene que ser considerado el primer paso para desarrollar una presencia en la web, mientas que el desarrollo de una aplicación es útil cuando se trata de cumplir con un propósito muy específico que no puede ser cumplido vía un navegador de Internet. Las aplicaciones son útiles también en casos en que la arquitectura del sitio puede resultar “pesada” para descargar en un teléfono móvil, razón por la cual conviene desarrollar una aplicación para sostener los elementos más pesados de esa arquitectura y dejar abierta la posibilidad de que se conecte a Internet para descargar la información dinámica (por ejemplo, aplicaciones como PedidosYa y MercadoLibre hacen esto).
Las ventajas de los sitios web móviles
Los sitios web móviles tienen varias ventajas que deben contrastarse con los beneficios de las aplicaciones para decidir cuál de los dos vamos a usar.
Inmediatez
Los sitios web móviles están disponibles de inmediato. Sólo basta conocer la dirección y acceder a ellos desde un navegador compatible. Son, además, compatibles con una gran variedad de dispositivos. Esto entraña no sólo las capacidades técnicas de cada equipo (en términos de procesador, memoria RAM o tamaño de la pantalla), sino una compatibilidad general en diferentes sistemas operativos (iOS, Android, BlackBerry). Las apps dependen de su descarga, y antes de ello, de ser aprobadas para figurar en el mercado de aplicaciones desde el cual se descargan.
Compatibilidad
La alta compatibilidad de los sitios web móviles es una ventaja que debe ser recalcada. ¿Por qué? Porque una accesibilidad tal sólo puede lograrse a través de aplicaciones si se diseña una para cada sistema operativo, y más aún, para versiones específicas de éstos (las prestaciones de algunas funciones en las aplicaciones pueden depender de la versión del sistema operativo).
Facilidad de actualización
Los sitios móviles se pueden actualizarse de manera instantánea. Todos los cambios que se quieran implementar, se diseñan y suben al servidor, y son inmediatamente visibles para todos los usuarios que accedan a él a través de sus dispositivos. Por otro lado, las aplicaciones móviles tienen que rediseñarse, modificarse, subirse y esperar que sean descargadas por los usuarios.
Los sitios se encuentran fácilmente
Las páginas de internet aparecen en los resultados de búsqueda y pueden listarse en directorios y bases de datos específicos de un determinado rubro o ramo. Esto quiere decir que son fáciles de hallar por potenciales clientes y consumidores. Las aplicaciones móviles, por su parte, sólo habitan en dos espacios particulares: la tienda de aplicaciones del sistema operativo, y el sitio de la empresa para la cual fue desarrollada.
«Compartibilidad»
Los sitios web móviles se pueden compartir fácilmente entre usuarios y creadores. Sólo hace falta un enlace, y éste puede viajar a través de un sitio web, correo electrónico, publicación en Facebook o tuit en Twitter. Incluso puede figurar su dirección en un anuncio impreso, hasta codificado en código QR para ser accesible de inmediato. Las aplicaciones no pueden difundirse de este modo, y con tanta facilidad.
Alto alcance
Los sitios web móviles alcanzan a una mayor cantidad de usuarios porque son accesibles desde una alta variedad de equipos.
Ciclo vital de las aplicaciones
Mientras que los sitios web habitan los servidores y son accesibles hasta tanto se los desee mantener en línea, las aplicaciones tienen un período de existencia bastante breve en los teléfonos de los usuarios. Son desinstaladas para hacer lugar al almacenamiento de otras aplicaciones en el equipo, y salvo que aporten una funcionalidad distintiva, curiosa, destacable, correrán el destino del olvido.
Costo, tiempo y mantenimiento
Los sitios móviles insumen menos tiempo y dinero, necesarios para su desarrollo. Además, hacer un mantenimiento eficaz de un sitio es mucho más sencillo que mantener actualizadas una variedad de aplicaciones (para distintos sistemas operativos, para distintas versiones, funcionalidades particulares, etcétera).
Experiencias Interactivas: los Códigos QR

Un código QR (Quick Response) es un código de barras bidimensional de formato cuadrado que puede almacenar datos en forma codificada. No es el único código de este tipo, pero sí el más conocido y utilizado.
A través de los QR se puede acceder a distintos contenidos, como sitios web responsivos, folletos digitales, SMS, descarga de juegos, videos, tarjetas personales, etc. Para poder acceder a esos contenidos se debe tener descargado en el celular (Smartphone) un lector de códigos QR.
El QR, marca registrada de Denso Wave Incorporated, es un estándar internacional (ISO/IEC 18004) de código abierto que cualquiera puede usar, ya que su creador ha decidido no ejercer sus derechos de patentes.
Todos sobre los Códigos QR
¿Cómo funcionan?

Personalizaciones
Los códigos QR pueden ser personalizadas y por lo tanto hacen posible que las marcas puedan incorporar su identidad visual en ellos agregándoles su logo, un texto promocional y los colores que la distinguen, por ejemplo.
Al personalizar un QR algunas reglas se deben seguir sobre la estructura de los mismos para que sigan siendo legibles. Para ello se debe recurrir a algún generador de QR ( los hay gratuitos ) que contengan esta posibilidad. De esa manera no habrá inconveniente con su posterior lectura.
Existen agencias de publicidad y estudios de diseño que hacen un trabajo artístico sobre los QR sin recurrir a herramientas automáticas, pero respetando los parámetros de lectura que no deben ser modificados. Se los conoce como QR de Diseño.
Creación de códigos QR
Existen varias herramientas que permiten crear códigos QR de manera rápida, sencilla e incluso personalizada. Entre las más conocidas se encuentran las siguientes:
• QR CodeGenerator: En cuanto se accede a ella aparecen varias opciones, tales como URL, texto, mp3, imagen, email, Facebook o pdf, entre otras, para seleccionar la más adecuada. También puedes escoger entre que sea estático o dinámico.
• Unitag QR: Ofrece la oportunidad de usar plantillas e incluso de personalizarlos a gusto modificando el color o añadiendo un diseño o logotipo. Una buena idea, es incluir un color acorde a la identidad visual la marca.
• QR Stuff: Esta herramienta permite la creación de códigos QR sin necesidad de registro previo. Como ocurre con las anteriores aplicaciones, ofrece la opción de generar códigos QR desde diferentes destinos como URL, vídeos de Youtube, números de teléfono, etc. También permite la personalización del código.
Lectores de Códigos QR
Beetag Reader. Un potente lector que permite leer códigos bidimensionales QR, datamatrix y un código bidimensional creado por la propia empresa BeetagCode.
I.nigma Reader. Uno de los más populares y con soporte para una amplia gama de terminales y plataformas. Este lector permite compartir el código leído fácilmente vía SMS, redes sociales como Facebook o Twitter.
QuickMark Reader. Dispone de soporte para terminales con sistemas iOS, Android, Windows Phone / Mobile y Symbian.El lector también se puede descargar desde la App Store, Android Market y Windows PhoneMarket Place.
UpCode Reader. UpCode ofrece un lector de QR perfecto para terminales Nokia con Symbian. El lector funciona muy bien con cámaras con autofocus e intercciona perfectamente con el terminal y sobre todo interpretando QR con Vcards. Upcode, al igual Beetag Reader, lee además códigos datamatrix y códigos unidireccionales, características que le confieren un gran versatilidad. La descarga se puede efectuar directamente desde el móvil, vía SMS o descargando al ordenador.
Experiencias Interactivas: Realidad Aumentada
La Realidad Aumentada (RA) es una tecnología que permite superponer elementos virtuales sobre nuestra visión de la realidad. Se puede utilizar en computadoras con cámaras y en teléfonos celulares inteligentes.
El término surgió en 1992 cuando el científico Thomas P. Caudell desarrollaba uno de los aviones más famosos del mundo el Boeing 747. En ese entonces Caudell observó que los operarios encargados del ensamblaje de la aeronave perdían demasiado tiempo interpretando las instrucciones y pensó en la RA para guiarlos en su trabajo. La idea no tuvo mayor trascendencia en ese momento.
Con los años y aún con mucho futuro por delante, la RA está siendo utilizada con éxito en Educación, Turismo, Marketing y Publicidad, y Entretenimiento.

Funcionamiento
La Realidad Aumentada es ya muy popular en Apps que funcionan en todo tipo de teléfonos inteligentes ( Smartphones) y Tablets. Además de funcionar en Smartphones, se puede aplicar en computadoras con cámara de vídeo, un monitor y un software especial instalado.
Los Marcadores
Siempre que se hable de una app de Realidad Aumentada se tendrá en cuenta a los marcadores o markers.
Un marcador es una pieza gráfica ( un código, una fotografía, un libro, una revista, un dibujo…) que el Smartphone, Tablet o computadora detectará para activar la tecnología de Realidad Aumentada y poder vivir esa experiencia.
El marker ayuda al dispositivo a colocar correctamente un objeto en Realidad Aumentada en el espacio real.

La experiencia de la Realidad Aumentada

Actividad de Video interactivo
com/watch?v=j9f1HHoo4Rg&ab_channel=Cyberclick%E2%80%A2MarketingDigital
//<![CDATA[
var InteractiveVideo = {"slides":[{"type":"singleChoice","question":"
¿En dónde se ve principalmente el beneficio de un sitio web diseñado con los móviles y tablets en mente?
«,»answers»:[[«Suele ser más elegante o bonito»,0],[«Es más fácil de navegar y recorrer»,1]],»startTime»:116},{«type»:»multipleChoice»,»question»:»
Los tiempos de carga son importantes porque…
«,»answers»:[[«Es más probable que los usuarios compren en una página que carga rápido»,0],[«Mejora la atención de nuestros visitantes»,1],[«Maximiza la posibilidad de que nuestro mensaje llegue a quien queremos»,1],[«Promueve una acción de compra»,0],[«Es más probable que los usuarios interactúen con nuestra página o publicidad»,1]],»startTime»:190},{«type»:»singleChoice»,»question»:»
Listar nuestros datos de contacto, ¿es una forma de mejorar el engagement de nuestros usuarios con nuestro contenido?
«,»answers»:[[«Sí»,0],[«No»,1]],»startTime»:262},{«type»:»multipleChoice»,»question»:»
Pautas de diseño a tener en cuenta:
«,»answers»:[[«Legibilidad»,1],[«Velocidad de carga»,0],[«Información abundante»,0],[«Textos esquematizados»,1],[«Tipografías claras»,1],[«Uso frecuente de imágenes y multimedia»,1]],»startTime»:341},{«type»:»singleChoice»,»question»:»
¿Qué factores del uso del móvil determinan el modo en que debemos presentar los contenidos?
«,»answers»:[[«El tamaño de la pantalla»,0],[«El contexto en el cual miramos información en el teléfono»,0],[«La ansiedad de los usuarios de teléfonos móviles»,0],[«Todas las anteriores»,1]],»startTime»:457}],»i18n»:{«start»:»Inicio»,»results»:»Resultados»,»slide»:»Diapositiva (fotograma)»,»score»:»Puntuación»,»seen»:»Visto»,»total»:»Total»,»seeAll»:»debe ver todo el contenido y contestar a las preguntas»,»noSlides»:»El vídeo no tiene contenidos interactivos.»,»goOn»:»Continuar»,»error»:»Error»,»dataError»:»Código no compatible»,»onlyOne»:»Sólo un vídeo interactivo por página.»,»cover»:»Portada»,»fsWarning»:»Salga del modo pantalla completa (tecla Esc) para ver la diapositiva»,»right»:»¡Correcto!»,»wrong»:»Incorrecto»,»sortableListInstructions»:»Pinche y arrastre o use las flechas.»,»up»:»Subir»,»down»:»Bajar»,»rightAnswer»:»Respuesta correcta:»,»notAnswered»:»Por favor termine la actividad»,»check»:»Comprobar»,»newWindow»:»Ventana nueva»}} //]]>
Licencia: licencia propietaria