¡¡Android es muy cool!!Fernando Souto GonzalezCorreo: fernando@appeiros.comTwitter: @ficiverson

Quién soyExperimentando con Android desde 2009 (htc magic )

Fundador de Appeiros

Geek a tiempo parcial

“Mi android lleva Cyanogenmod nightly-20130408”

Hoy hablaremos de...

La revolución de Android 4.0

Patrones de diseño

Mola y no mola

DIY

La revolución de Android 4.0

Smartphone y tablet

Cambios Android 4.0

Desaparece el incómodo botón menú

El botón atrás se ve reforzado

Botón para abrir las apps recientes

Todo se resume en Action Bar

Ejemplo de interfaz

Action Bar: el cuadro de mando.

Spinner menu: cambios de vista.

Contenido (swipeable?)

Split action bar: otras acciones

¿Cómo hago para dar compatiblidad?

LibreríasNo vamos a reinventar la rueda

Aprovehcar al máximo la comunidad

Support package de Google

SerlockActionBar

http://actionbarsherlock.com/

ViewPagerIndicator

http://viewpagerindicator.com/

Pratones de diseñoHaz que tu app sea genial pero que sea

¡¡pure Android!!

Principios básicos

Haz una interfaz consistente con el ecosistema

Cuida los patrones de diseño móvil

Simplifica mi vida

Haz que sólo se vea lo que necesito

Haz tu app responsive

Cuida de tus hermanos pequeños

ldpi mdpi hdpi xhdpi

small

normal

large

xlarge

1.7% 1.0%

0.4% 11% 50.1% 25.1%

0.1% 2.4% 3.6%

4.6%

750 millones * 2% = 15 milones de dispositivos

Portrait vs Landscape Tú decides como quieres que se vea tu app

Dar soporte de giro no es rotar la interfaz

En general sólo hace falta Portrait

“El diseño no es sólo como se ve. El diseño es

como funciona”lo dijo un gurú

Usa los patrones

Action Bar

Multi-pane Layout

View pager - Scrollable Tabs

Quick Actions

Drawer

Un patrón de diseño es una solución general reusable para problemas recurrentes

Action Bar

Substituye a la fea barra gris

Persistente en la app

Hace que las acciones frecuentes sean accesibles

Aconsejable para búsquedas y menus

Incluye el icono y navegación

Librería: ActionBarSherlock

Multi-pane Layout (I)

Permite tener un único apk para smartphone y tablet

Representa una porción de una Activity

Conseguiremos código modular y reusable

Se contruye a través de bloques llamados Fragments

Multi-pane Layout (II)

Tiene ciclo de vida muy similar al de una Activity

Exiten varios tipos:

Dialog Fragment

List Fragment

Preference Fragment

Multi-pane Layout (yIII)<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="horizontal"    android:layout_width="match_parent"    android:layout_height="match_parent">    <fragment android:name="com.example.news.ArticleListFragment"            android:id="@+id/list"            android:layout_weight="1"            android:layout_width="0dp"            android:layout_height="match_parent" /></LinearLayout>

Scrollable tabs - View Pager

Permiten navegar horizontalmente entre las diferentes “pestañas” de la aplciación

Permiten tener sólo lo necesario en pantalla

Existe una librería llamada ViewPagerIndicator que nos facilita mucho la labor

Tiene compatibilidad total con HOLO tema de Android 4.0

Scrollable tabs - View Pager

Quick Actions

Menu contextual que no cubre la vista que lo lanza

Fácil acceso a funcionalidades contextuales extra del elemento

Útil también para ampliar información al estilo tooltip

DrawerEs un estándar desde que lo usó facebook

Aprovecha la pantalla al 100%

Es probablemente la manera más intuitiva de tener un menu

@Override el botón menú

https://github.com/jfeinstein10/

Recomendación

Mola y no molaGuía de buenas prácticas

Algunos consejos

Iconos grandes y espaciados

Utilizar dpi

Crear versiones de los recursos

Controlar el giro convenientemente

Usar iconos de otras plataformas

Usar Bottom tab bar

Mostrar el botón back en pantalla

Mostrar flechas para introducir contenido

Mola No Mola

Algunos consejos

Seguir los patrones de diseño

Manejar el ciclo de vida de la Activity

Usar iconos nativos

Trabajar con un diseñador ASAP(As Soon As Possible)

LLenar la app de modal windows

Letra pequeña

Override botón atrás

Reinventar la rueda

Utilizar siempre el mismo teclado

Mola No Mola

Mola

DIY(Do It Yourself)Vamos a construír la app que cambiará el mundo

Ecosistema (I)Más de 1.300.000 nuevos usuarios al día

Aportar valor al ecosistema

Pocos desarrolladores individuales utilizan los patrones de diseño de Android

Muchas apps con poca calidad

Margen de mejora muy grande

Ecosistema (yII)

Los usuarios perciben la baja calidad por eso no están dispuestos a pagar

La barrera del pago se romperá gracias a apps como Whatsapp

y tú, ¿Qué vas a hacer?

Gracias :)Si no hay preguntas, ahora ¡¡os toca a vosotros!!