Conferencia Arquit De La Inform, Planeacion De Portales Web

33
www.geosdigital.org Conferencia Planeación portales y Arquitectura de Información Web Edwin Bernal Holguín equipo GeosDigital Ltda.

description

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

Transcript of Conferencia Arquit De La Inform, Planeacion De Portales Web

Page 1: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Conferencia Planeación portales y Arquitectura de Información Web

Edwin Bernal Holguínequipo GeosDigital Ltda.

Page 2: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

¿Estas aquí por?¿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@

Page 3: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Consideraciones Previas

Aquí nada es completamente cierto, por cuanto

¡¡No me crean!!

Tome Apuntes…Pregunte, pregunte, pregunte!

y después

Practique,… practique… practique

Page 4: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

El taller lluvia de ideas (Brainstorming), Negocios en la Web.

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

Page 5: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Importante!!!

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!

Page 6: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Que se haga la Lluvia!

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¿?

Page 7: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

…Pero…

La ultima!!... No se vale el pesimismo...

Aprendamos a escuchar

Page 8: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

A escamparConclusiones y el porque del taller¿?

Porque¿? Como ¿? Cuando ¿? Donde ¿? Porque ¿?

Imagen http://almogavaresdeibi.blogspot.com/2007/07/signos-de-interrogacin.html

Page 9: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Planeando un sitio WebMétodo convencional

Necesidades, objetivos y metas diferentes

Cliente

Empresa de diseño Web

“Entrevista“

1

2

Entrega de propuesta visual

3

Envió de contenidos

www.plantillitas.com/gigapack/

4Publicación y entrega

Page 10: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Planeando un sitio Web3 métodos de diseño

Diseño basado en la empresa

Diseño basado en la Tecnología Diseño Centrado

en el usuario

Page 11: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Resultado…

No un portal Web..,Un paquete no muy

diferente del brochure corporativo, con el solo aporte que esta en una www…

http://es.dreamstime.com Y el cliente...

Page 12: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Planeando un sitio Web con DCU (Diseño centrado en el usuario) Fases del proceso

• Venta• Arquitectura de Información

• Diseño de Interface de usuario

• Diseño y diagramación de contenidos

• Cobro

• Postventa

• Mantenimiento

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

Page 13: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Venta Entrevista con el

cliente Donde escuchar sin

hacer presunciones, imposiciones, supuestos, ni adelantarse a las ideas es muy importante.

Cuentas claras y TODO por escrito

Cotización

Desarrollo de Brieff

Definición de

proyecto

Contratación y firma de documento*

Muchas veces el cliente no sabe lo que quiere o como llegar a eso…, Eso justifica su trabajo

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

Page 14: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura WebMesa de trabajo, 1er paso Reconocer el proyecto

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

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

Page 15: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura Web2do paso Análisis del contexto – Benchmarking – SEO -

Contenidos

Definir patrones a evaluar.

Análisis de sitios similares y competencia.

Consulta y efectividad de palabras clave.

Listado de contenido.

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

Estudio de etiquetas y keywords del sitio (Tagline)

Page 16: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura Web3er paso Estudio de tagline y rotulado de contenidos

Defina metodología para definición de marcado de objetos◦ Con la empresa◦ Con los usuarios

Manualmente por experiencia

Cardsorting

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

Page 17: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Page 18: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Page 19: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Page 20: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

http://www.colombia.travel

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

Page 21: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura WebCardSorting y análisis cuantitativo de los resultados.

“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/

Page 22: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura Web -Card SortingAbierto y Cerrado

Las tarjetas• El contenido• Cuántas usar• Nombres ambiguos• Pruebas inícialesLa muestra• Pueden ser 10• Heterogéneos• Usuario medio

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

Page 23: Conferencia Arquit De La Inform, Planeacion De Portales Web

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

Card SortingLa prueba

Page 24: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura Web -Card sorting¿Cómo contabilizar? Tabla de co-ocurrencias

Dendograma

• Escalamiento multidimensional

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

Page 25: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura Web -Card Sorting Software

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/

Información

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

Page 26: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura WebWireframes – Check List de Verificación - pruebas

Esqueleto de la navegación

http://www.gliffy.com/examples/wireframes/

Page 27: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Page 28: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Page 29: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Page 30: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Arquitectura Web Interface

Page 31: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Que falta..

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¿?

Page 32: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Sección de Preguntas

?

Page 33: Conferencia Arquit De La Inform, Planeacion De Portales Web

www.geosdigital.org

Edwin Bernal Holguí[email protected] 314 412 39 36 – 316 839 97 37msn [email protected] [email protected] Skype edwin.bernalFacebook [email protected] Delicious http://delicious.com/edwin.bernalBlog http://concienciaweb.blogspot.com/Grupo Facebook Charlas Tecnoparque Yo asisto a las charlas de Ecommerce en Tecnoparque con Edwin Bernal

Agradecimientos y Contactos