Interfaces para iPhone y iPad
En esta pequeña muestra, podemos ver todo tipo de tendencias y soluciones muy creativas en lo referente a interfaces de usuario. Echadle un vistazo porque seguro que de aquí sacareis buenas ideas para próximos diseños.
CONTINUAR LEYENDO “Ideas para diseñar Apps para iPhone e iPad” »
Tutorial de jQuery Mobile II. Transición de páginas
Ya hemos visto en Web App con jQuery Mobile. Tutorial I, cómo maquetar una página en HTML, y cómo hacer los enlaces para pasar de una página a otra, pues bien, ahora vamos a ver unos “efectos especiales” para hacer la Web Appmás atractiva.
jQuery Mobile incluye un conjunto de seis efectos de transición entre páginas, basados en CSS y que pueden aplicarse a cualquier vínculo de la página o formulario. Estos efectos los podréis ver en vuestro ordenador si navegáis con Chrome, espero y deseo que en un futuro cercano, podamos utilizar estos efectos también en diseño web tradicional.
También hay que resaltar, que alguna de las transiciones no se ve correctamente con algunas versiones antiguas de Android. En cualquier caso, es obvio que tanto los navegadores de Smartphone como los tradicionales, tendrán que acabar “tragándose” esta tecnología tarde o temprano.
CONTINUAR LEYENDO “Web App con jQuery Mobile. Transiciones de página. Tutorial II” »
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” »
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.
jQuery Mobile
El diseño web específico para móviles es una realidad a la que no podemos dar la espalda.
El usuario de smartphone, no tiene el mismo tiempo, ni el mismo ancho de banda, ni el mismo tamaño de pantalla que puede tener cuando consulta esa misma web cómodamente sentado frente a su ordenador.
Es cierto que teléfonos como el iPhone, o los Android con sus navegadores y zooms, nos permiten ver perfectamente una web convencional, pero la experiencia es mucho más agradable cuando visionamos una web adaptada para estos terminales.
En numerosas ocasiones, al hacer zoom sin querer pulsas un botón o enlace y provocas la acción contraria a la deseada, en definitiva, si puedes, haz una versión mobile para tu web.
Una vez tomada la decisión, se nos plantea qué tecnología usar, podemos hacer un simple HTML adaptado o utilizar el jQuery Mobile, que es lo que nos ocupa al menos en este post y creo que en un futuro bastante largo…
CONTINUAR LEYENDO “jQuery Mobile. Diseña tu web para teléfono móvil.” »
