¿Cómo diseñar una buena Aplicación para dispositivos móviles?
description
Transcript of ¿Cómo diseñar una buena Aplicación para dispositivos móviles?
Consejos para haceruna buena App
First launch experience
1
Las buenas web y apps de mobile tiene
bastantes similitudes. Ambas necesitan
enganchar al usuario o al visitante
instantáneamente.
Si fallan, se van a la competencia con
un par de clicks. La mayoria de los
usuarios NO pierden tiempo
averiguando como utilizar tu app o leer
un manual complicado.
Las 3 preguntas claveen la primera pantalla de toda App
Donde estoy?
Qué puedo hacer?
Qué más puedo hacer?
Gowalla
Gowalla tiene un primera pantalla atractiva. Un pasaporte que se abre lentamente, dando acceso instantaneo a tu información personal, sugerencias instantaneas y más acciones y notificaciones..
Competidor de Foursquare. Ahora propiedad de Facebbok
Cada entrada es valiosa
2
Piensa por un momento sobre cómo realmente
utilizas tu dispositivo móvil: el teléfono de un
programador esta seguro sentado en su dock en
la mesa, conectado a un PC con un gran teclado.
Ahora piensa sobre como el resto del mundo está
utilizando el smartphone: caminando con él por
una calle llena de gente con un café en una mano
y el móvil en la otra, intentando averiguar cuál es
el resultado de su equipo, entre la ultima reunión
y la siguiente.
La mayor parte del tiempo la gente sólo tiene el
dedo gordo para navegar por tu app. Olvida el
multitouch y métodos de entrada complejos
similares – scroll , flip y touch son tus amigos.
Deja que la gente navegue de pantalla a pantalla y
de información a información rápidamente , sin
necesidad de remangarse los brazos. Y permiteles
hacerlo rápido. Cada entrada (input) cuenta.
Taskos
Puedes añadir una nueva tarea a Taskos con solo un touch (y tecleando algo, obviamente).
Justo después se pueden configurar muchos settings , pero es una opción.
App para creación de tareas
Contraste
3
Mientras tu entorno de programación puede ser
una pantalla bien grande en una habitación con
suficiente sombra, el lugar dónde tus usuarios
utilizaran tu app puede no serlo.
Necesitamos utilizar nuestros móviles muy
frecuentemente en dias soleados. Esto tiene una
gran influencia en cómo vemos la pantalla y cómo
la interfaz debe ser diseñada. Los detalles se
pierden , los colores no pueden ser distinguidos
uno del otro.
Algunos elementos completamente desaparecen
debido a los reflejos. Los elementos importantes
deben tener suficiente contraste para ser
reconocidos en condiciones de luminosidad alta.
Da a tu interfaz una jerarquia clara mostrando las
características más útiles bien grandes y
brillantes. Borra todo lo que no sea importante
completamente de tu app.
SoundHound
Aunque hay muchas opciones presentes en la pantalla de SoundHound, la función principal se muestra claramente en la parte de arriba de la interfaz.
App para detección de canciones
No Wait
4
Nadie quiere esperar, especificamente en el
mundo móvil. Llevamos nuestros dispositivos en el
metro, responder un email rápido en el bus, o
vemos el tiempo mientras caminamos por la calle.
Hacemos estas pequeñas cosas según
caminamos a otros sitios, para ganar un poco más
de tiempo libre para las cosas que realmente nos
gustan hacer. No permitas que la gente de tu app
espere por hacer una determinada cosa. Mejora el
rendimiento de tu app para conseguir resultados
lo más rápido posible.
Landscape(orientación wide)
5
Google Reader
La app de Google Reader muestra un pequeño spinner arriba ala derecha cada vez que se esta haciendo loading en el background, asi sabes que debes esperar unos segundos para obtener resultados.
A veces olvidamos algunas cosas que diferencian
estos celulares de los antiguos. Mientras muchos
están conformes con las Apps de una forma,
existen otros que las prefieren en formato
horizontal para aprovechar el teclado QWERTY.
No cometas el error de pensar que la orientación
Wide es sólo para ensanchar la vista. Debe ser
una experiencia totalmente diferente para el
usuario, tanto en la diagramación como en la
interacción de los objetos.
YouTubeComienza creando una pantalla bien estructurada según su orientación. Luego crea la segunda. Debes considerar los pro y contras de ambas, usa sus beneficios sabiamente.
Youtube usa ambas orientaciones logrando una perfecta adaptación según orientamos nuestro equipo.
Ecosistema Apps
6
No trates de inventar la rueda. El teléfono ya hace
muchas cosas fuera de la caja y los usuarios están
familiarizados con muchas de las Apps de uso
genérico.
Considera que el usuario no utilizará solamente tu
app sino que podrá combinarla con las funciones
propias de cada teléfono. Si la aplicación es de
uso indispensable, será parte de la rutina diaria
convirtiéndose en un “basic” y logrará integrarse
también con otras aplicaciones.
Compartir
Muchas Apps se enganchan directamente con el mecanismo de compartir. Debemos usar esto como ventaja.
Tu App: Única
7
Existen más de 200.000 apps en el mercado.
No asumas que no hay espacio para otra gran
app. La gente siempre busca y prefiere cosas
diferentes.
Cada app debe tener un carácter propio que se
ajusta con los intereses de los perfiles a los cuales
se orienta. Toma un problema que ya tiene una
excelente solución. Ahora piensa qué cambio
necesita para que su perspectiva sea
completamente novedosa y cambie la app original.
FeedlyFeedly es otro lector de noticias con integración Google Reader, pero usa un estilo de presentación de revista muy pulcro que se distancia de otras apps similares.
Test Lab
8
Las grandes empresas gastan mucho dinero en
profesionales expertos en usabilidad que realizan
prueban en laboratorios para probar la
funcionalidad de la app.
No es un excusa para los pequeños empresarios.
Podemos hacer mucho a través de las versiones
“beta” que incorporan campos para que los
usuarios comenten a cerca de la app. Usar los
círculos de amigos y contactos es también una
buena idea para probar el uso de la app.
App Market
9
Una descripción de la aplicación.
Icono en SD o HD.
Banner promocional para el Market.
Una descripción más detallada de la app con
capturas de pantalla para las versiones web.