Diseño para móviles, Diseño Web, iPhone, Mobile.
diseño para iPhone, iPad

diseño para iPhone, iPad

En este blog de diseño web, hemos tratado alguna vez el diseño enfocado a Smartphones, en concreto a iPhone. En esta ocasión pretendo hacer un post que pueda ser un recopilatorio y fuente de documentación para el diseño para iPhone e iPad.

Además de consejos de diseño, podréis descargaros plantillas para diseñar tanto en iPhone como en iPad.

CONTINUAR LEYENDO “Diseñando para iPhone e iPad” »

Share and Enjoy

Comparte este Blog de Diseño Web
10
jun
[2011]
accesibilidad, iPhone, Mobile, Redes Sociales, Social Media, Usabilidad.

Códigos QR

Un código QR (Quick Response Barcode) es un sistema para almacenar información en una imagen.

Fueron creados por Denso-Wave (Japón) en 1994.

Se caracterizan entre otras cosas por los tres cuadrados que se encuentran en tres de sus esquinas y que permiten detectar la posición del código al lector.

Un QR es básicamente un link, un enlace. Al leer un código QR con un smartphone, recibe una orden que abre una dirección web. ¿Por qué hacer esto y no colocar directamente la url?, pues por varios motivos, empezando porque es mucho más llamativo, refleja novedad, tecnología e incita a saber qué hay detrás. Por otro lado, no hace falta teclear, basta con pasar por encima el dispositivo y nos dirige directamente a la información que quiere mostrarnos. También hay que tener en cuenta las largas url’s que se están utilizando últimamente en marketing, ¿para qué teclearlas?.

Los códigos QR se están utilizando cada vez más en Marketing, en tarjetas de visita, en cartelas de exposiciones, en cualquier lugar que nos sirva de enlace a un sitio web en el que ampliar la información con un buen Diseño Web.

Muchas marcas están utilizando ahora estos códigos QR en sus campañas de publicidad, a través de promociones, regalos y sorteos a los que tendrás acceso a través de leer ese código QR.

Yo creo que en principio el código QR debe mostrar contenido exclusivo, dar más información de la marca, dar opción a conseguir acciones que de otra manera no podrían obtener, es decir, conseguir un formato que represente exclusividad aunque al alcance de cualquiera (cualquiera que tenga un smartphone con lector). En la cabecera de este post hay un QR creado por mi, la única manera que tienes de saber a dónde va a dirigirte es leyéndolo, así que… tu verás ¿?.

Hay varias empresas que ya han incluido esta tecnología en sus campañas de marketing. Nissan en las redes para promocionar el Juke, la cadena de almacenes Macy’s para atraer clientes a sus tiendas, al igual que la cadena de ópticas Alain Afflelou, CocaCola con la campaña Coca Cola Music en Alemania,…

Lo cierto es que estos códigos, aunque ya llevan años creados, están todavía por explotar, y seguramente veremos mil y una formas de utilizarlos. De momento, si te apetece generar alguno, aquí te dejo dónde crearlos online gratuitamente, hay muchos, este es uno de ellos.

 

 

Share and Enjoy

Comparte este Blog de Diseño Web
HTML, iPhone, jQuery, jQuery Mobile, Mobile.

La validez de DreamWeaver en diseño web creo que está fuera de toda duda, ahora por si fuera poco la versión CS 5.5 nos permite maquetar webs para teléfonos móviles de una manera fácil y rápida.

Aunque la mayoría de los nuevos smartphones son capaces de ver webs normales en el terminal, utilizando el zoom, la experiencia de usuario es mucho más gratificante cuando se trata de una maquetación específica para móvil, y en este caso quien mejor nos puede ayudar es sin duda jQuery Mobile.

jQuery Mobile te permite crear capas deslizables, o transiciones de página que hace mucho más fluida la navegación y todo ello con la base del HTML convencional.

Esta tecnología nos permite diseñar para la gran mayoría de terminales del mercado, desde iPhone, iPad, android o los últimos BlackBerrys pasando por la mayoría de los antiguos teléfonos móviles.

A continuación os dejo este vídeo de Adobe en el que podéis ver una muestra

Tenéis muchos más ejemplos en ADOBE TV

Share and Enjoy

Comparte este Blog de Diseño Web
Diseño de páginas web, Diseño para móviles, Redes Sociales, SEO, videos.


Internet está cambiando, la forma de uso de la Red ha evolucionado más allá del PC y de la web.
Medialabs ofrece estrategias multicanal que convergen y aportan una forma creativa y eficaz de ver Internet.

Share and Enjoy

Comparte este Blog de Diseño Web
Diseño de páginas web, Diseño para móviles.
Redireccionamiento para iPhone, iPod, iPad

Redireccionamiento para iPhone, iPod, iPad

En este blog de diseño web, hemos hablado varias veces de lo importante que puede resultar tener la web adaptada para su navegación en terminales móviles, y en particular en iPhone.

Lo ideal sería tener una web adaptada a cualquier tipo de navegador, pero es muy grande la diferencia de usabilidad que existe entre el usuario que accede a nuestro contenido a través de su pantalla de ordenador y el que lo hace a través de un terminal móvil. El tamaño de pantalla, la falta de ratón, incluso el tiempo de dedicación, mucho menor que el que pueda tener un usuario desde casa, son algunos de los factores que nos obligan a tener nuestra web adaptada a estos terminales móviles.

A continuación vamos a ver cómo detectar si el usuario accede a nuestra web con un iPhone, iPod Touch o un iPad.

CONTINUAR LEYENDO “Diseño Web para iPhone, iPod, iPad. Detectar navegador.” »

Share and Enjoy

Comparte este Blog de Diseño Web