Conferencia de arquitectura Web, basada en buenas practicas y el diseño centrado en el usuario.., 4 horas de charla con un taller de lluvia de ideas,, se contemplaron temas como el cardsorting, el SEO como parte de inicio del proceso de planeacion del sitio.., la definición de metas.. etc..., Nada de tecnologia, mero trabajo del Arquitecto Web, el cliente y los usuarios...

1. Edwin Bernal Holguín
equipo GeosDigital Ltda.
www.geosdigital.org

2. ¿Crees que hacer Web es MUCHO mas que entregar un diseño y
publicar los contenidos que el cliente entrega?
¿Cómo empresa consideras necesario entender el proceso de
desarrollo para tu propio portal?
¿Desarrollas sitios Web y has tenido problemas por falta de
comunicación con el cliente y sus objetivos del proyecto?
¿Crees que se puede hacer una mejor Web en Colombia?
Si la respuesta es si… bienvenid@
www.geosdigital.org

3. Aquí nada es completamente cierto, por cuanto
¡¡No me crean!!
Tome Apuntes…
Pregunte, pregunte, pregunte!
y después
Practique,… practique… practique
www.geosdigital.org

4. 15 min donde solo vale
el exceso de
creatividad, el trabajo
divertido con la
permanente ausencia
del pesimismo
Imagen de http://magisnef.wordpress.com/2007/04/30/quien-
invento-el-%C2%A1nosotros/
Grupos Presentación El problema La lluvia Las ideas
www.geosdigital.org

5.  Orden
 Espontaneidad y libre expresión.
 Romper paradigmas.
 No existen ideas buenas ni malas
 Haga que sea divertido – La alegría es una fuerza
poderosa.
!Si cree que lo van a juzgar ,
es porque usted
los juzgo primero!
www.geosdigital.org

6.  PROBLEMAS
◦ Analfabetismo digital, solo el 40% de los
colombianos tienen acceso a la tecnología.
◦ Como hacer de Colombia una potencia turística¿?.
◦ Bajo uso de Tecnologías de la Información en las
aulas¿?
www.geosdigital.org

7. Aprendamos a escuchar
www.geosdigital.org

8. Imagen http://almogavaresdeibi.blogspot.com/2007/07/signos-de-interrogacin.html
Porque¿? Como ¿? Cuando ¿? Donde ¿? Porque ¿?
www.geosdigital.org

9. Entrega de propuesta visual
1
Empresa de diseño Web
“Entrevista“ 2
www.plantillitas.com/gigapack/
Cliente
3
Necesidades, objetivos y Envió de contenidos
metas diferentes 4
Publicación y entrega
www.geosdigital.org

10. Diseño basado
en la empresa
Diseño basado
en la Tecnología Diseño Centrado
en el usuario
www.geosdigital.org

11. No un portal Web..,
Un paquete no muy
diferente del brochure
corporativo, con el solo
aporte que esta en una
www…
Y el cliente...
http://es.dreamstime.com
www.geosdigital.org

12. • Venta
• Arquitectura de Información
• Diseño de Interface de usuario
• Diseño y diagramación de contenidos
• Cobro
• Postventa
• Mantenimiento
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

13.  Entrevista con el
cliente Cotización
 Donde escuchar sin
hacer presunciones,
imposiciones, Desarrollo de Definición
supuestos, ni Brieff de proyecto
adelantarse a las
ideas es muy
importante. Contratación y firma de documento*
 Cuentas claras y
TODO por escrito
Muchas veces el cliente no sabe lo que quiere
o como llegar a eso…, Eso justifica su trabajo
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

14.  Definir
◦ Antecedentes.
◦ Objetivos.
◦ Usuarios tipo.
◦ Tareas y metas de los usuarios.
◦ Lluvia de Ideas y lista de deseos
◦ Requerimientos técnicos del
cliente.
 Entrevistas a usuarios y actores
del sitio
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

15.  Definir patrones a
evaluar.
 Análisis de sitios
similares y
competencia.
 Consulta y efectividad
de palabras clave.
 Listado de contenido.
 Estudio de etiquetas y keywords del sitio (Tagline)
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

16.  Defina metodología
para definición de
marcado de objetos
◦ Con la empresa
◦ Con los usuarios
 Manualmente por
experiencia
 Cardsorting
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

17. www.geosdigital.org

18. www.geosdigital.org

19. www.geosdigital.org

20. http://www.colombia.travel
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

21. “Permite, desde las primeras
etapas del proceso de
diseño, anticipar cuál será
la organización de
categorías o menús de
navegación que mejor se
adapte al modelo mental
de los usuarios”.
El Profesional de la Información,
2004, marzo-abril, v.13, n.2,
pp. 93-99.
http://www.flickr.com/photos/natea/641123960/
www.geosdigital.org

22. Las tarjetas
• El contenido
• Cuántas usar
• Nombres ambiguos
• Pruebas iníciales
La muestra
• Pueden ser 10
• Heterogéneos
• Usuario medio
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

23. www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

24.  Tabla de co-ocurrencias
• Escalamiento
 Dendograma multidimensional
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

25.  CardZort US$150 / licencia
 CardSword Software libre
 WebSort US$1500/año
 OptimalSort US$559/año
Alzado:
http://www.alzado.org/articulo.php?id_art=289
No solo usabilidad:
http://www.nosolousabilidad.com/articulos/cardsorting.htm
Boxes and arrows
http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide
El factor humano
http://www.webstudio.cl/blog/card-sorting/
www.geosdigital.org Metodología cortesía Mario Carvajal, http://www.astrolabio.com.co

26.  Esqueleto de la
navegación
http://www.gliffy.com/examples/wireframes/
www.geosdigital.org

27. www.geosdigital.org

28. www.geosdigital.org

29. www.geosdigital.org

30. www.geosdigital.org

31.  Plataforma
 Contenidos
 Continuación a las labores de Posicionamiento
 Entrega
 Pago
 Posventa
 Administración
Otro día continuamos!!!!, y aun crees..
Que un sitio web debe ser algo barato¿?
www.geosdigital.org

32. www.geosdigital.org

33. Edwin Bernal Holguín
edwin.bernal@geosdigital.org
Cels 314 412 39 36 – 316 839 97 37
msn geosdigital@hotmail.com
googletalk edwin.bernal@gmail.com
Skype edwin.bernal
Facebook edwin.bernal@gmail.com
Delicious http://delicious.com/edwin.bernal
Blog http://concienciaweb.blogspot.com/
Grupo Facebook Charlas Tecnoparque Yo
asisto a las charlas de Ecommerce en
Tecnoparque con Edwin Bernal
www.geosdigital.org