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.