lunes, 29 de junio de 2015

Wireframe Sketcher, la mejor opción para realizar un wireframe

A la hora de elegir una herramienta para dibujar los wireframes para unas nuevas aplicaciones la verdad es que tenía muchas dudas por el tipo de herramienta que utilizar y quería una que:
  • Fuera sencilla e intuitiva.
  • La curva de aprendizaje no fuera muy grande.
  • Fuera muy rápido ir creando nuevas pantallas.
  • Tuviera la opción de crear aplicaciones para distintos dispositivos como tablets, móviles tanto iOS como Android o versiones web de aplicaciones de escritorio.
Además, me preocupaba también por lo poco que conocía el mundo de los wireframes:
  • Los distintos tipos de información que sería mostrada en cada ventana dependiendo de si es un texto.
  • La cantidad de las funciones disponibles para realizar en una posible demo como el efecto de un popup.
  • Como podría realizar prioridades relativas de la información y las funciones
  • Las reglas que establecería para presentar ciertos tipos de información
  • El efecto de los distintos escenarios en la pantalla como por ejemplo cuando un usuario está o no logado, cuando una búsqueda da un errar o cuando realizas un logout.

Por casualidad buscando en Google di con Wireframe Sketcher que desde los primeros 30 minutos que empecé a probarlo me encantó porque tenía todo lo que pedía y sobre todo destacaría:
  • Lo fácil que es realizar transiciones entre las distintas pantallas desde el momento que creas el link entre pantallas hasta cuando estás pasando de una pantalla a otra mientras estás trabajando.
  • Está preparado para versiones Android, iOS o web con foundation o bootstrap
  • También puedes realizar pantallas de navegación con mucho sentido
  • Además, he tenido que trabajar con el Mac, Windows y Ubuntu y no ha habido ningún problema al pasarlo de un sistema operativo al otro por lo que es multiplataforma.
  • Todo es muy personalizable: los colores de las fuentes, etiquetas, iconos, etc. Me llamó mucho la atención la versatilidad que tiene el modificar iconos desde el borde, al contenido o el color del propio icono y lo distinto que se ve al verlo finalmente.
  • Además, a la hora de realizar efectos como un popup o un menú de los que se extienden desde la izquierda es muy visual.
  • La verdad es que es una herramienta que tiene todas las garantías para dibujar los primeros bocetos de una aplicación o los wireframe de alta fidelidad.


Es muy fácil trabajar con esta herramienta:
  • A la hora de instalarla en el Mac fue todo muy sencillo, como estamos acostumbrados.
  • Es fácil copiar pantallas para realizar pequeñas modificaciones en unas pantallas.
  • Se puede realizar empaquetados o asociaciones de distintos elementos para agruparlos y así trabajar con mayor comodidad y rapidez.
  • Se pueden realizar formularios complejos.
  • Además, tiene gran cantidad de assets de Foundation, Bootstrap, Android o iOS para darle un diseño más cercano a una aplicación real.
  • También se puede exportar en pdf o como html
  • Se puede jugar también con márgenes aunque en esta funcionalidad todavía no he profundizado mucho.




Por otro lado, otros 3 compañeros han utilizado la herramienta y les ha gustado mucho también por lo que puedo decir que la aceptación ha sido muy buena. Además, entre ellos había alguno que ya había utilizado otras herramientas para hacer Wireframes.

Te animo a que lo pruebas ya que tiene una versión gratuita durante 15 días y si has utilizado otros programas verás que merece la pena hacer el cambio.

miércoles, 15 de abril de 2015

Retro Persuasión para startups - Growth Hack Spain

¡Por fin! Por fin llegó el primer día que acudía Growth Hack Spain. Mis expectativas eran altas después de no haber acudido a los anteriores eventos y habiendo visto los vídeos de los anteriores meetups:
aunque la verdad es que lo que había leído en la descripción del meetup no me llamaba mucho la atención pero sin duda diría que ha sido la charla que más me ha hecho reflexionar y no pensar solo en embudos de conversión o en métricas sino en emociones, hábitos o motivación de los usuarios.

Luis Díaz, comenzó hablando sobre como generar hábitos en los usuarios con la Regla de los 21 días sobre la que he buscado bibliografía y hay disparidad de opiniones como puedes ver en The 21-Day Myth. En mi opinión si es posible que cuando estas en el momento del registro con el usuario y consigues interactuar con él durante los primeros 21 días creo que sí que tienes muchas posibilidades de conseguir que el usuario actúe en base a tweets, alarmas, emails, etc.



A continuación nos ha hecho reflexionar sobre cómo conseguir buscar las motivaciones de los usuarios para que lo relacione con nosotros:

¿Por que nos necesitaría el usuario?

Se habló del engament en aplicaciones móviles, sobre el cual os dejo este enlace con métricas interesantes: Usuarios y apps: ¿una relación duradera?

Posteriormente se comentaron los tipos de recompensa: 
  • Recompensa de la tribu: nos importa lo que opinen de nosotros, recordar que formas parte de un club especial y que hay una empresa detrás. Luis podía de ejemplo la empresa wistia.
  • Recompensas de la caza. Luis comentaba que los concursos no molan, sobre todo si es algo material.
  • Autorecompensas. Ejemplo, como antiguamente en Gmail cuando te decía: "Enhorabuena has vaciado tu bandeja de entrada", porque cuando llegue un email le vas a hacer mas caso.
Si las recompensas se vuelven predecibles lo perdemos todo, pierde la gracia. Algo que comento de mi cosecha, en mi opinión, tienes que dar con la tecla para lo que llamo "Desayunos de helado". La aplicación Highscore House de Kyle Seaman (ver vídeo de TED), que gamificaba las tareas de la casa para los peques de la casa en base a premios tenía como premio estrella que querían los niños: "Para desayunar helado". Yo cuando lo leí me pareció brillante haber llegado a este punto porque no se me hubiera ocurrido pensándolo pero son este tipo de recompensas a las que tienen que llegar las distintas aplicaciones para lograr fidelizar al usuario. Se me ocurre la pregunta: ¿Qué premio/recompensa está por encima de las que ofreces en tú aplicación/servicio para tus usuarios? Esa que desate el WoW


Otro de los puntos que no veía claro con Luis era mostrar pruebas social en landing pages por ejemplo del orden de 23.452 usuarios. Habría que hacer test A/B pero lo digo para reflexionar, puede ser que 23.452 usuarios no sean suficientes como para que sea un indicador para todo el mundo de que esa aplicación o servicio mola. Puede ser que no cumpla mis expectativas y sea un número bajo para mí.

Me ha gustado mucho la frase:
 "No vendas superpoderes vende superusers"


Me ha hecho reflexionar también mucho el vídeo porque es verdad que tenemos que vendernos más y decir que somos los mejores en aquello que trabajamos.


If this then that nos hablaba de que consuma por ejemplo el usuario/cliente 20 acciones recetas para terminar comprando.

A continuación hemos pasado a comentar que sería ideal crear una aplicación diferente para cada usuario:
  • Ya mas o menos se hace porque uno sigue a quien quiere
  • Determinar qué tipo de usuarios utilizan tu aplicación, que les motiva y reacciona de forma directa
Respecto a gamificación hemos visto los distintos perfiles que hay:

  • Killer: ganar a todos el que quiere conseguir muchos puntos
  • Achiever: Mirón ver como va consiguiendo cosas
  • Socializar: interactuar
  • Explorer: darse paseos


Me ha parecido un gran consejo primero centrarse en mostrar al usuario las features core de la aplicación y posteriormente cuando su conocimiento de la misma crezca, a la 4-5 entrada, mostrarle nuevas features.

Respeto a los perfiles de aprendizaje:
  • Acomodador: cacharrera
  • Asimilador: va directo al libro de instrucciones
  • Divergente: va a probar y lo cuenta
  • Convergente: leyendo y cachareando
Detectar el tipo de ego de los usuarios es algo que solemos pasar por alto y claro que no hay que tratar por igual a un usuario que entra y compra casi como quien dice tras aterrizar en la web. A ese usuario habría que seguirle la pista.

Hemos hablado del Miedo a la pérdida: como los contadores para cuando acaban ofertas de Groupon y The Persuasion Slide:

  • Gravedad: motivación inicial deseos del usuario
  • Empujón: email
  • Angulo: motivación que proporcionamos al usuario
  • Fricción: formularios largos, UX mal, etc.



Para finalizar la parte que más me ha gustado ha contado Luis cómo generar un trigger cuando se inicia la aplicación y motivarles de manera inconsciente, ejemplo, los botones verde convierten mas.

Llamar a los usuarios y preguntarles por que se han ido y aprender de ellos y utilizar cifras ganadoras es decir, sencillas, no como 6,43190 porque de este número no hay quien se acuerde.

Como consejo de la última parte de la charla, no trabajes con gente que tiene en su vocabulario:

Nunca Nada Siempre Todo

domingo, 1 de marzo de 2015

Rutas para direcciones


Para frikiloto tenía pendiente desde hace tiempo poner todas las administraciones de lotería y puntos de venta que había en España haciendo un poco de scrapping.

Algo que a simple vista parece algo sencillo, hay que dedicarle más tiempo del que en principio pareciera.


Inicialmente tenía los síguenos modelos:
  • Provincia donde estaba la localidad donde se encuentra la administración.
  • Localidad donde está la dirección de la administración
  • Administración de Lotería con sus datos de identificación.
Realmente en Provincias y Localidades,  voy a guardar listados de administraciones de lotería por lo que quería que parecieran estas dos palabras administraciones y lotería pero también quería que apareciera en las propias páginas del listado de administración de lotería.


Al final después de darle varias vueltas y de revisar cuales son las tendencias de búsqueda, me decidí por:
  • Administración de Lotería: administracion-loteria
  • Localidad: administraciones-loteria
  • Provincia: administraciones
No se si será la mejor elección pero lo que si que se es que las rutas son mucho mejores que las que tienen la competencia así que espero molarle a Google y con mas de 5000 páginas nuevas en mi sitio las visitas deberían de llegar y como las visitas llegarán, las reservas de números también.

¿Os parece que he tomado la decisión acertada? ¿Cual hubierais tomado vosotros?

miércoles, 4 de febrero de 2015

El antes y el después

Para comenzar el año con algo sencillo y motivarme un poco más con los petprojects, decidí a la web de lotería que creé hace un par de años, darle una vuelta ya que la tenía un poco descuidada.

Lo que hice fue cambiar Bootstrap que lo tenía de no se que versión a Foundation y la verdad es que el cambio ha sido sin duda un acierto, solo con los test de velocidad que he realizado en 



Los tiempos de carga y el tamaño de la página han mejorado notablemente, pero todavía se que lo puedo mejorar. En otro post lo comentaré.

También he aprendido un poco más a utilizar sass que no me había metido mucho y me notaba un poco torpón.

Por otro lado, la versión móvil que la tenía con jquerymobile directamente la he cambiado también con lo que viene de Foundation y la verdad es que el cambio ha sido a mejor porque los estilos estaban un poco viejunos.

Por otro lado, estoy un poco parado con la formación en Swift pero tengo que retomarlo a primeros de Febrero.

No escribo muchos más para no alargarme e intentar sacar post más a menudo.