Hagamos aplicaciones Android de calidad

...mi código compila sin errores...

... ¡ mi aplicación funciona ! ...

... ¡¡¡ vamos a subirla al market Google Play !!!

¡ ERROR !

los

usuarios

son la

clave

debemos diseñar las aplicaciones pensando en el usuario

• Aplicaciones que quieren a los usuarios • Aplicaciones que odian a los usuarios

• Intuitivos • Convenientes • Sin sorpresas • Invisibles (sutiles) • Fáciles de aprender (mejor que fáciles de usar)

• ¡¡¡ El diseñador !!! - los programadores no tenemos ni idea de diseño - ¿Dejarías a un diseñador tocar tu código? • Diseñador y programador deben ir de la mano

• Que sea usuari@ de Android • Que entienda que diseñar para móviles no es como diseñar una web • Que se haya leído las guías de estilo gráfico de Android • Que conozca los componentes del UI • Que conozca a fondo los tipos de resources

•

Debes olvidarte del “pixel perfect”

•

Los colores nunca serán igual que los de tu photoshop

•

Necesitaremos maquetar en horizontal y vertical TODAS las pantallas (si lo haces bien nos valdrá el mismo)

•

Necesitaremos la misma imagen optimizada para distintas densidades

•

Podemos crear muchos recursos gráficos (degradados, formas, capas...) con simples XML

•

En Android casi todo es personalizable

•

Por cada botón (o similar) necesitaremos varios estados (pulsado, normal, seleccionado...)

•

Podemos crear animaciones para nuestra UI escribiendo XML

•

Tenemos componentes de UI para casi todo, pero si no te convencen podemos hacernos los nuestros

si, pero... ¿cómo mejoro mi aplicación?

• Los tamaños de pantalla son la mayor limitación del usuario • ¡Da soporte a tus usuarios! • Usa • Usa dp en vez de px

• Prepara siempre layouts verticales y horizontales • ¡No fuerces el vertical!

Mi aplicación Android debe funcionar exactamente igual que la versión para iPhone

Los usuarios esperan que las cosas funcionen al "modo Android" (que no es el mismo que el de iPhone)

• "El usuario no se acuerda de las apps que tiene" • Integra tu aplicación en el sistema: ✓

widgets

✓

resultados de búsquedas

✓

filtros de intents...

disp. móvil = teléfono + tablet + .... (no son lo mismo)

• El usuario no siempre tiene red • haz que tu app funcione sin conexión • Usa BroadcastReceivers para conocer cuando la conectividad cambia

• Si usas servicios web... no hagas “pings” todo el rato a tu servidor - Usa versiones de datos - Usa C2DM (notificaciones push)

• No todos los usuarios son iguales • Deja que puedan configurar la app (SharedPreferences)

"toda app debería tener una  pantalla de configuración"  configuración" 

"No me gusta el botón atrás, lo voy a desactivar o modificar su comportamiento”

Deja el botón "atrás" en paz, los usuarios lo conocen y saben usarlo. No modifiques su comportamiento (aprende a manejar la pila de Activity)

• "Los usuarios siempre leen las instrucciones" • Haz que tu aplicación sea sencilla • “¿Has visto algún libro de O'Reilly sobre Angry Birds?”

"Los usuarios siempre saben lo que hacen". El "deshacer es para cobardes"

Permite a los usuarios deshacer (incluso en operaciones de servidor)

• El usuario espera que cuando haya una acción se produzca una reacción • No bloquees la UI (AsyncTask, Thread, Servicios...) • Evita los ANR • Entretén a los usuarios (barras de progreso, animaciones...) • Permite a los usuarios cancelar/posponer •

¡Y hazlo rápido!

"Los usuarios tienen los dedos diminutos"...

"Los usuarios son estúpidos, quieren simplicidad: un simple botón para hacer algo"

Los usuarios quieren claridad, un montón de información y un poco de organización

• Usa todas las herramientas que tengas a tu alcance: - lint - monkey - traceview - hierarchyviewer - ... • Usa test unitarios - Automatiza con  Jenkins (matrices de dispositivos)

• Ajusta el tamaño de las imágenes al mínimo necesario • Siempre que sea posible usa xml en vez de imágenes • Simplifica la estructura de tus layouts (cuantos menos niveles mejor) • Duplica sólo lo necesario

• Usa ActionBar • Usa Fragments • Usa Loaders

• Prepara una buena página de app • Piensa que imágenes pones • Piensa los textos • Sube vídeos • Tradúcela a otros idiomas

¿ preguntas ?

Disclaimer 

La Biblia Android http://developer.android.com/guide/ Guía de estilo es tilo http://developer.android.com/design/ Notificaciones Push Notificaciones http://code.google.com/android/c2dm Google IOsched’11 IOsched’11 (una app que hay que estud iarse) http://code.google.com/p/iosched/

Esta charla está basada en las notas que tomé en el Google Dev Festival de Barcelona 2011. 201 1. Las he complementado con aportaciones propias basadas en mi  experiencia laboral de los últimos años. Para la realización de la misma no se ha maltratado a ningún diseñador (aunque alguno de los que me he tropezado se lo merecían)