Actualmente muchos de los servicios de Google cuentan con iconos distintos en la web como en las aplicaciones de Chrome y Android, cada uno con un diseño, algo que no tiene mucho sentido ya que lo lógico es que el icono de Gmail, Maps, Calendar y cía sean el mismo en Chrome que para Android.

Según filtraciones ésto podría cambiar en un futuro cercano. Google estaría rediseñando sus iconos para que sean los mismos en Chrome y Android, y en vez de seguir las recomendaciones de diseño de iconos de Android estarían usando las directrices de activos visuales de Google para la web.

El nuevo estilo sería conocido internamente como "Moonshine" y daría a los iconos de Android un aspecto más plano, con largas sombras en los elementos destacados. Una fuente familiarizada con los nuevos diseños ha ofrecido una captura supuestamente con una versión preeliminar de los nuevos iconos. Podrían cambiar ligeramente su aspecto final en el caso de que se confirme ese rediseño.

En la web de Google Partners Connect (requiere código de acceso) ya están presentes el nuevo diseño del Calendar, YouTube y Maps, con lo que al menos quedan confirmado que esos iconos son reales, tan sólo faltaría por confirmar si Google los va a añadir en Android.

Vía | Android Police En Xataka Android | Project Hera, integración de los servicios Google gracias a Chrome

La interfaz Holo es bastante apreciada por muchos usuarios para dar una uniformidad general al ecosistema de aplicaciones de Android con un diseño simple, claro y conciso. Ya dieron una lista de virtudes de utilizar la interfaz Holo hace unos años, pero aún hay muchas aplicaciones muy populares que no han apostado por esta interfaz.

Para intentar corregir esto, algunos desarrolladores han decidido aportar su grano de arena y dar la interfaz Holo a algunas de las aplicaciones más populares para que cualquiera que quiera dicha interfaz la aproveche con el grupo Holification Nation. La principal norma es que no puede variar el funcionamiento de la aplicación, solamente hay cambiar los archivos del APK para cambiar el diseño.

El grupo ya ha conseguido adaptar cuatro aplicaciones a esta nueva interfaz con resultados notables, algunos incluso aprovechando la barra transparente de Android 4.4, algo que muchos desarrolladores olvidan poner. el resultado es muy interesante, aunque en algunos casos falta pulir los resultados para que sea más limpio y aprovechen mejor la pantalla.

Por el momento se han hecho solamente cuatro aplicaciones: Instagram, Snapchat, Grooveshark y Steam. El proyecto nación con solamente dos personas, pero tanto el hilo de XDA Developers y la comunidad de Google+ están muy activas y agradecen todo tipo de aportaciones y sugerencias.

Más información | XDA Developers

El portal de compra-venta eBay acaba de actualizar su aplicación para acceder desde dispositivos Android con renovada interfaz adaptable a pantallas tablets y basada en la interfaz Holo.

Dicha actualización pone al día su apuesta por Android facilitando el seguimiento de pujas y compras desde la palma de tu mano. Además también facilita la puesta en venta de artículos pudiendo incluso previsualizar el post de venta antes de ser publicado.

La gran novedad de esta versión llega cuando se accede desde tablets ya que tenemos una interfaz muy clara y enfocada a este tipo de dispositivos. La aplicación anterior tenía una interfaz nativa exclusiva para móviles y con esta podemos acceder con una interfaz completamente rediseñada basada en Holo.

Además, ahora nada más entrar nos encontramos con una portada que muestra información de interés para nosotros basándose en búsquedas anteriores que hayamos hecho y artículos relacionados.

Hace unos días nos hicimos eco de que Google ya tenía lista su propia barra de navegación lateral para Android que ya estaba implementando en sus aplicaciones. Pues bien, ahora la barra de navegación es oficialmente un estándar en Android y Google ya ha ofrecido todas las herramientas y la documentación necesaria para que el resto de desarrolladores la puedan implementar.

Hasta ahora Android no soportaba este componente de navegación, y cada desarrolladores implementaba por sus medios su propia barra de navegación, lo que hacía que en cada aplicación tuviese un diseño y comportamiento distinto, empeorando la experiencia de usuario.

Android Design: Navigation Drawer

En la famosa guía de diseño de Android ya está disponible este nuevo componente llamado Navigation Drawer (en español cajón de navegación) para informar de su funcionamiento y con todas las recomendaciones que tienen que seguir los desarrolladores para su implementación y conseguir así la mejor experiencia de usuario.

Este cajón de navegación aparecerá por encima de la vista principal ya sea deslizando con nuestro dedo desde el borde izquierdo de la pantalla o tocando su icono desde la barra de acciones. Para ocultar la barra se puede hacer de cuatro formas: deslizándola con el dedo hacia la izquierda, pulsando sobre el botón de la barra de acciones, pulsando en el botón Atrás del dispositivo o pulsando fuera de la barra.

Una forma más para la navegación

Google informa que esta nueva forma de navegación no viene a sustituir a las pestañas o a los Spinners (listas desplegables). Es una forma más de navegación destinada principalmente para aquellas aplicaciones que tienen muchas secciones. Además, recomienda que está barra esté accesible desde todas las secciones de una aplicación, no solo en la principal, para que el usuario pueda cambiar entre ellas de forma fácil y rápida sin tener que retroceder entre pantallas.

En la documentación de desarrollo de aplicaciones para Android ya se encuentra explicado el componente Navitagiton Drawer con código y un ejemplo para descargar. Para comenzar a programar con este componente tan solo hay que tener actualizado el SDK con la nueva versión de la librería de soporte. Esa barra de navegación es compatible para Android 4.0 y posterior.

Más información | Android Design En Xataka Android | Google quiere más y mejores aplicaciones de calidad en tablets Android

Con Android 4.0 (Ice Cream Sandwich) se marcaron las bases de la nueva interfaz de Android gracias al tema Holo y a la fuente Roboto, interfaz que fue mejorada con Android 4.1 (Jelly Bean) pero que aún tiene que mejorar bastante según Matias Duarte, encargado de la interfaz y la experiencia de usuario de Android.

Concretamente Matias Duarte ha dicho que aún tienen mucho trabajo por hacer, y que según él, sólo ha conseguido en Android un tercio del camino con respecto a la consistencia, capacidad de respuesta y pulido de la interfaz.

Estas declaraciones son en respuesta a un artículo publicado por nuestros compañeros de Android Police en el que critican las inconsistencias en la interfaz y experiencia de usuario que han encontrando en Jelly Bean, como la confusión del botón atrás, diferentes tamaños en los iconos de las aplicaciones, diferentes diseños en las aplicaciones de Google para hacer lo mismo, o iconos y botones que no hacen lo que deberían.

Os recordamos que la interfaz de Android ganó el primer premio a la plataforma con mejor interfaz en los UX Awards 2012 y hace Matias Duarte apareció hace unos días en una lista de los 50 mejores diseñadores que modelan el mundo.

Vía | Android Police
En Xataka Android | Ice Cream Sandwich gana el primer premio a la plataforma con mejor interfaz en los UX Awards 2012

Una de las charlas que más me impactó (por los sorprendente del tema) de la pasada Google IO 2012 fue la dedicada a la navegación en Android. Una hora entera para explicar a los desarrolladores cómo funciona el botón atrás y la pila de acciones asociadas una vez hemos abierto un par de aplicaciones y hemos navegado entre ellas. Si para eso se necesita una hora algo falla en Android. Que levante la mano quien se haya sentido frustrado al darle al botón atrás en una aplicación y encontrarse en sitio totalmente distinto del esperado, incluso con una acción a medias de realizar. Ojo, esto es culpa tanto de los desarrolladores de aplicaciones como del propio sistema operativo Android.

Puntos de salida de un aplicación Android

Jelly Bean soluciona algunos fallos en ese sentido, pero Android no deja de ser inconsistente para el usuario medio, y mucho más para los que hayan hecho el cambio desde iOS. Quizás son demasiadas distracciones, muchos puntos en lo que podemos salir una aplicación y cambiar a otra. Podemos cambiar fácilmente entre aplicaciones usando el botón de navegación de aplicaciones abiertas, pinchar en una notificación o realizar una acción que nos lleve de una aplicación a otra, por ejemplo, el compartir. Ahora intenta pincha en el botón atrás: el resultado es incierto.

Un nuevo paradigma, sin botones físicos

Google prescindió opcionalmente de los botones físicos, el Galaxy Nexus es un ejemplo del nuevo paradigma con el que nos encontramos. Con esto parecía que la navegación sería más consistente entre aplicaciones, ya era un toque de atención a las aplicaciones que implementaban sus propios botones atrás. Ahora era más evidente que las acciones estaban duplicadas, al encontrarse sobre la misma interfaz (la pantalla) el mismo botón de atrás.

Y hay que decir que la interfaz Holo con su consistente diseño y su apuesta por el action bar ha clarificado bastante las cosas, llevando a otro punto la navegación. La acción de subir arriba, común por ejemplo en el Google Play cuando navegamos entre aplicaciones dentro de un categoría y queremos volver al punto superior de nuestra navegación (la categoría desde donde veníamos). Pero sinceramente, es muy triste ver como muchas aplicaciones Android aun no la implementan y seguimos con problemas del pasado.

Propuesta de usabilidad para el botón atrás

Entre varios expertos en usabilidad se está afianzando cada vez más la idea de dotar de mayor información a la teclas software de navegación que dispone Android. Un ejemplo bastante claro es el de la imagen siguiente donde podemos ver un pequeño icono que nos indica la aplicación a la que volveremos al pincha sobre el botón atrás. Quizá con esto nos acostumbremos mejor a la navegación en Android.

Mas información | Documentación oficial Navegación en Android
Vídeo | Charla navegación en Android (Google IO 2012)
En Xataka Android | Cómo podrían mejorar algunas conocidas aplicaciones Android si aplicarán la interfaz Holo a su diseño

Hace unas horas tuvieron lugar en Nueva York los User Experience Awards 2012, un evento donde se premia a las mejores experiencias de usuario, y Android no ha parado nada mal. En esta edición Ice Cream Sandwich se ha llevado el premio de Oro a la plataforma con mejor experiencia de usuario.

Los esfuerzos de Google por la nueva interfaz y nuevas funcionalidades Android se han visto recompensados por el reconocimiento de los expertos del sector. Ya podemos decir que la interfaz de Android 4.0 (Ice Cream Sandwich) es la mejor. A continuación vemos el vídeo que utilizó Google para promocionar la experiencia de usuario de Android en los premios.

Matias Duarte, responsable de diseño de Android, ha hecho un buen trabajo, a la mayoría de gente le gusta la interfaz Holo, sus colores, animaciones, sus nuevos iconos y la fuente Roboto. Es una pena que la mayoría de fabricantes hayan estado personalizando la nueva interfaz de Android con lo buena que es, aunque por suerte Google les obliga a que tengan el tema Holo de serie para las aplicaciones.

Vía | +Matias Duarte
En Xataka Android | Google amplía la información de Android Design, la guía de diseño de Ice Cream Sandwich

A pesar de que Google con Ice Cream Sandwich está poniendo especial empeño en aconsejar y enseñar a los desarrolladores cómo tiene que diseñar sus aplicaciones usando la nueva interfaz de Holo, parece que muchos diseñadores de interacción de conocidas aplicaciones no se han molestado en echar ni un vistazo a las guías de diseño de Android. Muy mal. Y parece que a corto plazo no veremos un cambio en aplicaciones como Instagram, Twitter o Facebook que hacen caso omiso a las pautas de interacción y directrices de diseño de la interfaz Holo.

Instagram aterrizó en Android sorprendiendo a todos con un diseño clavado a iPhone. Relevando a la inutilidad, por ejemplo, al botón menú y sin respetar algunas de las pautas más básicas de la interfaz de Holo. Por eso motivo, Guenther Beyer, un diseñador de apps móviles esbozó en su Google+ unos bocetos con los que la interfaz de Instagram mejoraría aplicando algunos de los consejos de la UI de Holo.

Tampoco se libra de este juego con bocetos otra de las aplicaciones criticadas por su falta de compromiso con el diseño en Android. Hablamos de Facebook que con los ejemplos de Lewis llewllyn podría mejorar mucho visualmente. Y eso que no hablamos de la parte de rendimiento que al abusar de elementos externos en HTML ralentizan su ejecución como en el timeline.

Por último, ponemos de ejemplo a Twitter. Quizás una de las menos malas en su adaptación a Android que ha respetado algunas cosas, pero que podría mejorar mucho, por ejemplo con el uso de la barra de navegación de pestañas de ICS en lugar de su confusa navegación actual con botones fijas.

Vía | Android UI Patterns
En Xataka Android | Google amplía la información de Android Design, la guía de diseño de Ice Cream Sandwich

Android Design, la guía para diseñar aplicaciones en Android 4.0 (Ice Cream Sandwich) se actualiza con nuevos consejos y recomendaciones para que los desarrolladores sepan cómo funciona y cómo tienen que diseñar sus aplicaciones usando la nueva interfaz Holo.

Han añadido la sección de diseño de la configuración de las aplicaciones en Ice Cream Sandwich en la que explican todos los componentes que tienen disponibles los desarrolladores para los ajustes de sus aplicaciones y como es el nuevo diseño y funcionamiento.

También añaden dos nuevas secciones en el diseño de la navegación para explicar cómo se tiene que comportar la navegación entre aplicaciones o cuando son lanzadas desde un widget o de la barra de notificaciones, mostrando gráficamente lo que debería pasar cuando vamos retrocediendo entre sus vistas con el botón Atrás o cuando pulsamos su acceso directo para ir a la vista principal de la aplicación.

Vía | +Android Developers En Xataka Android | Google publica las plantillas de diseño de Android 4.0 (Ice Cream Sandwich)

Hace poco más de un mes Google lanzó Android Design, una guía de diseño de Android 4.0 (Ice Cream Sandwich) donde explican cuales son y como son los componentes en la nueva interfaz Holo. Desde ese mismo momento muchos desarrolladores pidieron que liberaran las plantillas para así poder diseñar con más comodidad la interfaz de sus apliciones, y así lo acaba de hacer Google, ya esta disponible las plantillas de Android 4.0 (Ice Cream Sandwich).

Las pantillas ya se pueden descargar desde la sección de descargas de la página web Android Design. Por el momento las plantillas están disponibles para las aplicaciones Adobe® Fireworks®, and Omni® OmniGraffle® y para el Adobe® Photoshop® y Adobe® Illustrator® estan disponible los diseños de los iconos y de los controles. En un futuro ampliarán el soporte a más aplicaciones.

Con estas plantillas Google pretende que la tarea de diseñar las aplicaciones sea mucho más cómoda para los desarrolladores. Ahora sólo tienen que abrir estas plantillas con el editor e ir moviendo de sitio los componentes de Ice Cream Sandwich para diseñar sus aplicaciones.

Las plantillas cuentan con la tipografía Roboto, todos los controles, teclados e iconos de Ice Cream Sandwich, y de de diseños de dos móviles y un tablet para ver mejor como quedaría la aplicación.

En el apartado de descargas de la web de Android Design también podemos descargar la fuente Roboto para instarla en nuestro sistema operativo, y podemos descargar un PDF con una muestra de como se ve la nueva tipográfica Roboto en todos sus tamaños y estilos.

Vía | Android Devolopers Blog
Sitio oficial | Android Design
En Xataka Android | Google lanza la guía de diseño de Android 4.0