Arquitectura de Información para una Empresa

1

Desarrollo de un sitio Web para la empresa Infovisionary, a partir del proceso de Arquitectura de Información

Caso de Estudio

2

ContenidoINTRODUCCIÓNAntecedentes 4Contexto 4Marco Conceptual 5Descripción del Caso de Estudio 6Definición del Objeto de Estudio 8Preguntas de Investigación 8

DESARROLLODescripción del Proceso 10Preguntas de Investigación 11Descripción de Herramientas y su Aplicación en el Caso 12

CONCLUSIONESSolución 22Conclusión del Caso 23

ANEXOSUno: Elementos del Mapa Conceptual 24Dos: Características de Usuarios Potenciales 31Tres: Personas 35Cuatro: Escenarios 40Cinco: Construcción Inicial de Mapa 47Seis: Marcos Alambrados 55Siete: Comentarios de las Pruebas de Usabilidad 59Ocho.: Mapa Final del Sitio 63

REFERENCIAS 66

3

IntroducciónSecc

ión

Un

o

4

AntecedentesComo parte importante de establecer la empresa Infovisionary, se pretende diseñar su página Web, como un sitio que permitirá llevar a cabo diversos objetivos. Para ello, se debe de tomar en cuenta, varios aspectos que permitan un adecuado funcio-namiento de la página, pensando en la verdadera utilidad de ésta para su audiencia y para la propia empresa.

La empresa Infovisionary, que ha sido desarrollada en este año, pretende hacerse notar como una solución para problemas de diseño de información principalmente; teniendo como elementos eje, el diseño inteligente de documentos, la creación de soluciones gráficas, la aplicación de arquitecturas de información en sitios Web y la consultoría en sistemas de información.

Como puede verse, uno de los potenciales servicios a ofrecer es precisamente la creación de sitios Web, a través de la arquitectura de información, por lo cual, la resolución adecuada de este caso de estudio es de vital interés para los autores, pues por un lado, constituirá una experiencia para futuros proyectos, además será la prueba de la utilidad de la AI y de la acertada aplicación de autores y por último, tiene la posibilidad de dar un testimonio positivo y convertirse en un caso de éxito.

ContextoEl desarrollo de páginas Web, se ha ido incrementando en una escala exponencial en los últimos años. De hecho, se espera todavía que siga esta tendencia alcista. Sin embargo, en la mayoría de los casos, la construcción de los sitios Web, no corres-ponden con un ejercicio de diseño que los fortalezca y sean realmente útiles para los usuarios, perdiendo con ello, las empresas, organizaciones o los individuos la imagen en parte o completamente con su audiencia. Es por ello, que se plantea como una intervención muy atinada, la AI en el diseño de páginas Web, para lo cual este caso de estudio, describirá esta participación.

Por otra parte, la situación de la empresa Infovisionary, es de inicio, por lo que la página a simple vista, tendrá una importancia promocional y de comunicación con sus clientes potenciales y con los clientes que ya se haya establecido alguna relación de negocios

5

Marco ConceptualPara dar una idea de lo complejo que puede llegar a ser la elaboración de un sitio Web, se determinó llevar a cabo algunas iteraciones de un proceso llamado Open Ended Method, cuyo principal objetivo es el de realizar el mayor número de pre-guntas posibles, acerca de un tema. Este método consiste en una “deconstrucción” del fenómeno, es decir, se va desmenuzando el fenómeno hasta sus partes más elementales, en orden de facilitar el panorama hacia posibles respuestas. El enfoque abierto, como Gena Merliss y Daniel Noel establecen en su sitio, fue inicialmente practicado en Japón, en 1971, documentado por Becker y Shimada en 1997. Esta es una forma de enfrentar problemas mediante el desarrollo de múltiples respuestas correctas, permitiendo la exploración de nuevos conceptos y habilidades para llegar a un mejor entendimiento. Este método ha ayudado a enfocar en todos los aspec-tos posibles de un fenómeno que puedan parecer importantes.

Su inclusión en esta etapa del caso, ayudará a identificar elementos clave para la construcción del sitio, y también como una manera de ordenar desde un inicio los posibles caminos que podría tomar la investigación en el caso, lo cual es aconsejado por Rosenfeld & Morville (2002)

El total de los elementos clave y sus interacciones en forma de preguntas realizadas, se presentan en el anexo 1.

6

Descripción del Caso de EstudioEl caso de estudio que se pretende llevar a cabo, contempla abarcar desde la definición de las metas y tipo de audiencia del sitio a crear, hasta su publicación. Sin embargo, la parte principal en que se enfocará este análisis es hasta la concepción del mapa del sitio, como el punto crítico de este caso.

Por lo que, precisando lo que tratará el caso de estudio, tenemos que éste se cons-tituirá de las etapas de creación del sitio Web, conforme el siguiente diagrama:

��

��

��

��

��

�

��

��

��

��

��

��

��

��

�

��

��

�

7

��

��

��

��

��

�

��

��

��

��

��

��

��

��

�

��

��

�

Estas etapas muestran el proceso integral para la construcción de un sitio Web, sin embargo, se considerará como necesidad primordial de este caso, llegar hasta el refinamiento de la arquitectura del sitio, dado a que, como se indicó en el propósito del caso de estudio, se trata de la descripción de la intervención de la Arquitectura de Información en la creación de un sitio Web.

8

Definición del Objeto de EstudioEl objeto de estudio concretamente es la descripción de la aplicación del proceso de Arquitectura de Información como principal eje en el desarrollo del sitio Web para la empresa Infovisionary.

Preguntas de InvestigaciónAl ser un caso de estudio de tipo descriptivo, por lo que principalmente se realiza-rán preguntas con la partícula interrogativa ¿Cómo? Las principales interrogaciones son las que se presentan a continuación:

• ¿Cómo se lleva a cabo el proceso de arquitectura de información en la creación de un sitio Web?• ¿Qué herramientas son necesarias para llevar a cabo dicho proceso?• ¿Cómo se aplican estas herramientas y en qué punto son necesarias?

9

DesarrolloSecc

ión

Do

s

10

Descripción del ProcesoComo se indicó, la principal estrategia de solución del caso, corresponde a la arqui-tectura de información, la cual podemos según John Shiple, se puede definir como el fundamento de un buen diseño Web. Es el esqueleto del sitio, a partir del cual todos los demás elementos serán integrados: forma, función, metáfora, navegación, interfaz, interacción y el diseño visual.

La arquitectura de información, fundamenta sus bases en tres aspectos esenciales en su utilización: Contenido, Contexto y Usuarios, como se aprecia en la figura 1.

En esta figura, se tienen las bases, sobre las cuales, se trabajará en la consecución del sitio Web.

Por otra parte, la definición acorde de la estrategia de AI, según Rosenfeld y Mor-ville (2002) consiste en un marco conceptual de alto nivel para la estructuración y organización de un sitio Web. Este provee a la empresa un sentido de dirección y el panorama necesario para proceder con confianza en las fases de diseño de implementación. Es el principal objetivo por el cual, se pretende aplicar y estudiar su aplicación en el desarrollo del sitio.

11

��

��

��

��

��

Fig. 1. Los Tres círculos de la Arquitectura de Informa-ción. Tomada de Rosenfeld y Morville (2002).

12

Descripción de Herramientas ysu Aplicación en el CasoLas herramientas que permitirán la concretización de dicho proceso, y que ayudarán también en el registro y análisis de la cadena de evidencias del caso de estudio, tenemos: la definición de metas del negocio y del sitio, la creación de “personas”, la definición de “escenarios” y la utilización de pruebas de usuarios en diversas etapas del caso.

Definición de Metas y ObjetivosEl inicio de cualquier actividad, para evaluar si tiene o no éxito, es definir el propó-sito de ésta. Es decir, lo que se pretende diseñar debe de cumplir alguna o varias funciones, a partir de las cuales pueda ser evaluado y mejorado.

En el caso del sitio Web, se deberá partir de su utilidad, la cual en primer lugar deberá estar alineada con las metas y filosofía de la organización que estará repre-sentando.

Para ello, lo primero que se hizo fue definir las metas del negocio, todas aquellas que se ocurrieran. A partir de ahí, se clasificaron según su apreciación externa, interna y las relacionadas con lo económico y administrativo. El resultado se muestra a contuación.

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

13

Después de esta organización estas metas del negocio, fueron utilizadas para aterri-zar la misión y visión de la empresa.

• MisiónGestionar mejoras de las organizaciones explotando las áreas de oportunidad relati-vas a la información y sus procesos.

• VisiónProvocar el cambio que importa mediante un enfoque interdisciplinario

Por otra parte, obtuvieron las metas del sitio, después de un largo proceso de lluvia de ideas y de su organización:

Corto Plazo Largo Plazo

Subjetivas * Respaldar el uso de la metodología IGP* Impactar y Captar clientes* Hacer entender y usar Infodesign* Incorporar conocimiento

* Formar prestigio* Copiar testimonios

Técnicas * 100 visitas por año * 1000 visitas por año* Atención en línea

Técnicas-Funcionales * Rápida Descarga* Amigable en su uso

* Blog

Funcionales * Promoción de servicios* Contacto con gente Infovisionary* Intranet

* 12 casos de éxito por año* Mostrar avances de proyectos (intranet)* Herramienta de difusión y comunicación

Tabla resultante de la clasificación de metas a corto y largo plazo en sus diferentes categorías.

14

Gestión de IdentidadTambién se realizó acorde a las metas del negocio, la gestión de imagen corporativa que acompañará al sitio y representará visualmente los atributos subjetivos que buscan encontrar los clientes potenciales.

El logotipo final representa gráficamente la metodología de tres pasos que utlizará la empresa en sus servicios mediante una letra “v” estilizada haciendo referencia al concepto de “visión”.

El slogan empresarial está conformado por la frase “Envisioning Information” con lo cual se desea que el cliente entienda la magnitud del poder de representar la información adecuadamente.

Alterno al proceso de arquitectura, se diseñaron algunas aplicaciones de papelería y otros.

��

��

��

��

��

��

��

��

��

��

��

��

��

��

15

Invención de PersonasEl concepto de “persona” tiene una relevancia para la definición de la audiencia. Y de acuerdo con Frank Thissen (2004), Las “personas” no son gente de verdad, pero la representan dentro del proceso de diseño. Estos son arquetipos hipotéticos de los usuarios potenciales… Las “personas” son definidas por sus metas y como un aspecto muy importante, siempre deben de tener un nombre. Por otra parte, se debe de considerar, que entre más específica sea definida la persona, más útil ésta será.

Cuando se habían definido en borrador las metas, se procedió a analizar la audien-cia potencial para agruparla en los usuarios del sitio tal que conformen perfiles que permitan la evaluación de las metas, con el fin de saber si podrían ser alcanzadas dados estos perfiles y si eran suficientes para comenzar a establecer la arquitectura del sitio.

Como resultado, se pensaron como potenciales usuarios, los siguientes:• Estudiante de DI que busca casos de estudio• Licenciado en Administración que trabaja en proyectos como free lance• Empresario PYME que necesita el servicio de creación de un logo para su negocio.• Persona que busca un servicio de diseño en línea• Empresa grande que necesita un servicio de consultoría en su sistema de informa-ción.• Adulto (40 años) que quiere saber acerca de DI• Profesor de DI, interesado en encontrar herramientas para sus alumnos• Representante de una dependencia de gobierno que tiene problemas con el manejo de datos• Agrupación que busca consultoría en proyectos administrativos• Empresario PYME que requiere de consultoría para mejorar sus procesos produc-tivos• Empresaria PYME que quiere renovar la imagen de su empresa.• Una persona joven que desea una página Web y que no tiene tiempo para desa-rrollarla• Alguien que requiere de ayuda para el diseño e integración de reportes de datos de una escuela• Administrador PYME con problemas en administración.

Las características de los clientes potenciales, aparecen en el anexo 2.

De estos usuarios se enlistaron las características que probablemente se podrían encontrar en ellos. A partir de dicho listado, se analizaron las características afines y se decidió, integrar 4 categorías de potenciales personas, terminando con la defini-ción de 4 “personas”, junto con sus perfiles.

16

��

��

��

��

17

��

��

��

��

Las personas creadas a partir de estos estereotipos, fueron:• Eduardo Torres• Dr. Charles Mtanous• Guillermo Azuela• Lic. Ishel Ruiz

Sus respectivos perfiles pueden ser consultados en el anexo 3.

Creación de EscenariosPor otra parte, “los escenarios” son situaciones hipotéticas que podrían enfrenar las “personas” inventadas. Este recurso, es muy útil, para enfrentar el prototipo del sitio a problemas que pueden ocurrir en la vida real, evitando solamente revisar algún aspecto de funcionalidad o usabilidad aislado.

18

Para cada una de las “personas” anteriores, se desarrollaron sus consiguientes es-cenarios, incluyendo aquellas potenciales tareas, que probablemente atenderían, en caso de estar el sitio funcionando. Estos escenarios son presentados en el anexo 4.

Arquitectura del sitio (primera propuesta)En este punto, se revisaron los distintos escenarios creados y se generaron los ele-mentos de contenido y funcionales, que se consideraron necesarios para solventar los escenarios creados. Se obtuvo primero una lista general con todas las ideas, a partir de la cual se fue trabajando en su clasificación tentativa, además de irla com-pletando, según se fueran ocurriendo más ideas.

En este proceso interactivo por parte de los miembros, se fue discutiendo la inclu-sión, agrupación y manipuleo de tales elementos en aras de encontrar una estructu-ra que resultara indicada para nuestros potenciales usuarios.

En esta fase se desarrolló el mapa del sitio, como un producto que contemplaba la integración de todos los elementos, definiendo así la estructura necesaria.

El anexo 5, muestra la secuencia en la construcción del mapa, primero la lista gene-ral, después los elementos ordenados y en categorías y por último la reducción en una estructura potencial del sitio.

Pruebas con usuariosPara el caso de las pruebas de usabilidad, existen varios tipos de ellos, por ejemplo, según Joseph Dumas y Janice Redish, se pueden considerar pruebas que no involu-cren a individuos potenciales o por otro lado, las que si requieran la intervención de potenciales usuarios. En las primeras, tenemos: • La evaluación heurística: en la cual, un pequeño grupo de evaluadores, actúa como juez del sitio a evaluarse, bajo los principios reconocidos de usabilidad.• Paseo cognitivo: Los diseñadores, tratan de actuar como si fueran usuarios, antici-pando las posibles fallas o mejoras en el diseño.

Para las pruebas que sí requieren a usuarios de verdad, encontramos:• Card-Sorting: Un método por el cual, el usuario organiza por medio de tarjetas, los elementos que considera comunes a una categoría.• Prueba de pares o evaluación intuitiva de íconos: los usuarios son invitados a descifrar el significado de íconos o etiquetas, cuya respuesta será verificada con respecto a lo que los diseñadores tratan de referirse con dichos íconos o etiquetas.• Pruebas formales de usabilidad. Son las pruebas en las que la mayoría piensa al oír el término pruebas de usabilidad. En ellas, se observa y analiza el comportamiento de los usuarios mientras usan un producto o prototipo de producto para realizar alguna tarea pedida. Estas pruebas tienen 5 componentes claves:

19

° La meta es mejorar la usabilidad del producto° Se realizan con verdaderos usuarios del producto° Los usuarios realizan tareas verdaderas° El comportamiento del usuario es observado y registrado° Los datos son analizados para diagnosticar problemas y recomendar correcciones.

Para este caso, se utilizó la última prueba citada. Teniendo como evaluadores del prototipo de sitio creado en papel a 3 personas que podrían usar el sitio, de acuer-do a la audiencia en la que se pensó.

Primeramente para ello, se realizaron las pantallas en papel, de acuerdo con el mapa del sitio del punto anterior. Este desarrollo se muestra en el anexo 6.

Con estas pantallas, se procedió a pedirle a cada evaluador, fuera realizando tareas verdaderas, señalando los botones dibujados, simulando los clicks necesarios para cumplir con dichas tareas.

Además, se les pidió que fueran diciendo en voz alta (una variante de apoyo del método de prueba), para que se tuviera una mejor obtención de datos. A la vez que se iba viendo la forma de actuar de cada uno, se iban registrando los movimien-tos, titubeos y/o comentarios que pudieran ser útiles en el análisis posterior.

Todos los registros se muestran en el anexo 7.

Una vez realizadas las pruebas, en el análisis se observó la necesidad de reconfigurar el sitio, puesto que se tenían algunas sugerencias y comentarios muy valiosos. Esto llevó a un exhaustivo análisis de cada uno de los registros, pensando en la forma de solucionar y con ello mejorar el sitio. Algunos comentarios, sin embargo, fueron pasados por alto, puesto que podían ser sólo puntos muy personales o por otra parte, la resolución de ellos podía ser contraproducente por lo mencionado por otro de los evaluadores.

Dentro de los problemas encontrados, sobresale el uso de un lenguaje técnico y también la presencia en algunas etiquetas de confusiones, por lo que se tuvo que cambiar algunas categorías, así como agrupar otras, puesto que la diferencia no ameritaba tenerlas por separado.

También, se encontraron posibles mejoras en la presentación de dos categorías, como es el caso de las noticias y también de los casos de éxito.

Otra mejora que se realizó, consistió en disminuir el número de pantallas, integran-do la información de tal forma que no necesite de tantas ligas para llegar a ella.

20

Después de llevar a cabo este proceso de mejora, se redefinió el mapa del sitio, el cual está presentado en el anexo 8.

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

21

ConclusionesSecc

ión

Tre

s

22

SoluciónEl caso mostró tanto el desarrollo del sitio utilizando la arquitectura de información, como proceso base y el uso de otras herramientas que ayudan a dicho proceso en diversas partes del mismo.

Al final, se llegó a una estructura del sitio, pensando tanto en su contenido como en la funcionalidad para los usuarios y para los administradores de la página Web.

Por otra parte, al mantener durante todo el proceso el registro de evidencias, se puede verificar el avance conceptual en la creación y relación de ideas para llegar a dicha estructura. Esto es sin duda, el punto objetivo del por qué usar la arquitectu-ra de información como base para estructurar un sitio Web, lo cual a su vez, es la razón fundamental de este caso de estudio.

Como situaciones más importantes a mencionar de este caso de estudio, se en-cuentran en primer lugar, que para nuestro caso, el proceso de AI y la definición del propósito de la empresa, fueron corriendo paralelamente en un inicio, puesto que no son aspectos que estuvieron relacionados en su definición inicial.

En cuanto a la creación de personas, se tiene que fue una buena idea, generar pro-totipos de personas, pues en algún momento al enfocarnos de lleno en armar uno o más perfiles, se pueden perder características esenciales, así que al analizar la lluvia de ideas acerca de qué tipos de personas el sitio debiera de atender, se identificó arquetipos muy fuertes, y que ya sólo requerían de darles nombre y un perfil que no se olvidara de las características más importantes.

También es de mencionar, el problema generado en la definición de las categorías, al agrupar y relacionar contenidos. Nos encontramos que al estar inmersos en nuestro proyecto, utilizamos nombres muy técnicos, siendo que al contrario de lo que pregonamos, debemos de aterrizar los proyectos a la audiencia. Una buena sacudido, nos llevó a cambiar las etiquetas en las categorías, pero además a regresar a hacer el análisis de relaciones y de agrupación, volviendo la estructura más sencilla de entender para el usuario.

Por último, las pruebas de usabilidad, sin duda, son necesarias, a pesar de consumir tiempo, que al parecer fuera improductivo. Esta fue la parte en que al principio, fue pensada para comprobar un buen diseño y como requisito del caso, se convirtió en una ventana en la que al ver nuestras equivocaciones, decidimos además dejar hablar al público, para definir lo que ellos piensan y ayudarnos con el diseño de una forma cooperativa, tal como lo expuso Elizabeth Sanders (Mayo, 2005) en conferencia.

23

Conclusión del CasoLa arquitectura de información, aun cuando no se ha expandido su uso y por tanto, crecido su demanda para el desarrollo de sitios Web, es sin duda un proceso por el cual se obtienen mejores productos, desde el punto de vista en su relación con los clientes o usuarios, que sin duda es una razón de peso para existir y más que eso, para convertirse en una necesidad para proyectos de mediano y gran tamaño.

Por otra parte, se comprobó durante este caso, la necesidad de producir bastantes datos y contenidos, además de las múltiples formas de verlas y de relacionarlas, esto conlleva al consumo de mucho tiempo durante el proceso, por lo cual, se convier-te en un reto volverse más eficientes en la utilización de esta disciplina, en pos de lograr que tenga un mayor alcance a personas y organizaciones que quieran crear o rediseñar mejores sitios.

Respecto a este caso en concreto, como se enunciaba en páginas anteriores, la arquitectura de información ayudó a la generación de la estructura del sitio, la parte más escondida para el usuario, pero más importante para determinar el funciona-miento o no de un sitio. Queda como tarea pendiente, aprovechar dicha estructura para completarla con el diseño y verificación de la interfaz, como paso final para publicar el sitio.

24

Elementos delMapa Conceptual

An

exo

Un

o

25

USABILITY ASPECTS FUNCTIONALITY1 Is the site easy to use?2 Is the site easy to find things, links, subjects, buttons…?3 Does the site present understandable buttons?4 Does the site present understandable icons?5 Does the site present easy ways to connect to other sites?6 Does the site present easy ways to connect inside the site itself?7 In which languages is the site written?

LEGIBILITY8 Is the text prepared in a manner suitable to the screen?9 What typography has the site?10 How does the site manage the spaces in the text?11 Is all the text legible?12 Is the site easy to read?13 Can I distinguish between text to be read on the screen and the one to be printed out?14 Can I scanned the text in the screen easily?15 Are the text passages subdivided into concise, meaningful sections?16 Can the structure of the text be clearly detected visually?17 Are the keywords visually highlighted for an easy identification?18 Is an excessive abuse of boldface or italic type, or of high lightening? navigation and orientation19 How is the navigation on the site?20 How could I return to a previous screen?21 How could I switch to another screen?22 How can I access home from any screen in the site?23 How is the orientation in the site?24 Would I know easily in which screen I’ll be?

AESTHETICAL ASPECTS25 Does the site have a good design?26 How is the Lay out of the site?27 Does the different screens of the site present a similar lay outs?28 Is the lay out useful to make me clear the concepts presented in the site?29 Is the screen overloaded?30 Is there enough breathing room around the screen elements?31 Are the individual elements of the screen page clearly recognizable?32 Can the individual elements be distinguished form each other?33 Can I distinguish easily the different types of elements? (navigation, orientation, contents)

26

34 Can I find related elements in groups?, or are they in different screens or positio-ns?35 Does the site have good graphics?36 Which colors does the site have?37 Do the colors of the site mean something?38 Are the colors of the site used to stress something?39 How they manage the background of the screens?40 Is the background related with the topic?41 Is the background too dominant or it can’t be almost distinguished? IDEOLOGICAL ASPECTS

IDEAS42 Who taught the creators to do this?43 What goals do the creators have for this site?44 Whom the creators read of who inspired them?45 Why do the creators want to communicate to us through this site?

THE CREATORS46 Was the site made by professionals, amateurs, design students, or just for hobby?47 Who are behind the site?48 What culture does the creators belong?49 Who had influenced the creators?50 Why do the creators build this site? ORGANIZATION51 What kind of organization does the site represent (economical, politics, religious, educational…)?52 Where does that name come from?53 What does the name mean?54 What does the site’s logo mean?

AUDIENCE55 In who the creators think while building this site?56 Who is the site directed to? About ages, economical position, studies, gender, religious, civil status CONTENT ASPECTS WHAT IS IT?57 What is this site about?58 Is it only one more website?59 What is a Website on Information Design?

27

60 How do they explain the questions about the site?61 Does the site have good proposals?62 How long does it take to understand the site’s proposals?63 How does the proposals are pretended to be accomplished?

COPY RIGHT64 Do the creators put on the site any copyright symbol?65 Does the site quote from a book, magazine, or other sites, writing the corres-pondent credits?66 Do the images shown have their appropriate foot note about them?

CONFIDENCE67 Should I trust in the site?68 Do the creators speak by themselves, or somebody manipulate what they mean?69 Are the creators important people on the subject?70 Is important people promoting the site?71 How is the information presented in the site? Fictitious, Real, Appropriate?72 Does the site’s information is updated?73 Does the site present success cases?74 If so, does the site show how they solve their success cases?75 What are the resources for the information presented in the site?76 how can I confirm the data and information that the site provides?

CONTENTS77 Does the site present metaphorical language in it?78 Does the site present metonymical language in it?79 What other kinds of rhetorical language does the site manage?80 Would I find in the site jokes, good manners, appropriate language?81 Can I get the main idea of the paragraphs by just look at their title?82 Are the text passages concise and understandable?83 Have the site terms familiar to me?84 Am I going to deal with advertisements in this site?85 What kind of pages does the site offer links?86 Does the site have links to other pages?87 What kind of images would I find on the site?88 Where can I find some help to use the site?89 Does the site has a site map?90 Is there any way to find inside the site an specific concept, example, or other information? 91 Does the site present an index?92 Is there a wizard provided?

28

SERVICES93 Do they provide services/products?94 What kind of services/products does the site offer?95 What are the prices of the services/products offered on the site?96 Do the managers offer guarantee?97 How do the managers deliver the product?98 How long does it take to deliver the product/service?

METHODOLOGY99 Did the creators follow a methodology?100 Does the site show a methodology?101 How does the site deal with information?102 How does the site bring out information? 103 What do I have to know to get the best of the site?104 Which books should I read to get the best of the site? TECHNICAL ASPECTS FUNCTIONS105 What if I need one of the services shown in the site?106 Can I bookmark the site from itself?107 How can I download information from your site?108 How can I print information from your site?109 How can I save information from your site?

PROBLEMS110 Could I cheat the system of the site?111 Could I find errors in the site?112 Could I get infected of any virus just by entering on this site?113 Would the site install me advertisement software that I will not notice?

NEEDINGS114 What software is needed to see the entire site? OS, Launcher, etc115 Which versions of the software are needed to see the entire site?116 What hardware would I need to use the site in the best way? Speakers, Card Sound, Printer, etc117 How can I get the software needed for your site that I might not have?118 How should I configure my monitor to see the site in the best way? Brightness, Resolution, Colors, etc119 What is the speed for downloading, accessing the page?120 Do I have to become a member of the site, to participate on in it? COMMUNICATION121 Can I chat with someone else through the site?

29

122 Can I chat with the managers of the site?123 Can I email the managers of the site?124 Do they have a blog?125 How can I communicate with the managers of the site?126 How can I contact the people in charge of the site?127 If I am interested in some information, can the managers of the site send me more about it?128 Is there a forum in the site?

WAYS OF PAYMENT129 What forms of paying do they accept? Pay pal, Credit Cards, others?130 Do they accept Pay Pal?131 Do they accept credit cards? Which ones?132 Do I have to go to the bank, to make the payment? REVENUES FOR THE CLIENT INTERESTS133 Would I need to enter the site?134 How is the site related with me?135 Might I be interested in the site?136 Why might I be interested in the site?137 Am I going to like the site?138 Can I use the information of the site for my daily activities?139 Could I find interesting topics in the site?140 Is the site a long one, or a short one?141 Is the site beautiful to me?142 Could I find the site on a browser?

SOLUTIONS143 Could I find something useful for me free of charge in this site?144 Does the site want to sell me something?145 What can I learn on this site?146 What questions could this site answer to me?

CULTURAL147 How do they manage cultural aspects?148 Which elements reflect cultural values of anti-values?149 Is the site built up for my specific culture, for others?

COMMUNICATION150 What can I expect about this site?151 What will be my first impression of the site?152 What do the creators want to be my first impression of the site?

30

153 What emotions will come out from viewing the site?154 Am I going to find elements that I appreciate, that are familiar to me?155 How else can I reach the site in the web?156 How does the site is promoted to be reached?

EVALUATION157 Could I express myself in the site about it?158 Can I rate the site, the content, the design, other?159 How many visitors has the site received?160 Should I recommend the site?161 Who knows this site?

HUMOR162 Are there humorous elements in the site?163 Is the humor used in the site appropriate for the kind of site the creators build?164 What kind of humor are the creators using?165 Is the humor used in the site going to be insulting for me, for some culture, for religious or political groups?166 Would the humor used be easy to understand?

31

Características de Usuarios Potenciales

An

exo

Do

s

32

Estudiante de Diseño de Información 18 - 24 años sabe navegar impactarlo bajar herramientas y casos de estudio Empresaria PYME que se da cuenta de la necesidad de mejorar en la administración respaldo testimonial vanguardia posible querer cambio sensibilizar el sitio ante cambio/necesidad antes y después portabilidad de mensaje Empresario PYME con necesidad de un proyecto productivo contacto personal quizás no sepa manejar al 100% quizás no usen el e-mail Empresa grande publicidad en boca ver algo bueno formal facilidad de contacto testimonio enfoque publicitario imagen en otras partes Administrador de proyectos contenido prioritario captar los puntos rápido catálogo de servicios maneja bien correo y navega lee en línea periódicos busca la marca formalidad Empresario que requiere un diseño de logo no sabe bien Web no sabe bien correo necesita cotización seriedad portafolio cumplimiento en tiempo

33

fácil contacto saber el proceso de forma breve encontrar todo fácil y rápido Adulto que quiere saber DI maneja a bajo nivel la Web no sabe nada de DI sentirse cómodo se refleje su realidad en el sitio fácil de entender

Profesor de DI respaldo académico en contenido referencias/ligas lic. o postgrado bien la red familiarizado con la tecnología buen contenido y simple tópicos novedosos espacio de crítica presentaciones y herramientas descargables citas de autoridades en los temas se observe una metodología Persona de una dependencia de gobierno con problemas en el manejo de datos no maneja bien Web, ni correo busca estatus poder pararse el cuello con el trabajo calidad en el servicio llegó por recomendación ver beneficios posibles Empresario Pyme con inquietud por mejorar sus procesos saber de eventos saaber de ligas relacionados con temas de pymes (calidad, mejoras, etc) ver descrito sus posibles problemáticas conscientes de sus necesidades económicas casos de éxito presentación portable Persona joven que quiere una página Web observar nuestro “ethos” ver AI servicios completos o de asesorías

34

sabe navegar ver ejemplos darle parte de metodología en su visita (para diagnóstico) profesionalismo intranet Persona de escuela con necesidad de mejorar su diseño de documentos saber nuestro ethos sabe sus necesidades intranet antes y después en un ejemplo claridad y simplicidad evolución en ejemplos en Diseño de Documentos profesionalismo respaldo académico referencias metodología Otras ideas CV’s con fotos Iconos de opinión dentro de las metodologías y ejemplos registro de visitantes

35

PersonasAn

exo

Tre

s

36

Eduardo Torres

PERFILTiene 35 años y desde que egresó de la licenciatura (de una escuela particular de Puebla) mostró un espíritu emprendedor. Aunque no se le da mucho lo de enten-der las tecnologías de información, siempre está “picándole” a todos los artefactos de tecnología de punta, de lo cual siempre tiene lo último. Tiene un estilo de vida algo atareado, se levanta en la mañana para estar en la oficina y dedica tarde para citas de relaciones públicas o ir al gimnasio donde practica tenis. El resto del tiempo se lo dedica a su esposa y a sus dos pequeños, Estefan y Miranda, de 6 y 4 años respectivamente. Es pequeño empresario, pero tiene más de un rubro donde es socio fundador, tiene una empresa de servicios de limpieza industrial y un negocio de comercialización de alimentos. Por lo anterior, siempre está considerando el enfoque de calidad en servicio y calidad en el producto, así que busca apoyar la imagen empresarial que proyecta solicitando servicios externos que muestren que también son de calidad.

PREGUNTAS¿Qué necesito para poner en el Web mis dos empresas?¿Dónde habrá una empresa que se vea sería y comprometida?¿Cómo podría aprovechar la Internet para mejorar mis negocios?¿Qué tan integral puede ser el servicio que me ofrezcan tal que uniformen mis negocios?¿Cómo identificar a profesionales con la construcción de portales Web?¿Dónde puedo encontrar una empresa con la que puedo armar proyectos incluso aquellos ajenos a mis dos empresas?¿Qué tengo que leer brevemente para no parecer un ignorante ante la gente que contrate?

37

Doctor Charles Mtanous

PERFILEs un tipo muy seguro de lo que hace. Le gusta estar actualizado en los temas referentes a su negocio, a la administración y sobre todo a buscar mejoras en su empresa. Sabe identificar oportunidades, así como a oportunistas. En general es desconfiado con las persona que conoce, aunque una vez que confía en la gente, es muy abierto en cuanto a la disposición de información y de colaboración. Es padre de 4 hijos, con edades de los 6 a los 15, tiene 16 años de casado y es muy estable en ese aspecto.Su empresa se dedica a la producción y comercialización de telas de polipropileno confeccionadas, iniciando su proceso en la extrusión del material plástico.Su interés actual, es tener una mayor organización en la planta, así como un control, que le permita tener mayor tiempo libre y poder ingresar a un nuevo tipo de nego-cio, como es el de fabricar invernaderos.Por lo pronto, atraviesa en un pequeño bache financiero, sin embargo, espera supe-rarlo en mes y medio, fecha en que recibirá un apoyo bancario.Como buen empresario, tiene muy bien identificado el valor del dinero, por lo que difícilmente tomará decisiones precipitadas, y éstas dependerán siempre de una excelente relación costo-beneficio para la empresa.

PREGUNTASSé que tengo problemas de organización y control, pero cuando me decido a iden-tificar las causas, no hallo la forma de solucionarlas.¿Hay alguien consciente de este tipo de problemas que a más de uno le aquejan?¿Qué es diseño de información?¿Servirá DI para mi problemática?¿Podrá ayudarme en identificar bien las raíces de mis problemas?¿Cómo puedo saber un poco más del tema, y poder comprender los alcances que tiene esta disciplina?¿Existen casos de éxito sobre la aplicación de DI? ¿Cuáles han sido?Los que ofrecen el servicio, realmente saben de que están hablando?¿Existe seriedad en sus servicios?¿Qué servicios me ofrece la empresa?¿Cuánto cuesta un tipo de asesoría como ésta?¿Quiénes están detrás de esta empresa, tienen experiencia, están bien preparados?¿Qué tipo de recursos necesito asignar o distraer para trabajar con estas personas?¿Qué formas de pago existen?¿Con quién puedo comunicarme, en caso de tener dudas?¿Cuál es el siguiente paso, en caso de estar interesado?

38

Guillermo Azuela

PERFILGuillermo ha estudiado una licenciatura en Diseño Industrial en la UNAM y posee un postgrado en Diseño de Información de la Universidad de las Américas, Puebla. Actualmente está trabajando como profesor en la licenciatura en Diseño de Productos, pero está preparando a varios tesistas dentro de un proyecto en conjunto con las otras licenciaturas en diseño de la universidad donde actualmente trabaja (diseño de información y arquitectura). Su interés es saber más de diseño de información y conocer como puede complementarse con el diseño tridimensional o la participación del diseño industrial en productos que estén fundamentados en su mayoría por un proceso de diseño de información. Debido a sus tesistas y al pro-yecto en el que todos están involucrados, Guillermo debe saber más del tema por lo que es necesario que tenga referencias rápidas y concretas, así como serias, para leer y estudiar durante sus descansos entre clases. Gusta mucho de leer, especial-mente novelas de ciencia ficción. Escucha todo tipo de música, tanto clásica como lo último de Björk. Tiene un pequeño taller en el patio de su casa, donde realiza escul-tura, cerámica y piensa muy pronto trabajar el vidrio. Por lo último, ha realizado algu-nas exposiciones y el año pasado que tuvo tiempo parcial en su universidad actual, armó un proyecto con FONCA sobre diseño industrial y artesanías en comunida-des rurales. Está muy interesado en establecer seminarios sobre nuevas ramas del diseño (e.g. de información) porque se está preparando para armar currículo para realizar sus estudios doctorales sobre estos tópicos.

PREGUNTAS¿Qué es diseño de información?¿Quiénes son las autoridades en el diseño de información?¿Cómo se relaciona el diseño de información con otras disciplinas de diseño?¿Cómo se relaciona el diseño de información otras disciplinas ajenas al diseño?¿Habrá alguien en México que esté haciendo diseño de información en forma académicamente?¿Habrá alguien en México que esté haciendo diseño de información en forma profesionalmente?¿Cómo aplico el diseño de información con el diseño industrial?¿Cuál sería la aplicación de diseño de información en la artesanía popular?¿Cómo puedo dirigir teóricamente a mis tesistas?¿Cuáles serían los tópicos novedosos para armar el seminario en diseño de informa-ción?¿Podremos contactar a alguien académico o profesional que nos ayude en los seminarios?

39

Lic. Ishel Ruiz

PERFILEs una persona inteligente, un tanto inexperta en manejar un área gubernamental, pero su temperamento y su convicción le facilitarán salir avante. En general, tiene pocos amigos, pues su trato no es el mejor, aunque en la mayoría de los casos, no lo hace con mala intención. Le gusta su trabajo relacionado con los números y estadís-ticas, es actuaria y está acostumbrada a trabajar bajo presión.Sus gustos personales, son los de una mujer en sus treintas, siguiendo un prototipo de mujer independiente y actual, por lo que le gusta asistir a los antros, ir al cine y viajar. También en su tiempo libre lee libros de administración y de avances tecnológicos y ahora está empezando a interesarse en Diseño de Información.Piensa en un futuro estudiar una maestría relacionada con el tema, pero por lo pronto, busca alguien que le pueda ayudar con esta forma de visualizar los datos que su área recoge y sobre todo para que la gente que la rodea esté a la misma frecuencia.Ella tiene la capacidad de decisión para contratar un servicio externo para su área, por lo que si se le convence es casi segura la contratación. Le agradaría escuchar un poco de la metodología y de los costos tentativos, para analizarlos y estar preparada con preguntas ante una reunión de negocios.

PREGUNTAS¿Existe alguien a la mano, que trabaje en DI, que pueda atender a mis problemas dentro de mi área de responsabilidad?Necesito saber que tipo de servicios me ofrecen y en qué consisten, y sobre todo ver los resultados que me prometen obtener.¿Qué tanto sabe la gente de la empresa acerca de DI?¿Tienen experiencia laboral?¿Qué tanto me convendría contratar esta empresa y no a otra del ramo, o de otro ramo ligeramente diferente?Me gustaría identificar a un buen proveedor de servicios, para seguir trabajando con ellos, pues existen muchas áreas de oportunidad en la organización.La forma de pago de la organización es un poco burocrática, por lo que debo saber si estarán dispuestos a trabajar en mis términos.Tienen algún tipo de respaldo, puesto que los datos son confidenciales, este es un tema importante para mí.¿En qué tiempo podré observar resultados con estos servicios?¿Tienen algún tipo de testimonio que los avale?

40

EscenariosAn

exo

Cu

atr

o

41

Eduardo Torres. Buscar algún servicio en Infovisionary.comEduardo se da cuenta que necesita un servicio relacionado con el diseño de infor-mación. Entra a infovisionary.com y desea saber en concreto cuáles son los servicios que ofrece. Cuando entra a la sección de servicios se da cuenta que son servicios integrales y que están respaldados por una metodología propia de la empresa. También observa que los servicios pueden considerarse según el tipo de problema atacado en su mayoría: consultoría, diseño gráfico, documentación técnica, etc. Al ir navegando cada uno, alguno de los miembros de infovsionary.com le da una breve introducción sobre la problemática y cómo los miembros de infovisionary.com sue-len atacar el problema. Al no reconocer quién le está hablando, observa que junto al carácter hay un pequeño vínculo sobre quiénes conforman la empresa, hace clic… regresa entonces a la sección de servicios con su botón retroceder, después navega hacia abajo y se da cuenta que existen unos casos de éxito en los que infovisionary.com ha solucionado. Interesado, le surge la necesidad de contactar, entonces se da cuenta que después de los casos, existe una pequeña lista que lo va cuestionando sobre sus necesidades. Al darse cuenta que en infovisionary.com se dan cuenta de lo que necesita, entonces, decide que sería bueno primero comentarlo con su socio, pero al mismo tiempo desea imprimir esa información/descargarla para tener disponible al momento de comentarle. Entonces descarga/imprime la información referente a problema/servicios relacionados por parte de infovisionary.com y nota que incluso aparecen los miembros de infovisionary que le “comentan” que si desea una presentación personalizada o entrevista con el cliente.

Eduardo Torres. Conocer la metodología de Infovisionary.comEduardo desea conocer cual es la metodología de infovisionary.com para conven-cerse de que está lideando con profesionales. Ya en la navegación de servicios o desde la sección sobre quiénes conforman infovisionary.com y qué es infovisionary.com, checa que hay vínculos sobre cuál es la forma de trabajar de infovisionary.com. Ya dentro de la sección de la metodología, observa primero una introducción por alguno de los caracteres miembros de infovisionary.com (nota que hay una vínculo a quiénes conforman infovisionary.com). Lo siguiente que observa es un diagrama, en este diagrama observa los pasos y puntos de control (lo cual tiene que ver con la calidad) que sigue infovisionary.com con cada uno de sus proyectos. Ya navegando hacia abajo, observa en forma sintetizada y bien categorizada (e.g. por color) cada una de las secciones de la metodología con su pequeña descripción. Observa que incluso es posible acceder a casos de éxito de infovisionary.com sobre la solución de problemas, así como un vínculo a los servicios. También observa al final que los caracteres de infovisionary.com le comentan que si desea mayor información para la prestación de algún servicio.

42

Eduardo Torres. Imprimir CV de los miembros de Infovisionary.comComo eduardo desea saber quiénes son son los miembros de infovisionary.com, va checando en la sección de qué es infovisionary.com y quiénes son sus miembros, pequeños currículums y luego encuentra a los mismos caracteres explicando cuáles son sus aficiones, intereses, etc. También observa que ya al final se le comenta si desea que los visite para una entrevista personalizada sobre los servicios que ofrece infovisionary.co

Eduardo Torres. Navegar un caso de éxito en Infovisionary.comEduardo quiere respaldar su argumentos con sus socios para convencerlos a través de los casos de éxito. Entonces se da cuenta que se pueden descargar en formato PDF estos casos de éxito (ya que incluso soporta multimedia los PDF en su última versión). También ve que puede imprimirse el caso de éxito. Observa que la intro-ducción corresponde con la problemática y la solución, todo en forma clara y sinte-tizada. Durante la explicación del caso, abajo, los mismos miembros de infovisionary.com van haciendo explicaciones sobre lo sucedido. En alguno de los casos puede encontrarse testimonios del mismo cliente y también se puede acceder a la sección de servicios y forma de contacto.

Eduardo Torres. Entrar al folio del cliente Infovisionary.comAl ya contactar a infovisionary.com para alguno de los servicios, Eduardo quiere ver los avances de su proyecto. Entonces entra a la sección de clientes infovisionary.com y ve claramente que hay una sección de login y password para acceder a informa-ción referente a su proyecto. Al proporcionar correctamente los anteriores (sino, una explicación del error cometido aparece), Eduardo puede ver tanto información financiera, como de desarrollo referente a su proyecto. Ve que su proyecto tiene un perfil: Nombre del proyecto, cliente, y miembro de infovisionary.com con el que se realiza la consultoría en su mayoría (lo cual es un “contacto directo” con “su” miem-bro de infovisionary.com). Se ve el costo actual de proyecto y el saldo por pagar del mismo, así como las fechas de pago según establecida en contrato. En la parte de abajo ya ve el porcentaje del avance de su proyecto y un enunciado sobre el status actual del mismo. Tal vez encuentre algunas ligas referentes a la cadena de evidencias relacionadas con su proyecto o prototipos del sistema de información (en caso de correr en línea) , screenshots de layout, documentación técnica, etc. Al checar el estado actual del proyecto, Eduardo decide salir de esa sección mediante la función “cerrar sección”.

43

Doctor Charles Mtanous Navegar Infovisionary.comDr. Charles, acude al sitio web por una invitación que le hizo un papá de un compañero de escuela de su hijo. Recuerda vagamente la plática acerca de Diseño de Información, sin embargo, sabe que es algo interesante. Encuentra el sitio y le llama la atención su diseño simple en el que percibe vanguardia y cierta confianza. Como si lo que fuera a leer es interesante y además importante para su empresa. Comienza por lo que le ha llamado más la atención leer: QUE ES DISEÑO DE INFORMACIÓN. En el siguiente paso, ve una guía de cómo navegar el sitio, le hace clic y le lleva a una pantalla con indicaciones simples de cómo aprovechar mejor su visita además, de presentarle el tamaño (en palabras y cantidad de imágenes) que tiene cada pantalla, y el tiempo estimado para lectura rápida y lectura profunda. Esto le agrada, pues le interesa primero saber poco de mucho, para después ahondar más en lo que le llame la atención.Ahora, regresa a la pantalla del menú principal y se detiene un momento para observar algunas soluciones visuales, las cuales de un solo momento sabe compren-der, a pesar de que por su experiencia, sabe que no es un asunto tan simple, por lo que entra a una de esas imágenes, en espera de la explicación de lo que se llevó a cabo…

Doctor Charles Mtanous Vista de un ejemplo de DIAl hacer clic a la imagen que le interesó, se encuentra con una estructura muy sen-cilla, en la que aprecia de un lado, un resumen breve pero que realmente captó con las ideas de un proceso que lleva una estructura y un procedimiento bien definidos. Ahora sabe mejor de que trata el problema que se identificó, así como el proceso de solución y el resultado final. Aprecia mejor la gráfica y le resulta confortante saber que, a pesar de ser nuevo en lo que se refiere a DI, pudo apreciar bien los resultados que se pueden obtener. De aquí, identifica que puede seguir por la lec-tura profunda acerca del ejemplo, o dar el salto a otros ejemplos, así como a poder opinar sobre el tema. Sin embargo, selecciona como siguiente opción el botón que ofrece descripciones de los problemas comunes que se pueden detectar en las empresas…

Doctor Charles Mtanous Examinando problemas comunes en las empresasUn aspecto que le parece importante es la facilidad para describir un problema en una oración. Sabe de lo que están hablando, sin embargo, quiere aprender un poco más de cómo se sintetizaron los encabezados, así que recorre uno a uno, sus descripciones…Ve que en realidad, se asemejan a los que tiene en la fábrica y a algunos que le han platicado varias personas y que se le hacen por lo tanto muy comunes. Ahora, observa una explicación desde un punto de vista interesante, pues se tiene una tabla en la que se aprecian calificaciones de complejidad dependiendo del proble-ma y ciertos parámetros que pueden tener las organizaciones, es como una guía rápida de saber como clasificar los problemas y sus posibles soluciones, además del esfuerzo en su solución.

44

Atraído por esta tabla, encuentra sentido entrar a buscar en los tipos de servicios que la empresa ofrece, sin embargo, antes de encontrar la descripción de un servi-cio, le agrada que se presentan los beneficios obtenidos al aplicar herramientas de Diseño de Información…

Doctor Charles Mtanous Cómo contactar a los asesores…Después de haber navegado por 6 pantallas, decide que quiere saber como podría contactar a los asesores infovisionary, por lo que se pregunta, dónde podré encon-trar esa solución…, sin embargo, observa en la parte superior, como sobresale un cintillo con el menú principal en el que aparece en todo momento las secciones en que se divide el sitio, estando ahí la palabra contacto…

Ingresa a la sección y observa la dirección, los teléfonos, e-mails, el nombre de las personas, así como otros datos de interés. Ve que fácil se lee todo y se da cuenta de que en un apartado tiene la opción de registrarse y de recibir información relevan-te al tema, lo cual le agrada, pues dejará para otro día la decisión de contactar a la gente infovisionary, ya que sabe que necesita meditar un poco más sobre el tema, ya que le ha cambiado la forma de abordar los problemas, que antes le parecían indescifrables de raíz… Su visita fue provechosa, pues comprendió varios conceptos y además le arraigo un interés por navegar más sobre la página y de incorporar a infovisionary como una solución para su empresa…

Además, existe un botón que le indica si quiere anexar en su bookmark el sitio de la empresa, por lo que lo presiona de inmediato, pues sabe que quiere ingresar de nuevo….

Guillermo Azuela. Navegar Infovisionary.comGuillermo accede a infovisionary.com y ve que es un sitio web que está relaciona-do de alguna forma con diseño de información. Sus intereses inmediatos es saber quiénes son los miembros de infovisionary.com y si tienen alguna información para leer e informarse. Necesita confirmar esto en forma rápida para saber si no se ha equivocado de sitio.

Guillermo Azuela. Buscar información de Infodesign in Infovisionary.comGuillermo ha notado que en infovisionary.com puede encontrar la información que necesita y que está catalogada según el nivel de conocimiento con la disciplina de infodiseño. Justamente a sus tesistas nuevos desea darles información para princi-piantes, o básica, sobre lo que es diseño de información y las lecturas con las que deben iniciarse, al menos, las referencias. Observa que hay una sección de defini-ciones básicas y que incluso hay una versión lista para imprimir o descargable, junto con una lista de referencias, algunas en línea. Cómo el ya está en la sección de gente

45

que es intermedio, busca información que tenga que ver con teoría más avanza-da sobre infodiseño dentro del sitio y además también esta interesado en saber referencias para lecturas más avanzadas como en el caso anterior. También se decide a imprimir esa lista o descargar esas notas a su computadora. Solo por curiosidad, estaba considerando que quería ver trabajos más sofisticados con el infodiseño, aquellos que ya son para gente muy especializada, por lo que navega la sección de expertos y ve que hay ligas a repositarios de datos y un pequeño compendio de abstracts y referencias a sitios universitarios y en particular a tesis doctorales.

Guillermo Azuela. Buscar casos de uso de Infodesign en Infovisionary.comDebido a que desea tener idea concreta sobre aspectos proyectuales del diseño de información, Guillermo quiere saber si dentro de infovisionary.com hay en forma imprimible o descarcargable algunos casos prácticos sobre proyectos llevados a cabo por los miembros de infovisionary.com. Cuando se encuentra ya en la sección de proyectos, se da cuenta que es posible encontrar varios casos de éxito según el área que fue atacada en su mayor parte: ya se consultoría de procesos, manejo de información, diseño gráfico, etc. Lee primero un pequeño resumen sobre los casos y los resultados obtenidos, y observa que luego continúa la información completa del caso. Decide imprimir/descargar para utilizarlo. También le llama la atención los tips y comentarios personales de los miembros de infovisionary y nota que es posible contactarlos para cuestionar estos últimos.

Lic. Ishel Ruiz Inicio en Infovisionary.comLa Lic. Ishel, escribe la dirección de infovisionary.com y entra al sitio. Le encanta el diseño que tiene, y empieza a curiosear en el sitio. Observar que hay una guía de cómo navegar el sitio, pero no le hace caso, ahora tiene un poco de tiempo y le agrada actuar como su instinto le indica. Entra y sale de distintas pantallas, sin siquiera leer su contenido, pues comprende un poco del tema y no quiere ahondar en esto por el momento, aunque de todos modos, le parecen interesantes algunas imágenes datos y frases muy resaltantes que alcanza a leer en las pantallas.Recordando lo que le trajo aquí, decide analizar con más cuidado algunas secciones que pasó, como son los servicios ofrecidos, la metodología general y la sección de casos de estudio.

Lic. Ishel Ruiz Investigación de serviciosDentro de la pantalla de servicios, se encuentra con sus descripciones, con algunos detalles en la complejidad y la liga a una tabla indicativa de problemas. Esta le agrada y la accede, verificando que el sitio tiene un buen diseño, fácil de comprender y que además le aporta ideas y puntos de vista importantes. Regresa a los servicios ofrecidos y empieza a razonar cual es el que se acopla a lo que está buscando. Y cae en la cuenta que más de uno podría encajar en sus necesidades. Así que empieza

46

a investigar un poco más sobre la metodología de solución, porque considera que esta es síntoma de profesionalidad y seriedad de la empresa.

Lic. Ishel Ruiz Zona de testimoniosUna vez determinado que le presenta una buena solución a sus problemas, quiere corroborar con testimonios y casos de estudio, lo que en teoría le interesó leer. Aparece la liga de un video con el testimonio de un empresario, junto con su correo electrónico, por lo que accede a escucharlo. Le agrado este video y procede a escribirle un correo de verificación de lo dicho por esta persona. A continuación, quiere saber más de los casos de estudio y los lee en la parte de lectura rápida, al encontrar un tema más interesante, decide cambiar a lectura profunda, para com-prender más detalles.

Lic. Ishel Ruiz Noticias…Le gustó que hubiera una sección de noticias, pues aunque interesada, el ser hipe-ractiva, le hace cambiar un poco el tema, antes de volver a abordarlo…

Encuentra noticias no del día, pero si de esas que son importantes por un buen período, también observa, que hay ligas a sitios de periódicos y revistas de primer nivel, por lo que califica al sitio, de muy agradable e interesante. Pasa por noticias de tecnología y regresa otra vez infovisionary, queriendo saber el costo de los servi-cios…

Lic. Ishel Ruiz Inversión en la asesoría…Le interesa saber el nivel de inversión que necesita este tipo de asesorías, pues para decidir si la quiere o no, debe saber al menos de cuanto podría valer, pues es indispensable saberlo, antes de contactar con la empresa.

Entra a la sección de servicios y observa que los costos son definidos en función de las horas invertidas de trabajo, sin embargo, le atrae la idea que de acuerdo a las etapas es como se va calculando los cobros, pues tiene la inquietud de entablar relaciones de negocios y que a la mitad del camino no resulte de su agrado y haya pagado por el servicio antes de recibir beneficios.

Por último, le preocupa la confianza con respecto a los datos que debe de compar-tir con los asesores y se pregunta si hay algún mecanismo que resalte la confiabi-lidad del proveedor en este aspecto. Por lo que busca si hay algún tema de esta índole que le ayude a despejar dudas.

47

Construcción Inicial de Mapa

An

exo

Cin

co

48

Lista General de elementos

Características Generales de Contenidos y FuncionesResumen de C. ÉxitoVersión extendida de C ÉxitoVersión descargable de C. ÉxitoTips de Roque sobre C. ÉxitoTips de Omar sobre C. ÉxitoImágenes de soluciones visualesProblemas que resuelve infovisionary.comEncabezados de los casos de éxito / estudioPalabras clave de los C. ÉxitoBeneficios de aplicar InfodesignExplicación de por qué infovisionary hace infodesignHerramientas de infodesignCuales de las herramientas de infodesign, utiliza infovisionaryBarra de navegación y ubicación actualLogo de infovisionaryOpción para hacer bookmark al sitioForma de acceso a la intranetTítulo de proyectoPoseedores de proyectoduración total y estimada, % de avanceLogo del proyectoCadena de evidencias de proyectoSaldo y fecha por pagar Opción de salir de la intranetDefinición de InfodesignAyuda de cómo usar el sitioMapa del sitioArtículo del mesCompendio de artículosURL a temas avanzadosBiografía y CV Jaime, OmarServicios de DiseñoDiagrama de metodologíaExplicación de metodologíaC Éxito en hipertexto de consultoría, infodesign y de identidadC Éxito en descagable de consultoría, infodesign y de identidadTestimonio para C ÉxitoCorreos de contactoPromocional de contactoCómo se ofrece la consultoríaCómo se ofrece el infodesign

49

Cómo se ofrecen servicios de identidadBrochure descargable de promoción gralBrochure descargable de metologíaComentarios avatar Jaime, OmarExplicación de serviciosAcceso a intranetCuestionario para identificación de necesidades del cliente (mercadeo indirecto)CV empresarial (compendio de C Éxito)Datos del cliente testimonialNombre, puesto, empresa y emailVideo y audio del cliente testimonialURL a áreas de infodesign (psicología, …)Noticia de hoyNoticia del mesComentarios de las noticiasListado parcial de noticias (10 últimos)Noticias del mes pasadoNoticias de los meses pasadosFoto de noticiasHipervínculo a las fuentes de las noticiasLiga a periódicosLigas a revistas digitalesLiga a universidadesLiga a asociaciones de infodesignForma para solicitar asesoríasCostos de asesoríasCostos de consultoría IICostos en identidad (logotipos)Costos de manual corporativo s/impresiones y c/impresionesExplicación del cálculo de horas por proyecto y su costoCalculador de costo en líneaImportancia o introducción a la documentación técnicaExplicación de servicios a la documentación técnicaC Éxito de la documentación técnicaBrochure de la doc tecIntroducción a infovisionary.comMisión infovisionary.comvision infovisionary.comobjetivos infovisionary.comglosario de terminos de la metodologíaglosario de terminos en infodesign en linea y descargableexplicación de los pasos de la metodología IGPAficiones Roque, OmarAcceso a Blog Roque, Omar

50

Buscador básicoItem de resultadoPag. De resultadosBuscador avanzadoProyectos de inv. Relacionados con infodesignArtículos teóricos de infodesignCasos de estudio de infodesignProgramas de estudio relacionados con infodesignLigas a áreas relacionadas con infodesignLigas a libros y autoridades con infodesignVideo testimonial con emai para corroborarliga a la definición de Infodesign en GRANDEGuía para navegar bien el sitioSecciones a presentar, cantidad de palabras, tiempo estimado de lectura, Número de imágenesMapa del sitio tipo mind mapSoluciones visuales importantes que atraigan al lector (tipo mapas visuales, metodos de visulización)Su explicación profunda y en vista rápidaEstructura sencillaNombre de problemas comunes de información en una sola fraseLiga a la descripción de los problemasTabla de complejidad de problemasEn función de tamaño de empresa, tipo de problema y otrosPrecios aproximados de los serviciosDescripción de los serviciosDescripción de los beneficios a obtenerBotón para bookmarkCV asesores, mail, telefono, direccionArea de contacto que aparezca siempre en menu principal (cintillo)Forma de registro para recibir más infoHerram y conceptos teóricos de vanguardia en infodesignLista de referencias en línea y de librosTodo en imprimir y descargarSección de expertos (abstracts, sitios universitarios y tesis doctorales)Casos prácticos imprimibles y descargablesComentarios de clientes infovisionaryTimeline de programa VS performance de proyectosCon cortes de presupuestos VS pagoHerram de blogForma para registarse en el blogResolucionesDescripción de metodologíaDescripción de IGP

51

Descripción de los puntos de control, refinamiento y cliente infovisAvatars explicando puntos críticos

Lista ordenada y clasificadaHomeImágenes de soluciones visualesExplicación de por qué infovisionary hace infodesignPromocional de contactoLogo de infovisionaryOpción para hacer bookmark al sitioAyuda de cómo usar el sitioMapa del sitioAcceso a intranetIntroducción a infovisionary.comMisión infovisionary.comvision infovisionary.comobjetivos infovisionary.comBuscador básicoItem de resultadoBuscador avanzadoliga a la definición de Infodesign en GRANDEGuía para navegar bien el sitioSecciones a presentar, cantidad de palabras, tiempo estimado de lectura, Número de imágenes (guía)Mapa del sitio tipo mind mapSoluciones visuales importantes que atraigan al lector (tipo mapas visuales, metodos de visulización)Botón para bookmarkForma para registarse en el blogDefinición de InfodesignBrochure descargable de promoción gralForma de acceso a la intranet

Problemas/Beneficios/ServiciosProblemas que resuelve infovisionary.comBeneficios de aplicar InfodesignServicios de DiseñoCómo se ofrece la consultoríaCómo se ofrece el infodesignCómo se ofrecen servicios de identidadExplicación de serviciosCuestionario para identificación de necesidades del cliente (mercadeo indirecto)Forma para solicitar asesoríasCostos de asesorías

52

Costos de consultoría IICostos en identidad (logotipos)Costos de manual corporativo s/impresiones y c/impresionesExplicación del cálculo de horas por proyecto y su costoCalculador de costo en líneaProgramas de estudio relacionados con infodesignNombre de problemas comunes de información en una sola fraseLiga a la descripción de los problemasTabla de complejidad de problemas (En función de tamaño de empresa, tipo de problema y otros)Precios aproximados de los serviciosDescripción de los serviciosDescripción de los beneficios a obtenerImportancia o introducción a la documentación técnicaExplicación de servicios a la documentación técnicaBrochure de la doc tecSoluciones visuales (explicación profunda y en vista rápida)

Metodología, Herramientas y ConceptosHerramientas de infodesignCuales de las herramientas de infodesign, utiliza infovisionaryDefinición de InfodesignCompendio de artículosURL a temas avanzadosDiagrama de metodologíaExplicación de metodologíaBrochure descargable de metodologíaURL a áreas de infodesign (psicología, …)Liga a universidadesLiga a asociaciones de infodesignglosario de terminos de la metodologíaglosario de terminos en infodesign en linea y descargableexplicación de los pasos de la metodología IGPProyectos de inv. Relacionados con infodesignArtículos teóricos de infodesignLigas a áreas relacionadas con infodesignLigas a libros y autoridades con infodesignHerram y conceptos teóricos de vanguardia en infodesignLista de referencias en línea y de librosSección de expertos (abstracts, sitios universitarios y tesis doctorales)Casos prácticos imprimibles y descargablesDescripción de metodologíaDescripción de IGP de los puntos de control, refinamiento y cliente infovisionaryCasos de estudio de infodesign

53

Comentarios avatar Jaime, OmarLigas a revistas digitalesImportancia o introducción a la documentación técnicaExplicación de servicios a la documentación técnicaBrochure de la doc tecSoluciones visuales (explicación profunda y en vista rápida)

Casos de ÉxitoResumen de C. ÉxitoVersión extendida de C ÉxitoVersión descargable de C. ÉxitoEncabezados de los casos de éxito / estudioC Éxito en hipertexto de consultoría, infodesign y de identidadC Éxito en descagable de consultoría, infodesign y de identidadCV empresarial (compendio de C Éxito)Palabras clave de los Casos de ÉxitoC Éxito de la documentación técnicaVideo testimonial con email para corroborarComentarios de clientes infovisionaryCasos de estudio de infodesignComentarios avatar Jaime, Omar

Clientes InfovisionaryTestimonio para C ÉxitoTítulo de proyectoPoseedores de proyectoduración total y estimada, % de avanceLogo del proyectoCadena de evidencias de proyectoSaldo y fecha por pagar Opción de salir de la intranetDatos del cliente testimonialNombre, puesto, empresa y email (cliente test)Video y audio del cliente testimonialTimeline de programa VS performance de proyectos y Con cortes de presupuestos VS pagoComentarios avatar Jaime, Omar

ContactoCorreos de contactoBiografía y CV Jaime, OmarAficiones Roque, OmarAcceso a Blog Roque, OmarCV asesores, mail, telefono, direccion

54

Area de contacto que aparezca siempre en menu principal (cintillo)Forma de registro para recibir más infoCV empresarial (compendio de C Éxito)

NoticiasArtículo del mesNoticia de hoyNoticia del mesComentarios de las noticiasListado parcial de noticias (10 últimos)Noticias del mes pasadoNoticias de los meses pasadosFoto de noticiasHipervínculo a las fuentes de las noticiasLiga a periódicosLigas a revistas digitalesBlogs

55

Marcos AlambradosAn

exo

Seis

56

57

58

59

Comentarios de las Pruebas deUsabilidad

An

exo

Sie

te

60

Eliazer VázquezArquitecto.22 años.

1) Si el está en el caso de necesitar algo, directamente se iría a home / servicios / qué solucionamos.2) Primeramente se detendría a examinar la tabla de precios y luego observaría los beneficios que se incluyen.3) Dentro de la sección de beneficios, no encontró una liga para hacer el pedido.4) Quisiera que el home estuviera más explicado.5) Piensa que un mapa del sitio es una buena opción para encontrar temas.6) También considera que debe de existir en el mapa un buscador local de temas.7) Los sitios para él, no deben de tener mucha profundidad, pues los considera poco interesantes.8) Considera que se discrimina a la audiencia al separar en la parte de Infodiseño en introducción y avanzados.9) Si el no tiene la decisión sobre la aplicación de los servicios, o si la información que se presenta no le sirve a él, pero se lo pidió otra persona, él descargaría el promocional, esperando que tenga lo más importante.10) Se confunde la categoría qué hacemos con “servicios”11) No le llama la atención lo de la metodología IGP, quizás algún otra manera de nombrar la categoría, como “cómo trabajamos”12) El contáctanos que aparece en algunas pantallas llega a confundirlo, con el pie de página, dónde aparecen las formas de contacto.13) El utilizaría tanto el correo electrónico, como el teléfono en caso de querer contactarse.14) A su juicio, un buen sitio Web debe de ser sencillo, claro y práctico.

61

Claudia NovoaDiseñador Gráfico.24 años.

1) En casos de estudio, buscaría otros casos.2) Login y password para entrar, no pensó que era sólo para los clientes con los que se tiene una relación de negocios.3) En comparación con el Messenger, que mucha gente sabe qué es y cómo usarlo, la aparición de un Blog, trae en su mente una herramienta nueva, la cual debe de ser bien explicada para su exitosa integración.4) La palabra “servicios” como categoría, para ella no significaba mucho.5) Lo más importante para ella, es la parte central de la pantalla.6) El cintillo en los menús no le parece atractivo, considera la metáfora de los fol-ders, como una opción más adecuada.7) En la parte de home / servicios / qué solucionamos, debería de tratarse más bien, de cómo lo solucionamos.8) Integrar los precios, en la parte de los beneficios, y no aislarlos en una tabla a parte.9) Definir muy bien, lo que el cliente ganará al contratar los servicios.10) La categoría “documentación técnica”, no le indica bien que tipo de servicio corresponde, quizás utilizar mejor, “diseño de documentos”11) Utilizar términos menos técnicos en general.12) Tiene la duda si podría chatear dentro del sitio, para que se le resuelvan las dudas en línea.13) Si ella se encuentra en el caso de querer un portal. ¿Este diseño en cuánto saldría? ¿Se puede consultar desde la página, o se debe de comunicar directamente?14) Ella no prefiere navegar dentro del sitio, sino que esperaría ver el mapa del sitio para encontrar lo que a ella le llamaría la atención.15) Dentro del mapa del sitio, estaría bien incluir una descripción de las secciones.16) Referente a las experiencias tanto de la empresa como de los consultores, daría mejor impresión, que fuera visual, más que sólo texto.17) En cuanto a la metodología IGP, que aparece en home / empresa / metodología IGP, de entrada no le llamaría la atención explorarla.18) Además del botón del bookmark, le agradaría una forma de agregar el correo del sitio a sus contactos, para no tener problemas con su filtro de correo no desea-do.19) Considerar en el sitio que sea atractivo, para que “invite” a entrar a navegar en él.20) Mostrar en el CV de los consultores, su fotografía.21) Se confunde la categoría qué hacemos, con la experiencia personal.22) Considerar que al publicar los casos completos, podemos sufrir de plagio.23) La categoría de qué es Infodiseño, no se entiende como el conjunto de concep-tos sobre el tema, sino sólo como la definición.24) Dar a entender que hay material sobre el tema de Infodiseño.

62

Norma TorresIngeniera Industrial25 años

1) Se confundió con la necesidad de hacer loggin para poder acceder a la página.2) Hizo notar la necesidad de un mapa de sitio para evitar hacer más clicks si quiere entrar a una sección y andar regresando.3) Son muy similares los conceptos que refieren las etiquetas “qué solucionamos” y “qué ofrecemos”4) En la sección de qué solucionamos, le atrajo la descripción de los problemas”5) Entraría en cada uno de los problemas, para saber a qué se refiere.6) El término “Documentación técnica” no le indica mucho.7) Le interesaría entrar a casos de éxito, para saber si ha funcionado la empresa Infovisionary8) Dentro de los casos de éxito, buscaría aquellos que se relacionan con sus necesi-dades, si es que no lo encuentra, entraría de todos modos a alguno de ellos.9) Resaltó la utilidad de la sección “tus beneficios” en aras de mostrar lo que al cliente le puede convenir contratar un servicio con la empresa.10) En su opinión, no se debiera de mostrar videos en el sitio, puesto que debido a experiencias negativas con su velocidad de conexión, los videos tardan mucho en poder ser vistos.11) Si encuentra algún caso de éxito o testimonio interesante, lo leería hasta que le diera flojera continuar leyendo, en caso de ser muy largo.12) Por otra parte, si estuviera interesada en el sitio, trataría de encontrar más infor-mación, concretamente en home / empresa.13) No le interesaría leer la parte de metodología IGP, pues ni siquiera tiene idea de lo que podría tratar.14) En un momento dado, no se detendría mucho sino encuentra una respuesta a sus necesidades, por lo que podría escribir un mail, preguntando por la posibilidad de ayudarle en su situación.15) En la parte de home / quiénes somos, a pesar de que le daría flojera leer la misión y visión, considera que deben de estar.16) Si descargaría el promocional descargable.17) La parte de Infodiseño considera que es adecuada, incluso lo separar por nive-les (avanzado y de introducción)18) No le interesaría descargar los casos, ya que tendría miedo de contagiar su máquina de virus, además de que tardaría por su mala conexión.19) Consideraría útiles los conceptos y herramientas que se presenten, más no así los pdf ’s y los links.20) En todas las hojas debería de estar la forma de para contactar a la empresa.21) Para el caso de que quisiera regresar a la página de inicio, lo haría a través del mapa del sitio, no pensó en considerar la ruta para hacerlo.

63

Mapa Finalde Sitio

An

exo

Och

o

64

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

65

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

66

Referencias

67

Referencias Bibliográficas

Dumas, J. S. & Redish, J. C. (1993). A practical guide to usability testing. Norwood, NJ. Ablex Publishing.

Rosenfeld, Louis & Peter Morville (2002). Information Architecture for the world wide web. 2nd Edition. O’Reilly & Associates Inc. EU.

Thissen, Frank. (2004). Screen Design Manual Communicating Effectively Through Multi-media X. Media.Publishing.

Van Dijck, Peter (2003). Infomation Architecture for Designers Structuring websites for business success. Rotovision, SA. Sussex, UK.

Referencias a Sitios Web

Merliss, Gena & Daniel Noel. Experimenting with open ended questions, 2003.url: www.masscharterschools.org/fellowships/docs/149/Merliss3.html

Stiple, John. Information Architecture Tutorial.url: http://webmonkey.wired.com/webmonkey/98/28/index0a.html

Conferencias

Sanders, Elizabeth (Mayo, 2005). Diseño de Marcas, Interfases y Espacios. En la Univer-sidad de las Américas – Puebla.