Enlaces interesantes 13 octubre

Clasificado como MiniPost el oct 13th, 2011 | Sin comentarios

HTML5 y sus implicaciones SEO –
14. “Como hemos rodado el Videoclip del verano 2011″ « Camaradiez –
Cómo se hacían los videojuegos en los años ochenta | –
Launchlist – Your one stop website checklist! – Lista de detalles a comprobar antes de lanzar tu website
Official Usability, UX & UI Guidelines From Companies | Usability Geek –
10 consejos para trabajar en remoto « Pensando en Red –
Mobile Web and App Development Testing and Emulation Tools – Speckyboy Design Magazine –
10 Essential Toolkits for iPad Wireframing –

Diseñando para dispositivos móviles: Responsive Web Design y Hand per Device

Clasificado como Diseño, Noticias, programacion, Tablets Pc el oct 11th, 2011 | 2 comentarios

Una de las tendencias en el diseño web para dispositivos móviles (smartphones, tablets, etc…) es el “Responsive Design” o “Diseños webs sensibles”, que no es más que la respuesta a la gran fragmentación de dispositivos, cada uno con una resolución y características de pantalla propias.

Como indican el artículo de genbetadev, el “Responsive Design” es una forma de diseñar las webs usando diseños flexibles que se adaptan a los dispostivos, incluso cambiando la distribución de los elementos usando técnicas de diseños fluidos (tamaños de los objetos proporcionales), mediaquerys (carga de css según característica del dispositivo) y adaptación del tamaño de las imágenes. Se busca realizar diseños que se adapten tanto a una pantalla de escritorio, portatil, smartphone y tablets. Una labor que me antoja casi imposible. Como con muchos diseños fluidos te das cuenta de que para que se vea “decente” a todos los tamaños, no se a ver bien en ninguno.

Usar “Responsive Web Design” en una horquilla tan grande de dispositivos es demasiado complicado y olvidamos que no se trata solamente de un cambio de diseño por dispositivo sino que cada uno de ellos se usa de forma diferente y se le da usos diferentes. Ahí dónde nos va a ayudar un concepto tan sencillo como el “Hand por Device” o “Manos por dispositivo”, haciendo subgrupos en os que si podremos aplicar técnicas de “Responsive design”.

Hugo Manilla habla del concepto “Hand per Device” en su presentación: HANDS PER DEVICE. An Alternative approach to optimizing web content delivery and interaction for multiple plataforms (descarga en PDF)

El concepto es sencillo: segmentar los tipos de dispositivos por “manos necesarias para controlarlo”, por lo que al final nos quedaría 4 grandes grupos:

Ordenadores Personales: de sobremesa, portátiles, netbooks, etc…
Tablets: iPads, tablets androids, etc…
Smartphones: Androids, iPhones, etc…
Set Top boxes: televisores con conexión a internet, apples Tv, etc…

Cada uno de los grupos tiene en común la forma en que controlamos el dispositivo: teclado y ratón en el caso de los ordenadores de sobremesa, pantallas táctiles en tablets y smartphones pero con distinto tipo de pantallas y mando a distancia y pantallas grandes, usando mínimo scroll.

Son 4 grupos muy diferenciados en los que varía mucho el tipo de tecnología que podemos utilizar, por lo que una adaptación solamente basada en CSS y diseño fluido se queda corta, siendo necesarios desarrollos un poco más complejos pero en los que podemos aprovechar el tipo de uso y navegación de cada dispositivo y así crear experiencias de usuario más ricas para cada uno de ellos.

Enlaces:

2 comentarios

Enlaces interesantes 29 septiembre

Clasificado como MiniPost el sep 29th, 2011 | 3 comentarios

Enlaces interesantes 29 septiembre

3 comentarios

Amazon presenta sus nuevos modelos de Kindle

Clasificado como Libros el sep 28th, 2011 | 6 comentarios

Hoy los rss están llenos de noticias sobre los nuevos modelos de Kindle presentados por Amazon. En la web de Amazon podemos ver que la gama se ha ampliado con varios modelos: uno básico (Kindle), otro con pantalla táctil (Kindle Touch) y un tablet en color de 7″ (Kindle Fire). En la web vemos que ha desaparecido el Kindle DX, el de más tamaño.

Aparte de la presentación de los dispositivos en sí, hay varios detalles interesantes:

Teclado fuera. El básico carce de teclado y el touch, me imagino que tendrá un teclado en pantalla o quizás ni eso. Tampoco pasa nada, creo que lo he usado… ¿para probar el navegador web?
Nuevo servicio de publicidad. Si os fijáis, hay varias modalidades de precio en cada dispositivo: Con ofertas especiales y sin ofertas especiales, siendo más cara esta última opción. La diferencia es que al aparecer el salvapantallas, en lugar de mostrar imágenes aleatorias aparecerá publicidad, así como en la parte inferior de la pantalla (esto me gusta menos). Si escogemos la opción más barata (kindle básico y con publicidad), el aparato se queda en 58€. Vamos, casi regalado.

El lanzamiento está previsto para el 21 de Noviembre y en EEUU. Para los que aún no tienen un lector de e-books y se están planteando la compra de un lector, el kindle se afianza y es que ya no da un paso más… da un salto! Para los que ya tenemos lector de e-books, podemos seguir tranquilamente con nuestros dispositivos ya que al final, por muchas características nuevas que tengan los nuevos aparatos, se trata del íntimo acto de leer y una vez se cumplen unos mínimos, el uso que se le puede dar es mucho las largo que a otros dispositivos.

Más info

6 comentarios

Infografía: Las propiedades CSS3 más interesantes

Clasificado como programacion, tutoriales el sep 24th, 2011 | 2 comentarios

Infografía con las propiedades CSS3 más importantes.
Aunque no las soportan los navegadores antiguos, los navegadores de smarphones las suelen soportar sin problemas ya que hay más rotación de dispositivos y no tiene que soportar los caprichos de Internet Explorer.

Utilizando estas propiedades te puedes ahorrar photoshop para casi todos los efectos visutales “2.0″ ya que el propio navegador ya los soporta: bordes redondeados, opacidad, sombras, degradados, etc… con las ventajas de carga en los dispositivos móviles y en agilidad de el desarrollo: