Upload
ficiverson
View
353
Download
0
Embed Size (px)
Citation preview
¡¡Android es muy cool!!Fernando Souto GonzalezCorreo: [email protected]: @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!!