Desde la llegada de la web 2.0, las aplicaciones móviles, las redes sociales y la interconexión entre todas estas cada vez se hace más complejo el acceso y utilización de las nuevas tecnologías. Por eso mismo es necesario, casi tanto como buenas funcionalidades, hacerlas usables y fáciles de utilizar. Aparece entonces el concepto de Mockup, o lo que sería lo mismo una maqueta.
Mediante estos Mockups o maquetas lo que se pretende es hacer un boceto preliminar de cómo sería la interfaz de nuestra aplicación y la navegación de esta, entre las diferentes secciones y vistas de nuestra aplicación, para así tener de forma más visual una imagen de todo el proceso, y poder dividir mejor tareas, detectar errores en el diseño y poder incorporar cambios de forma sencilla, así como ver el impacto en el resto de la aplicación y su forma de trabajar con ella.
Muchas veces el éxito de una aplicación puede residir en la forma en que se presenta al usuario la información y cómo puede trabajar con ella. No es lo mismo tener que hacer varios clicks para acceder a un listado de datos que, por ejemplo, si sabemos que son datos frecuentados disponer de accesos directos. Esto cobra mucho más sentido con el boom de las aplicaciones móviles ya que no es posible mostrar toda la información en una misma vista y hay que optimizar la navegación.
Disponemos de herramientas tanto de escritorio como online, de pago y gratuitas para poder realizar estos bocetos. El que encabeza este post, por ejemplo, pertenece al que realicé para una pequeña aplicación para iPhone que desarrollé y está creado utilizando, en este caso, Balsamiq Mockups, una aplicación de escritorio en Adobe Air.
Speckyboy | 10 aplicaciones gratis para realizar Mockups
Balsamiq Mockups | Web oficial (gracias a @lvjimenez por el chivatazo)
Comentarios
Yo más que maqueta lo llamaría boceto o prototipo. Y ante esta frase: "Muchas veces el éxito de una aplicación puede residir en la forma en que se presenta al usuario la información y cómo puede trabajar con ella" , yo más bien diría que es siempre. Y no puede o muchas veces... Si no me crees, mírate usando Windows y quejándote... :-)
Quizás hubiera estado más correcto que hubiera puesto "La mayoría de las veces..."
Tampoco puedo decir "Siempre" porque no conozco todas las aplicaciones que existen y puede que haya casos en los que la presentación no sea lo más importante o no haya llevado al éxito de dicha aplicación.
Sinceramente, aplicaciones que sean exitosas con un mal interfaz creo que existen pocas. Y las que hay son a extinguir... Se me ocurren cosas como aplicaciones para aviónica o cajeros automáticos. Pero incluso en esas, las que tienen un mejor UI tienden a triunfar...
Se me ocurren Blender o Internet Explorer 9, aunque estoy de acuerdo en que la interfaz es muy importante, especialmente en pantallas pequeñas.
El software con una interfaz bien diseñada es bastante escaso, de hecho la interfaz de todos los tablets me parece en sí misma un gran error de concepto.
Aplicaciones exitosas con mala interfaz ... un cuadro de texto, un boton de buscar y cuatro colores ... ¡a sí! Google!.
Hombre Pedro, precisamente creo que la de Google , aún siendo minimalista, es bastante acertada... (Pongamos como ejemplo que la gente al principio pasaba de Yahoo y Terra para buscar pq Google cargaba más rapido por su mínimo UI)
Para Kherom, lo de Blender es cierto y no menos lo de IE9. Pero Blender no es precisamente exitoso por eso, lo es porque es la única solución open source decente para 3D. Y de IE9 y su "éxito", no comento nada...
Indispensable Herramienta para los desarrolladores !!! :) Es una muy buena vieja herramienta!
Los gratuitos no los conozco, pero Balsamiq es una auténtica maravilla. Yo llevo usándolo muchos años para hacer páginas web y ver realmente que es lo que quiero hacer.
La verdad es que lo mejorcito que me he encontrado es AxureRP . Bastante mejor que Balsamiq para mi gusto. AxureRP no solo es más potente, además permite crear documentación con un click y prototipos funcionales en HTML casi sin esfuerzo. Imprescindible.
A mi de momento, Balsamiq me está viniendo de perlas.
Muchísimas gracias por la lista de herramientas , pienso darle uso en estos días.
un saludo!
Escribir un comentario
Para hacer un comentario es necesario que te identifiques: ENTRA o conéctate con FacebookConnect