danielnavarrorojo@hotmail.com

danielnavarrorojo

danielnavarrorojo.wordpress.com

dnavarrorojo

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.