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