5 pasos para crear un buen producto

Para qu quiero leer esto? Para aprender mi mtodo personal a la hora de crear un buen producto, son 5 pasos que creo bsicos y esenciales, los cuales form en base a mi experiencia.

Actualizacin: este artculo se convirti en una presentacin para el BarCamp Rosario 2011. Como sabrn hace rato que desarrollo mis propios sitios web pero no fue hasta hace un tiempo que me list 5 puntos fundamentales a la hora de crear o modificar uno. Es muy probable que todos, en mayor o menor medida, sigan los mismos pasos pero suele suceder que en el momento nos salteamos alguno o bien no lo tengamos en cuenta. Aprend la importancia de las checklist o listas de verificacin a los golpes, en particular desde que me desempeo como Arquitecto de producto en Sonico. Es muy frustrante presentar una idea que llev su tiempo desarrollarla y descubrir luego errores por omitir uno de estos pasos. La lista es la siguiente:

1) Desarrollar la idea con una lista de puntos

Cuando ya tenemos la idea de lo que queremos armar es necesario listar punto por punto cada detalle importante de la misma. De que forma va a interactuar el usuario, que informacin se va a mostrar, las reglas para determinar el contenido, etc. Por ejemplo en una pgina de msica: - Una lista de bandas recomendadas. Mostramos el Top 10 de bandas que ms seguidores tienen, el nombre y gnero de la misma. - Otra lista con los prximos recitales. Obtenemos el pas del usuario y le mostramos los N recitales ms prximos. Incluimos fecha, tipo, nombre y cuantos van.

- Mostramos un cuadro grande con N bandas promocionadas, a modo de slideshow, mostrando nombre y gnero. Al hacer click se ingresa a la pgina de la banda. - Etc El paso del cliente: Para los que trataron con clientes notarn una similitud con, en el mejor de los casos, la descripcin del producto que te entregan para que desarrolles. Nota: Este paso es uno de los ms difciles, por lo general se escuchan muchas ideas pero llegar a especificar los puntos que la componen sucede en menos del 1% de los casos.

2) Bocetar como se vera en pantalla

Cuando ya tenemos la informacin que queremos mostrar es necesario ubicarla en la pantalla Dnde va la lista de productos con muchas ofertas? Cul es el mejor lugar para mostrar los amigos en comn con ese usuario? Dnde ponemos el botn para que sea fcil de encontrar? Suelo utilizar una hoja y una birome para dicha tarea. Con unos simples recuadros que dentro llevan unas palabras que los identifica, flechas y lneas varias es suficiente. El objetivo es empezar a hacerte una imagen mental de la idea, siempre ubicando la informacin de acuerdo a su relevancia o dnde quers que aparezca, luego el cmo lo trataremos de resolver. Es estos casos en conveniente armar una lista por importancia de cada recuadro para luego ubicarlo de acuerdo a la misma, por ejemplo en una pgina de subastas: 1) Productos en oferta 2) Subastas que estn por finalizar 3) Login / Registro 4) Productos recomendados 5) Directorio de productos 6) Buscador 7) Etc Con esa lista probblemente optemos por darle un lugar de mayor exposicin a los productos en oferta y slo un campo de texto y botn al buscador. El paso del socio: Hasta ac suelen llegar tus socios, amigos o colegas que te presentan una idea. Habrn escuchados frases como entonces metemos ac el login, ac aparecen las fotos, ah un banner y listo. Para ellos no importa COMO se van a meter ah, que es lo que vamos a ver a continuacin. Nota: En la mayora de los casos va a variar drsticamente de acuerdo el usuario est logueado en el sitio o no. Es recomendable bocetar ambas versiones.

3) Disear el producto en detalle

Responde a la pregunta Cmo mostramos esa todo eso en pantalla?. Hay que tener en cuenta muchos factores, pero el objetivo final es que toda la informacin quede bien acorde a lo que bocetamos anteriormete. No nos vamos a preocupar mucho por hacer un gran anlisis de usabilidad, solo en incluir todas las opciones e informacin que creemos importante. Luego tendremos tiempo para mejorarlo. Es muy comn al finalizar este paso que nos encontremos con mucha informacin en pantalla, texto confuso, opciones difciles de encontrar y que, al mostrrselo a alguien, nos pregunte cmo hacer tal o cual cosa. En el ltimo paso vamos a dejarlo espectacular, no perdamos tiempo en eso ahora. El paso del diseador: Hasta ac, generalmente obviando los pasos anteriores, suelen llegar los diseadores. Arman un producto final sin reglas ni anlisis que lo fundamenten, suelen encontrarse errores funcionales, de usabilidad y son en su mayora diseos muy complejos. Si cuentan con experiencia como usuarios y en desarrollo web van a basar el producto en su sentido comn.

4) Disear las instancias, pginas relacionadas y versiones sin contenido

Qu sucede si el nombre del usuario es muy largo? Qu muestro si no tengo ninguna noticia para hoy? Dnde lleva ese link ver ms? Son todas preguntas que tenemos que resolver con pantallas diseadas en detalle. Uno de los mayores problemas es que se disea pensando en las pantallas llena de informacin, cuando el mayor reto est en saber qu mostrar cuando no tenemos contenido. Suelo armar cada pantalla y guardarla con un nmero que la identifique segn el comportamiento normal del usuario, por ejemplo para un sitio de foros: 1) Registro 2) Registro con mensajes de error 3) E-mail de confirmacin 4) Pantalla de confirmacin (donde llegan desde el e-mail) 5) Listado de foros completo 6) Listado de foros sin temas 7) Listado de foros sin nuevas respuestas 8) Tpico completo 9) Tpico son respuestas 10) Tpico con imgenes 11) Etc El paso del analista funcional wannabe: Ac se termina el producto para un wannabe. Est hecho el anlisis, todas las pantallas e instancias. No falta nada Error! Nos vamos a

encontrar con un resultado muy similar al del diseador, pero con ms horas de trabajo y mejor fundamentada, pero todava falta el paso donde ms nos vamos a quemar los ojos y la cabeza.

5) Ahhhhh qutenmelo, qutenmelo!

Un diseador sabe que ha alcanzado la perfeccin no cuando no tiene nada ms que aadir, sino cuando no le queda nada ms que quitar Antoine de Saint-Exupry Realmente es necesario poner el blog del usuario en los resultados de bsqueda? No sera mejor dejar un solo botn al final del formulario que uno en cada conjunto de campos? Hacen falta tantas lneas y colores para diferenciar la informacin? NO. Esa es la respuesta que tienen que buscar. No es necesario, no suma nada, no mejora la experiencia del usuario, no hace ms que confundir y llenar de ruido nuestro diseo. Menos es ms. Ms limpieza en el diseo, ms espacios en blanco, ms opciones realmente relevantes, ms informacin importante. Menos conos, menos lneas, menos colores, menos recuadros, menos explicaciones, menos ejemplos, menos imgenes, menos obstculos para llegar a lo que realmente importa. Por cada pixel de nuestro diseo tenemos que preguntarnos es esto realmente necesario? es lo que yo quiero que el usuario vea? le va a sumar algo? puedo obviar esta informacin? puedo sacrificar este dato para darle ms relevancia a otros ms importantes?. Si no suma, resta. Es smamente necesario ponerse en la piel del usuario y tener en claro qu es lo que ofrecemos. Si vamos a tener un mdulo de noticias de ltimo momento es necesario incluir el nombre del autor, un recorte del contenido, una imagen y la cantidad de comentarios? Quizs con el titular y la hora sea ms que suficiente, luego en la versin ampliada tendremos espacio de sobra para todo lo dems. Como dice el principio KISS: Keep it simple, stupid. El paso del analista contento: Ahora s, podemos estar seguros que abarcamos la totalidad del producto. No nos falta nada, estamos listos para enmarcarlo y comenzar a programarlo. Enhorabuena to!

0) Copiar, robar, plagiar y mejorar

Esto hay que tenerlo en cuenta siempre. Si otro sitio lo resolvi bien, lo copiamos. Si podemos mejorarlo, lo hacemos. Si no asquerosamente calcamos su solucin. No tratemos de reinventar la plvora, confiemos en nuestra capacidad y experiencia cuando nos dice esto mejor no se puede hacer y dejemos de perder tiempo en algo que otros ya invirtieron suficiente. Claro que es necesario usarlo con mucho sentido comn y amor propio. Al fin y al cabo aquellas personas que no suman nada a su producto y slo se dedican a copiar van a

estar siempre en la estela del cometa. Nunca van a alcanzar o superar a nadie porque siempre estn detrs de lo que otros hicieron primero. No existe la innovacin ni nada que los distinga, el usuario no va a encontrar motivos para elegir la copia (a excepcin de las copias de productos extranjeros, buen curro). Ah terminaron los 5 pasos para crear un buen producto. Los ataques, la soberbia y el humor, as como cualquier semejanza con la realidad, es intencional. Nota final: Como vern no inclu ningn tipo de anlisis tcnico, personalmente considero que cualquier restriccin tcnica tiene una solucin inteligente. A buscarla en el momento que se presente! (procurando sea antes de lanzar el producto)