¡tengo una idea para un sitio!
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
![Page 1: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/1.jpg)
Saturday, September 3, 2011
![Page 2: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/2.jpg)
¡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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/3.jpg)
Saturday, September 3, 2011
![Page 4: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/4.jpg)
Llevar la idea a una listade puntos
Saturday, September 3, 2011
![Page 5: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/5.jpg)
El paso del cliente
Saturday, September 3, 2011
![Page 6: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/6.jpg)
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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/7.jpg)
• 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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/8.jpg)
“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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/9.jpg)
Organizar cómo se vería en pantalla
Saturday, September 3, 2011
![Page 10: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/10.jpg)
El paso del socio
Saturday, September 3, 2011
![Page 11: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/11.jpg)
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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/12.jpg)
Saturday, September 3, 2011
![Page 13: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/13.jpg)
Saturday, September 3, 2011
![Page 14: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/14.jpg)
Saturday, September 3, 2011
![Page 15: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/15.jpg)
“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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/16.jpg)
Diseñar en detalle en baseal dibujo y los puntos
Saturday, September 3, 2011
![Page 17: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/17.jpg)
El paso del diseñador
Saturday, September 3, 2011
![Page 18: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/18.jpg)
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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/19.jpg)
Saturday, September 3, 2011
![Page 20: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/20.jpg)
Saturday, September 3, 2011
![Page 21: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/21.jpg)
Saturday, September 3, 2011
![Page 22: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/22.jpg)
Saturday, September 3, 2011
![Page 23: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/23.jpg)
“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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/24.jpg)
Diseñar las instancias, páginas internas y sin contenido
Saturday, September 3, 2011
![Page 25: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/25.jpg)
El paso del analista funcional
Saturday, September 3, 2011
![Page 26: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/26.jpg)
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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/27.jpg)
Saturday, September 3, 2011
![Page 28: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/28.jpg)
Saturday, September 3, 2011
![Page 29: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/29.jpg)
Saturday, September 3, 2011
![Page 30: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/30.jpg)
Saturday, September 3, 2011
![Page 31: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/31.jpg)
Saturday, September 3, 2011
![Page 32: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/32.jpg)
“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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/33.jpg)
¡Tienes una chispa en el cabello! ¡Quítamela!
Saturday, September 3, 2011
![Page 34: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/34.jpg)
El paso del analista contento
Saturday, September 3, 2011
![Page 35: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/35.jpg)
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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/36.jpg)
Saturday, September 3, 2011
![Page 37: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/37.jpg)
Saturday, September 3, 2011
![Page 38: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/38.jpg)
“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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/39.jpg)
Copiar, robar, plagiar y mejorar
Saturday, September 3, 2011
![Page 40: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/40.jpg)
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!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/41.jpg)
Saturday, September 3, 2011
![Page 42: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/42.jpg)
Saturday, September 3, 2011
![Page 43: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/43.jpg)
“Los buenos artistas copian,los grandes artistas roban”
Saturday, September 3, 2011
![Page 44: ¡Tengo una idea para un sitio!](https://reader035.vdocuments.net/reader035/viewer/2022062513/555d91d0d8b42a3a3b8b58e0/html5/thumbnails/44.jpg)
Rediseño New York Times porhttp://andyrutledge.com/news-redux.php
Saturday, September 3, 2011