Contenido del curso
Lección 8: Web Mobile, Aplicaciones y Experiencias Interactivas
Lección 8: Web Mobile, Aplicaciones y Experiencias Interactivas
0/1
Prueba

<!doctype html>

document.body.className+=» js»

Saltar la navegación

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.

Experiencias Interactivas: los Códigos QR

Ucó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

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

0% Completar