El documento describe las diferentes etapas del desarrollo de una idea para un sitio web sobre música. Primero, la idea general se descompone en puntos clave, luego se organiza visualmente cómo se vería en la pantalla, después se diseña en detalle cada sección, y finalmente se analiza el funcionamiento general y la interfaz de usuario. A lo largo del proceso, se citan varios dichos sobre el diseño y desarrollo de ideas.

1. Saturday, September 3, 2011

2. ¡Tengo una idea para un sitio!
Por Alejandro Sena
Rosario Barcamp - 03 de Septiembre, 2011
Saturday, September 3, 2011

3. Saturday, September 3, 2011

4. Llevar la idea a una lista
de puntos
Saturday, September 3, 2011

5. El paso del cliente
Saturday, September 3, 2011

6. 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

7. • 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

8. “No te preocupe que la gente pueda
robar tus ideas. Si son originales,
tendrás que convencerlos a la fuerza.”
Saturday, September 3, 2011

9. Organizar cómo se vería en
pantalla
Saturday, September 3, 2011

10. El paso del socio
Saturday, September 3, 2011

11. 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

12. Saturday, September 3, 2011

13. Saturday, September 3, 2011

14. Saturday, September 3, 2011

15. “A todos les llega una buena idea
en la ducha. Pero el que tiene éxito
sale de la ducha, se seca y hace
algo con respecto a esa idea”
Saturday, September 3, 2011

16. Diseñar en detalle en base
al dibujo y los puntos
Saturday, September 3, 2011

17. El paso del diseñador
Saturday, September 3, 2011

18. 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

19. Saturday, September 3, 2011

20. Saturday, September 3, 2011

21. Saturday, September 3, 2011

22. Saturday, September 3, 2011

23. “El diseño no es solo como se ve
o qué parece, es como funciona”
Saturday, September 3, 2011

24. Diseñar las instancias, páginas
internas y sin contenido
Saturday, September 3, 2011

25. El paso del analista funcional
Saturday, September 3, 2011

26. 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

27. Saturday, September 3, 2011

28. Saturday, September 3, 2011

29. Saturday, September 3, 2011

30. Saturday, September 3, 2011

31. Saturday, September 3, 2011

32. “La tentación por abandonar es
siempre mayor cuando estás
cerca de tener éxito”
Saturday, September 3, 2011

33. ¡Tienes una chispa en el
cabello! ¡Quítamela!
Saturday, September 3, 2011

34. El paso del analista contento
Saturday, September 3, 2011

35. 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

36. Saturday, September 3, 2011

37. Saturday, September 3, 2011

38. “Un diseñador sabe que ha alcanzado
la perfección no cuando no tiene nada
más que añadir, sino cuando no le
queda nada más que quitar”
Saturday, September 3, 2011

39. Copiar, robar, plagiar y
mejorar
Saturday, September 3, 2011

40. 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

41. Saturday, September 3, 2011

42. Saturday, September 3, 2011

43. “Los buenos artistas copian,
los grandes artistas roban”
Saturday, September 3, 2011

44. hola@alejandrosena.com
Rediseño New York Times por
http://andyrutledge.com/news-redux.php
Saturday, September 3, 2011