Debemos elegir que tipo de documento o registros o archivos serán buscados, que tipos de archivos ayudaran en esta tarea, HTML, XML, PDF, DOC. XLS, JPG, TXT, etc.

Es necesario determinar zonas dentro del contenido, así ayudamos al usuario a dirigirse a donde realmente encontrará lo que busca. Y para delimitar zonas de búsqueda, se puede utilizar el siguiente criterio:

• Por contenido
• Por audiencia
• Por temas
• Geográfico
• Cronológico
• Autor
• Unidades administrativas

Fundamental resulta saber cómo busca el usuario

• Buscar información conocida

• Búsqueda de existencia: saben lo que necesitan pero no saben como describir su necesidad.

• Búsqueda exploratoria: están buscando aprender algo más.

• Búsqueda global: otros están dispuestos a obtener todo lo que exista sobre un tema en particular.

Sistema de búsqueda de Flickr

Consideraciones:

• Trabajar esencialmente con un lenguaje homogéneo
• Debo incorporar palabras claves en los sectores especialmente asignados etiquetas de título en rótulos
• Considerar que el contenido también afecta la obtención de resultados


Esquema de búsqueda de información:

(http://semanticstudios.com/publications/semantics/000004.php), traducción libre: Infoxicacion

Es necesario considerar que en esta ocasión no cuento con la bibliografía para respaldar lo planteado, no obstante me parece que aun así es de gran utilidad contar con esta herramienta.

Por cierto si alguien cuenta con aún más formas verbales sería muy interesante poder continuar desarrollando el proyecto, y la verdad es que las ideas, no han dejado de fluir a cerca de este tema. Por ejemplo pensaba lo bueno que sería poder desarrollar una aplicación que fuese capaz de recuperar información de las tesis de grado, vía RSS, con el fin de poder cuantificar el uso de formas verbales en las tesis de Chile, por ejemplo, etc.

Extraje este texto el cual me parece, explica de forma muy clara la idea de estos verbos.

Los objetivos señalan los logros que deberán ser alcanzados y colaboran en:

1. Definir la responsabilidad de los actores en el proceso de enseñanza-aprendizaje.
2. .Sugerir las  formas específicas de llevar a cabo la actividad
3. Delinear la forma como se llevará a cabo la evaluación de la actividad.

Por lo tanto, los objetivos deben estar en coherencia total con las actividades y deben nutrirse de lo señalado en los contenidos.

Es necesario diferenciar entre objetivos de enseñanza y objetivos de aprendizaje. Los objetivos de enseñanza son aquellos que abordan las acciones a seguir por parte del docente para conseguir los aprendizajes. En tanto los objetivos de aprendizaje son aquellos que se centrar en lo que el alumno deberá aprender. Las tendencias actuales prefieren los objetivos de aprendizaje.

Finalmente los dejo con el material, las dimensiones del poster son de 700mm X 500mm.

Entre los contenidos del libro encontramos:

1. Introduction
   • What is information architecture?
   • What does an architect do?
   • The user experience
   • Flow and tasks
   • Deliverables
   • Conclusion
   • Learning more…
2. Websites strategy
   • Strategy
   • What do business goals have to do with design?
   • Discussing business goals
   • User goals and task
   • Measuring success
   • Content and functionality
   • Conclusion
   • Learning more…
3. Audience research
   • Research
   • First-time researcher
   • Asking the right questions
   • Designing and selling a research plan
   • Why client market research isn’t enough
   • Analyzing your research
   • Three research deliverables
   • Sharing research with the team
   • Conclusion
   • Learning more…
4. Information architecture
   • Structure
   • Organization schemes, categories, and labels
   • Work the information architecture into the design
   • Sitemaps
   • Conclusion
5. Designing functionality
   • Functionality
   • Identifying tasks
   • Analyzing tasks
   • Turning task analysis into web pages
   • Documenting functionality
   • Conclusion
   • Learning more
6. Interface design
   • The interface
   • Wireframes
   • Interface objects
   • Iteration works
   • Paper prototyping
   • HTML prototypes
   • Conclusion

   

La tabla de contenido señala que se compone de: 1.- Carácter y contenido de la alfabetidad visual; 2.- Composición: los fundamentos sintácticos de la alfabetidad visual; 3.- Elementos básicos de la comunicación visual; 4.- La anatomía del lenguaje visual; 5.- Dinámica del contraste; 6.- Técnicas visuales: estrategias de comunicación; 7.- Síntesis del estilo visual; 8.- Las artes visuales: función y mensaje y 9.- Alfabetidad visual: cómo y por qué.

La introducción del libro parte así: “La invención de los tipos móviles de imprenta creó el imperativo de una alfabetidad (se traduce del ingles literacy, significa “saber leer y escribir “) verbal universal; por lo mismo, la invención de la cámara y de todas sus formas colaterales en constante desarrollo constituye un logro de la alfabetidad visual universal que crea una necesidad educativa largo tiempo sentida.

El título original del libro es: A Primer of Visual Literacy, publicado en 1973. por el Mit.

En Castellano se le conoce como: Sintaxis de la imagen: introducción al alfabeto visual, publicado por Gustavo Gili

Autor: Donis.A. Dondis.

Si lo deseas adquirir en Chile

Los conceptos de los que trata el libro, se refiere a “principios”, leyes o guías, bases humanas, y consideraciones generales para realizar diseño. Tales como: la regla del 80/20, la disonancia cognitiva, la sucesión de Fibonacci, ley de Fitts, etc. Los principios fueron seleccionados de una variedad de disciplinas que involucran al diseño en general, basado en distintos factores, incluyendo utilidad, uso indebido o mal uso, etc. La selección de 100 conceptos no deben ser interpretado con el significado de solo son 100 principios relevantes de diseño, pues obviamente hay muchos mas.

Para ayudar a que la gente comprenda el diseño, lean el capitulo 14 Accesibilidad.

Recomiendo: El Diagrama de Gutenberg y la Proporción señal ruido entre otras.

Se puede revisar en su version original en ingles o la versión en español de editorial Blume

Lidwell, W.; Holden, K.; Butler, J. 2003. Universal Principles of Design. Beverly, Massachusetts: Rockport. 216p.

• Da acceso a la información del sitio
• Permite al usuario saber dónde se encuentra y donde puede ir.
• Reflejamos nuestro modelo mental.
• Refleja el concepto de marca del sitio.
• Influye sobre la credibilidad del sitio.
• Los clientes podrían no comprar al no encontrar lo que buscan.
• La empresa puede perder muchísimo dinero, por productividad si sus empleados no encuentran la información que necesitan.
• Los costos por mantención aumentan si la navegación es deficiente.
• Una marca se devalúa si la navegación no funciona.

Algunas preguntas que debemos resolver:

• ¿Cómo navegaran los usuarios por el contenido que ellos necesitan?
• ¿Cómo está organizado el contenido del sitio?
• ¿A que debe dar acceso el sistema de navegación?
• ¿Quién visitará el sitio?
• ¿Por qué se debe construir un sitio?

Mapa mental de un tema dado:

Sistema de navegación por imagen:

• Representan partes de información en el sitio Web
• Comunican información con eficacia
• Uso natural para crear sistemas de organización y navegación.

Ejemplo de rotulo:

Los rótulos o etiquetas pueden funcionar de 4 formas en un sitio Web:

• Enlaces contextuales
• Encabezamientos
• Sistemas de navegación
• Para indización

Al utilizar rótulos con énfasis en la indización se debe considerar:

• El uso como Palabras claves
• Tags
• Metadatos
• Taxonomía
• Vocabulario controlado
• Tesauro

Ejemplo de la utilización de rótulos a partir de imagenes

Como crear un rótulo eficaz:

• El lenguaje es simple pero ambiguo, además dinámico, existen sinónimos, equivalencias, neologismos, etc.
• No deben reflejar el pensamiento o punto de vista de los propietarios del sitio, si no de los usuarios que lo visitaran.
• Existen distintos contextos, contenidos y usuarios.
• Sintaxis
• Granularidad: como podemos especificar mejor los conceptos.     Ejemplo: Panaderías, pan, harina.
• No dejar lugar a dudas.     Ejemplo: WMA, OGG, AIFF, FLAC, MP3.

Los sistemas de organización se basan 100% en la comprensión del medio, pero, no olvidemos que esta comprensión es subjetiva. La clasificación es inherente al ser humano, desde las antiguas tribus, hasta las ciudades más complejas. Organizamos, para entender, explicar y controlar lo que nos rodea.

• El lenguaje es dinámico y ambiguo
• Ej: Caja = recipiente, cavidad, espacio, de pandora, registradora, lugar donde se paga.
• Heterogéneos.
• Puntos de vista distintos.
• Políticas internas de la empresa (Intranet, Web).

Los principales sistemas de organización de información son:

• Alfabética
• Cronológica
• Por temas
• Por tareas
• Por audiencia (grado de especialización y conocimiento)
• Por metáforas
• Híbridos (combinación de varios)

Consideraciones

• La mayoría de los usuarios no lee textos largos.
• Al tener trozos de información se puede gestionar más fácilmente y el usuario aprende más rápido como es la organización del sitio.
• Fragmentos precisos de información encajan mejor en la pantalla.
• Sentido común
• El usuario recreara la estructura del sitio de acuerdo a su propia   estructura mental.
• Especificar una jerarquía desde los conceptos más generales o importantes hasta los más detallados y especificos.
• Conocer la organización: y sus objetivos corto plazo y largo plazo.
• Debes decidir en sistema exactos o ambiguos.
• ¿Cómo los usuarios navegarían por estos esquemas?
• Es necesario pensar además en los sistemas de recuperación de información.
• Es necesario tener en mente una serie de componentes, ya mencionados.

Por último, si los usuarios saben lo que buscan, un sistema exacto será el que brinde una mejor respuesta, no obstante si el usuario tiene ideas vagas de lo que necesita, será entonces un sistema ambiguo el que mejor responda a su necesidad de información.

Organización de información, ejemplo con una orquesta sinfónica

• Sistema de organización
• Sistema de etiquetado o rotulación
• Sistemas de navegación
• Sistemas de búsqueda

En los cuatro siguientes post, analizaremos en profundidad de que se tratan cada uno de estos sistemas, como influye uno sobre otro y lo esencial que significa su aplicación, para alcanzar un desarrollo web adecuado. Sin olvidar que para alcanzar un buen resultado se requiere de la fusión de distintas disciplinas que se complementen para verdaderamente comunicar.

Uno de los elementos importantes de esta disciplina son los wireframe (el paso final antes de llegar al diseño y programación del sitio) conocidos también como Mockup (maqueta) o prototype (prototipo), estos según Rosenfeld y Morville poseen como objetivo principal “mostrar el contenido de las páginas” , o como bien define Daniel Brown “es una aproximada ilustración que presenta, a mayor o menor medida, el contenido de cada pantalla”, de estas formas se entiende como un wireframe permite visualizar en su estructura la información, la recopilación obtenida a través de elementos previos como card sorting, mapas mentales, blue-print, etc.

Los wireframe a través del tiempo se les a otorgado diferentes niveles de complejidad, los autores siempre coinciden en dividir esta herramienta de diseño en 3 niveles, primero está el más simple, en el se observa un bosquejo de forma general que marca los espacio que ocupara cada elemento del sitio, luego se desarrolla un modelo mediano que permite visualizar rotulaciones, espacios, estructuras y bosquejos de presentación de cada página del sitio, y por último  se presenta un modelo avanzado que muestra en detalle los anteriores, incluyendo el diseño final que poseerá el sitio mostrando  colores, tipografías, textos e iconos a utilizar.

Es ideal presentar estos tres niveles al momento de diseñar un sitio web para ir visualizando de forma gradual en complejidad cada espacio a ocupar con la información pertinente, siempre pensada en el usuario que navegara por el sitio, pero si no se cuenta con la presencia de un diseñador  con conocimientos en arquitectura de información que pueda desarrollar el modelo avanzado, es preciso realizar solo los dos primeros niveles para no caer en errores que pueden afectar de forma trascendental al proyecto solo por querer abarcar competencias de las cuales se carecen.

Pensando en estos niveles de desarrollo y modelo es que se observa y detalla la postura de referentes en la Ai que han estructurado estas formas de presentación de contenidos:

Rosenfeld y Morville definen los niveles como diferentes fidelidades:

• wireframe de baja fidelidad (Centra la atención en el plano global, local, contextual y elementos de navegación de la página)
• wireframe de mediana fidelidad (Muestra algunos aspectos de contenido, diseño y navegación)
• wireframe de alta fidelidad (aproximación de la página real, mostrando información que contiene, gráficos e imágenes)

La asociación de Diseño e Interfaz web Luledesign define los niveles en:

• wireframe básico (expresa elementos de una pantalla genérica, aplicable a todo un sistema)
• wireframe tipo (expresa estructura de pantallas de una misma categoría, como canales o páginas terminales)
• wireframe detallado (especifica la composición de páginas especificas, aplicado especialmente en la pantalla donde observamos la realización de acciones)

La filóloga Olga Carrera muestra solo dos niveles, definiéndolos de forma más drástica:

• Prototipo de baja fidelidad o wireframe o storyboard (conjunto de dibujos que presentan la organización de la página, implementando aspectos generales del sistema sin entrar en detalles)

• Prototipo de alta fidelidad o maqueta o mockup (representa aspectos más precisos, detalla el proceso interactivo global de una o varias tareas, es una maqueta dinámica normalmente en html que simulan o tienen implementadas partes del sistema final a desarrollar)

Observando estas definiciones de diferentes tipos de investigadores y desarrolladores de Arquitectura de Información para la Web, es como se puede plantear la importancia de esta herramienta que permite graficar elementos de navegación (menú, accesos directos, e hipervínculos), elementos de información (texto, imágenes), elementos de interacción (herramientas o funcionalidades), elementos de apoyo (ayuda, mapas de navegación), elementos promociónales (publicidad).

Es importante tener en cuenta que, para desarrollar un wireframe independiente su nivel de complejidad es necesario utilizar previamente herramientas de análisis (benchmarcking, card sorting, encuestas) y diseño (mapas mentales, blue-print) que permiten llegar a una correcta estructuración de contenidos, mostrando en estas maquetas un sitio orientado cien por ciento a su audiencia, ligando estos contenidos con los objetivos y misión de los clientes.

Bibliografía:

1. BROWN M., DANIEL. Communicating design: Developing web site documentation for design and planning. United Satate od America: Pearson of Education, 2007.
2. CARRERA, Olga. Blog Usable y Accesible. [en línea] [Consulta: 20-diciembre-2008]. Disponible en: <http://olgacarreras.blogspot.com/2007/02/wireframes.html>
3. LULADESIGN. Wireframe. [en línea] [Consultada: 19-diciembre- 2008]. Disponible en:<http://www.arquitecturadeinformacion.cl/como/wireframe.html>
4. NOSOLOUSABILIDAD. La diagramación en la arquitectura de información. [en línea] [Consultada: 17-diciembre-2008].  Disponible en: <http://www.nosolousabilidad.com/articulos/diagramacion.htm>
5. ROSENFELD, LOUIS Y MORVILLE, PETER. Arquitectura de la información para la www. México: O’Reilly, 2000. ISBN 970-10-2628-4.
6. SIDAR. Prototipazo. [en línea] [Consultado: 21-diciembre-2008].  Disponible en:<http://www.sidar.org/recur/desdi/traduc/es/visitable/maner/Prototipado.htm>