Arquitectura de la Informacin para el World Wide Web

Caractersticas de un buen sitio Web Caractersticas deseables de un sitio Web Claves de DiseoNecesidades mnimas de organizacin y funcionamiento de un sitio WebPuntos a tratar: Pirmide de necesidades Arquitectura funcional, estructural y navegacionalTareas a realizarse en un sitio Web Tareas a ser realizadas en un sitio Web exitosoArquitectura de la Informacin Divisin de la informacin Modelos y metodologasComentarios finales

Pirmide de necesidades para construir un sitio Web:Necesidades mnimas...Redes, computadoras, servidores Bases de datos, etcManera en que la informacin ha sido estructuradaFormas de acceder a la informacin

Necesidades mnimas de organizacin y funcionamiento de un sitio Web:...Necesidades mnimas

Caractersticas de un buen sitio WebCaractersticas deseables de un sitio Web:Los mejores sitios comparten e integran tres caractersticas bsicas:

1.- Arquitectura de la Informacin.

2.- Diseo Tcnico. 3.- Diseo Grfico.

...Caractersticas de un buen sitio Web Claves de Diseo:

Desde el punto de vista del usuario/consumidor los siguientes aspectos representan una clave de diseo: Esttica Grandes Ideas Utilidad (web usability) Disponibilidad de la Informacin Personalizacin Interactividad

Tareas a realizarse en un sitio WebTareas a ser realizadas en un sitio Web exitoso:

1. Recopilacin / creacin de contenido2. Diseo estructural / arquitectura 3. Diseo visual / grfico4. Implementacin5. Administracin / mantenimiento tcnico

...Tareas a realizarse en un sitio WebEn un sitio tpico, las responsabilidades de un WebMaster pueden clasificarse en cuatro categoras: Proveedores de contenidoDiseadores

Programadores

AdministradoresCrean-editan documentos HTML, incorporan imgenes y formas electrnicas y mantienen la integridad de los enlaces. Crean el diseo arquitectnico o grfico del sitio. Escriben programas CGI, Java, JavaScript, conectan el sitio con un SMBD, etc

Se aseguran que el servidor esta funcionando apropiada y eficientemente todo el tiempo, y vigilan la seguridad e integridad de los contenidos.

...Tareas a realizarse en un sitio Web...lo que quiere decir que un WebMaster en realidad... no es una sola persona sino un grupo de trabajo

Arquitectura Estructura, forma. Sistema de organizacin de algo.Estructura Distribucin, orden y enlace de las partes de un todo. ~ de datos, agrupamiento de un conjunto de datos que tienen unas propiedades caractersticas.

Arquitectura de la InformacinDefiniciones bsicas (sacadas del diccionario)

Dividir la informacin ?Razones: Organizacionales Limitaciones humanas Arquitectura de la Informacin

Objetivo (de dividir la informacin)Minimizar tamao de trozos de informacin que se presentan al usuario humano... Porque ...? Arquitectura de la Informacin

...porque ? Los humanos tienen limitaciones para mantener en su memoria trozos grandes de informacin... ... por eso lectores-usuarios raramente leen pasajes largos y contiguos de texto en pantallas de computadora, y se sentirn perturbados cuando tengan que hacerlo... Arquitectura de la Informacin

...ms razones...pequeos trozos de informacin relacionada son ms fciles de organizar en unidades modulares de informacin que comparten un... ...ESQUEMA DE ORGANIZACIN CONSISTENTE...

...que forme la base del documento hipertexto (nuestro Sitio Web). (Pequeo es un termino relativo) Arquitectura de la Informacin

Pasos bsicos en la organizacin de la informacin1.- dividir en unidades lgicas (los trozos de informacin).2.- establecer jerarqua de importancia y generalidad entre esas unidades.3.- usar esa jerarqua para ESTRUCTURAR las relaciones entre los trozos de informacin.4.- estudiar, probar, y analizar el xito (o fracaso) esttico y funcional del sitio. Arquitectura de la Informacin

...pasos bsicos1.- dividir en unidades lgicas (los trozos de informacin). trozo de informacin ... Concepto flexible acorde con el sentido comn, organizacin lgica y conveniencia del usuario... Naturaleza del contenido debera sugerir la mejor manera de subdividir y organizar la informacin... Ej.: trozos cortos para leer en pantalla ... ...puede que ms largos para facilitar impresin Arquitectura de la Informacin

...pasos bsicos2.- establecer jerarqua de importancia y generalidad entre esas unidades. ...an si solo sirviera para determinar las estructuras bsicas de navegacin Arquitectura de la Informacin

...pasos bsicos3.- usar esa jerarqua para ESTRUCTURAR las RELACIONES entre los trozos de informacin... usuarios se construyen modelos mentales acerca de la organizacin de la informacin, y luego usan esos modelos para encontrar cosas que no han visto aun... Arquitectura de la Informacin

...pasos bsicos3.- ...usar esa jerarqua para ESTRUCTURAR las RELACIONES entre los trozos de informacin xito de un sitio depende de cuanto coincida la organizacin de la informacin con el modelo formado en la mente del usuario una organizacin lgica de la informacin permite a los usuarios hacer predicciones exitosas acerca de donde encontrar las cosas que busca... Como ??? Arquitectura de la Informacin

...Como ???Usando mtodos consistentes para... agrupar,ordenar,organizar,etiquetar ydesplegar grficamente ...la informacin Arquitectura de la Informacin

Mtodos consistentes =modelos + metodologas Arquitectura de la Informacin

Mdelos para hipermedia (sitios web) ? DHM Dexter Hypermedia model HRM Hipermedia reference model HAM Hypermedia model Trellis Reference model AHM Amsterdam Hipermedia Model... Metodologas para hipermedia ? W3DT World Wide Web Design Technique RMM Relationship Managment Model Metodologas OxO (Prof. Jons M. y Prof. Beatriz Sandia)... Arquitectura de la Informacin

Niveles de Modelado de un WIS:Nivel de Presentacin

Nivel Lgico

Nivel de AlmacenamientoCmo la informacin es presentadaComo esta organizada la informacin fsicamente (almacenamiento, aplicaciones)Transforma la informacin guardada en una BD o en el servidor Web en lo que el usuario finalmente ve Arquitectura de la Informacin

Ejemplo: Metodologa RMMProceso de Diseo en RMM Arquitectura de la Informacin

...donde entra RMM?Propone lenguaje de modelado para representar la informacin y la estructura navegacional del WIS en el nivel lgico...

...proveyendo tambin una metodologa que ayuda en el diseo y desarrollo; estableciendo puentes entre los niveles de presentacin y almacenamiento Arquitectura de la Informacin

Ejemplo de Diagrama E-R URLCursoTecEducEstudianteProfesorPostgradoEventoInvestigadorLineaInvestPersonalInstructorPublicacinofrecedictaTiene adscritodesarrollaempleaEncargado_depublicatomapublicautilizaUtilizada porutilizaparticipapublicaperteneceAsociado_a Arquitectura de la Informacin

Ejemplo: Diagrama Navegacional RMMURLCursoTecEducProfesorPublicacinPersonalPORTAL CURSOSIndice cursosIndice profs.Indice datos profIndice encargados Tec Educ Indice pubXprofIndice URLsXcursosIndice URLsIndice guia estudioIndice Tec EducXCurso Arquitectura de la Informacin

Arquitectura de la Informacin Sitios grandes Gran cantidad de informacin de muchos medios (texto, imgenes, sonido, video, documentos en varios formatos, etc) Gran cantidad de accesos Organizaciones estructuralmente complejas Sitio Web manejado y mantenido por varias personas Sitio Web distribuido geogrficamente Necesidades de interaccin con otras aplicaciones: Bases de datos Servidores de correos y de News, etc Sitios pequeos, personales. Poca informacin, pocos medios (texto, imgenes). Pocos accesos. Dependencia sin estructura organizativa o muy sencilla. Sitio Web manejado por una o pocas personas Manejo centralizado de los archivos por parte de una o pocas personas. Necesidades sencillas de interaccin con otras aplicaciones (basta con las capacidades internas del browser) Aplicar No AplicarCuando aplicar modelos y metodologas de desarrollo ? (gua sencilla)

Modelado y metodologa muy flexibles Basado en modelo E-R conocido Se adapta bien a utilizacin de BD para generacin dinmica de contenidos Genera estructura consistente (arquitectnica y navegacional) Sobre RMM: Comentarios finales...

Generales:Cambios en la plataforma Web:Establecer Presencia en lineaPlataforma que soporta todas las facetas del trabajo organizacional Comentarios finales...

...Cambios en la plataforma Web:Pginas Web, Documentos HipermediaWIS: Web Based Information SystemsIS: Information Systems Comentarios finales...

Diseo WIS:Enfoque Grfico Enfoque de Programadores Comentarios finales...Enfoque basado en la estructura de la informacin

Uso de... Metodologas y Modelos... ...es imprescindible para desarrollo de WIS basados en la Estructura de la Informacin Comentarios finales...

Lo nico constante en el Web es el cambio... Jakob Nielsen. 1998

Gracias !

***Aspectos clave de diseo: -Esttica: un sitio atractivo se distingue por su apariencia coherente y consistente que definen una identidad nica al sitio. Los grficos y textos aparecen integrados con los dems elementos (sistema de navegacin, aplicaciones, estilo editorial, etc.), las imgenes no se distingue de los otros componentes y crean un "ambiente".-Grandes Ideas: en algunos sitios se "provoca" de forma inteligente al usuario, presentandole ideas revolucionarias o un enfoque diferente y nuevo a un tema. Usa efectivamente alguna metfora de diseo, haciendo olvidar que estamos en un sitio Web. Aqu a veces importa menos el diseo que el contenido y la presentacin de ideas.-Utilidad: evidentemente se regresa a un sitio Web porque lo encontramos til en alguna forma. Existen sitios muy tiles que solo cumplen una funcin especfica (herramientas de bsqueda, sitios de juego en lnea, mens, etc.) y lo que importa es que siempre estn funcionando.-Disponibilidad de la Informacin: sitios con un diseo bien elaborado que permitan encontrar fcilmente informacin til que son apreciados por el usuario. Para esto se necesitan sistemas de navegacin y esquemas organizacionales efectivos. -Personalizacin: los usuarios demandan sitios que tengan la habilidad de proporcionarle informacin de acuerdo a sus necesidades e intereses personales. Se necesita tener conciencia que todos los usuarios son iguales y tomar previsiones de acuerdo a esto (escoger la audiencia)

*