¡Tengo una idea para un sitio!

44
Saturday, September 3, 2011

description

Pasos para transformar la idea de un sitio web en realidad. Para todos aquellos que alguna vez dijeron "¡Tengo una idea para un sitio!" y no supieron como llevarlo adelante.El objetivo es terminar con el diseño y la definición final para, a partir de allí, desarrollarlo o presentarlo. No se tocan temas técnicos ni de negocios.Presentado en el Barcamp Rosario 2011 (Universidad Abierta Interamericana).Basado en http://alejandrosena.com/blog/web/5-pasos-para-crear-un-buen-producto/

Transcript of ¡Tengo una idea para un sitio!

Page 1: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 2: ¡Tengo una idea para un sitio!

¡Tengo una idea para un sitio!Por Alejandro Sena

Rosario Barcamp - 03 de Septiembre, 2011

Saturday, September 3, 2011

Page 3: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 4: ¡Tengo una idea para un sitio!

Llevar la idea a una listade puntos

Saturday, September 3, 2011

Page 5: ¡Tengo una idea para un sitio!

El paso del cliente

Saturday, September 3, 2011

Page 6: ¡Tengo una idea para un sitio!

Desarmar la idea general en pedazos

Desarmar esos pedazos en piezas más pequeñas

Llevar esas pequeñas piezas a puntos concretos

Detallar la información y funcionalidad de los puntos

Ordenarlos por importancia

Saturday, September 3, 2011

Page 7: ¡Tengo una idea para un sitio!

• Registro de bandas

Nombre de banda, e-mail, contraseña, descripción...

• Registro de seguidores

Nombre de usuario, e-mail, contraseña, foto...

• Últimas noticias del mundo de la música

Título, fecha, descripción corta, autor...

• Próximos recitales

Imagen de la banda, nombre, fecha, lugar, asistentes...

• Últimos temas subidos

Nombre del tema, nombre de la banda, botón play...

Saturday, September 3, 2011

Page 8: ¡Tengo una idea para un sitio!

“No te preocupe que la gente puedarobar tus ideas. Si son originales,tendrás que convencerlos a la fuerza.”

Saturday, September 3, 2011

Page 9: ¡Tengo una idea para un sitio!

Organizar cómo se vería en pantalla

Saturday, September 3, 2011

Page 10: ¡Tengo una idea para un sitio!

El paso del socio

Saturday, September 3, 2011

Page 11: ¡Tengo una idea para un sitio!

Dibujar los límites del sitio web

Ubicar mediante cuadros cada uno de los puntos

Respetar la importancia de los mismos

Identificarlos con una palabra o frase

Intentar utilizar textos y dibujos realistas

Saturday, September 3, 2011

Page 12: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 13: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 14: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 15: ¡Tengo una idea para un sitio!

“A todos les llega una buena ideaen la ducha. Pero el que tiene éxito sale de la ducha, se seca y hacealgo con respecto a esa idea”

Saturday, September 3, 2011

Page 16: ¡Tengo una idea para un sitio!

Diseñar en detalle en baseal dibujo y los puntos

Saturday, September 3, 2011

Page 17: ¡Tengo una idea para un sitio!

El paso del diseñador

Saturday, September 3, 2011

Page 18: ¡Tengo una idea para un sitio!

Diseñar la página más importante

Utilizar colores, estilos y tipografías finales

Procurar que el contenido sea realista

Tener en mente el orden de importancia de los puntos

Saturday, September 3, 2011

Page 19: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 20: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 21: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 22: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 23: ¡Tengo una idea para un sitio!

“El diseño no es solo como se veo qué parece, es como funciona”

Saturday, September 3, 2011

Page 24: ¡Tengo una idea para un sitio!

Diseñar las instancias, páginas internas y sin contenido

Saturday, September 3, 2011

Page 25: ¡Tengo una idea para un sitio!

El paso del analista funcional

Saturday, September 3, 2011

Page 26: ¡Tengo una idea para un sitio!

Diseñar todo lo que el usuario puede llegar a ver

Mensajes de error, páginas internas, búsquedas...

Tener en cuenta las páginas sin contenido

Pensar en versiones para usuarios no logueados

Navegar las pantallas finales como un usuario real

Saturday, September 3, 2011

Page 27: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 28: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 29: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 30: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 31: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 32: ¡Tengo una idea para un sitio!

“La tentación por abandonar essiempre mayor cuando estáscerca de tener éxito”

Saturday, September 3, 2011

Page 33: ¡Tengo una idea para un sitio!

¡Tienes una chispa en el cabello! ¡Quítamela!

Saturday, September 3, 2011

Page 34: ¡Tengo una idea para un sitio!

El paso del analista contento

Saturday, September 3, 2011

Page 35: ¡Tengo una idea para un sitio!

Todo lo que no suma, resta

Solo mostrar la información necesaria y útil

Menos es más o... Suficiente es más

Mantener nuestro sitio simple

Saturday, September 3, 2011

Page 36: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 37: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 38: ¡Tengo una idea para un sitio!

“Un diseñador sabe que ha alcanzadola perfección no cuando no tiene nadamás que añadir, sino cuando no le queda nada más que quitar”

Saturday, September 3, 2011

Page 39: ¡Tengo una idea para un sitio!

Copiar, robar, plagiar y mejorar

Saturday, September 3, 2011

Page 40: ¡Tengo una idea para un sitio!

No reinventar la pólvora

Aprovechar las soluciones útiles para tu sitio

Mejorar lo que consideres que sea posible

Copiar siempre te va a dejar detrás del original

Saturday, September 3, 2011

Page 41: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 42: ¡Tengo una idea para un sitio!

Saturday, September 3, 2011

Page 43: ¡Tengo una idea para un sitio!

“Los buenos artistas copian,los grandes artistas roban”

Saturday, September 3, 2011

Page 44: ¡Tengo una idea para un sitio!

Rediseño New York Times porhttp://andyrutledge.com/news-redux.php

[email protected]

Saturday, September 3, 2011