SlideShare a Scribd company logo
1 of 23
Download to read offline
Sotfware de prototipado para
    la arquitectura de la
información: funcionalidad y
         evaluación
                          Por Mario Pérez-Montoro y Lluís Codina
                                        (Junio 2010)


Resumen: El diseño y planificación de la arquitectura de la información de los distintos
componentes de un sitio web pasa necesariamente por una propuesta de prototipado de la
estructura arquitectónica de ese entorno informacional. El objetivo de este artículo es
analizar y evaluar una serie de herramientas informáticas diseñadas para facilitar la creación
de prototipado en el diseño y creación de páginas web.
Palabras clave: Prototipado de sitios web, Wireframes, Blueprints, Software, Aplicaciones en
línea
Title:   Prototyping software for information architecture: functionality and
evaluation
Abstract: The planning and design of the web site information architecture necessarily
involves a prototype proposal for the architectural structure of the informational
environment. The aim of this paper is to analyze and evaluate a range of tools to facilitate
the development of the wireframes in the design and creation of web pages.
Keywords: Web sites prototyping, Software, Wireframes, Blueprints, Mockups, Cloud
computin


Mario Pérez-Montoro es doctor en Filosofía y Ciencias de la Educación por la Universitat de
Barcelona y máster en Organización de Sistemas de Documentación en la Empresa por la
Universitat Politècnica de Catalunya. Dentro de su formación académica se puede destacar
que ha realizado estudios de postgrado en el Istituto di Discipline della Comunicazione de la
Università di Bologna (Italia) y que ha sido profesor visitante (Visiting Scholar) del CSLI
(Center for the Study of Language and Information) de la Stanford University (California,



                                              1
EEUU). Su trayectoria científica se centra sobre algunos de los diversos aspectos
(conceptuales, semánticos, epistemológicos y pragmáticos) relacionados con el tema de la
Teoría de la Información y la Gestión del Conocimiento. Actualmente es profesor de la
Facultat de Biblioteconomia i Documentació de la Universitat de Barcelona.


Lluís Codina es Profesor titular del Departamento de Comunicación de la Universidad
Pompeu Fabra Imparte docencia en los Estudios de Periodismo y de Comunicación
Audiovisual. Participa en máster oficiales y en programas de doctorado del Departamento de
Comunicación y Coordina el grupo de investigación en Documentación Digital y
Comunicación Interactiva y forma parte del Grupo de Investigación en Periodismo, ambos
grupos reconocidos de la UPF y el último por la Generalitat de Catalunya. Su último libro (en
coedición) se titula Web Semántica y Sistemas de Información Documental (Trea, 2009).




                                             2
1. INTRODUCCIÓN

       Podemos convenir que la Arquitectura de la Información debe ser entendida como la
disciplina (arte y ciencia) que proporciona métodos y herramientas para estructurar,
organizar y etiquetar los componentes que conforman los entornos informacionales. En este
sentido, persigue el objetivo de facilitar el acceso a la información contenida en esos
entornos y mejorar, así, su utilidad y aprovechamiento por parte de sus usuarios (Pérez-
Montoro, 2010).
       Como resultado, esta disciplina se encarga de sustentar, en buen parte, la potencial
utilidad de los sitios web. Sin una buena arquitectura de la información, los usuarios
simplemente no acceden a los contenidos de un sitio (Morville, Rosenfeld, 2006). A su vez, el
adecuado diseño y planificación de la arquitectura de la información pasa necesariamente
por una propuesta de prototipado de la estructura arquitectónica de ese entorno
informacional.
       El objetivo de este artículo es analizar y evaluar una serie de herramientas
informáticas (en línea y de escritorio) diseñadas para facilitar la creación de prototipado
web. Este análisis se centrará sobre sus capacidades relacionadas con el prototipado de
sitios web, no atendiendo a sus funcionalidades relacionadas con el posible modelado de
otro tipo de interfaces, ya que, por un lado son requerimientos distintos y, de hecho, la
mayoría de programa de prototipado de sitios web se limitan, de facto, a esta última
función. Para cubrir ese objetivo, este trabajo ha sido estructurado y articulado de la
siguiente manera. En el siguiente apartado (apartado 2), se comienza mostrando la
importancia del prototipado para la propuesta de la arquitectura de la información de una
página web. En los siguientes dos apartados (apartados 3 y 4), se analizan las soluciones
informáticas (en línea y de escritorio) diseñadas para la creación de prototipado de sitios
web. Utilizando una metodología de análisis propia, el apartado 5 está dedicado a la
evaluación de esas herramientas informáticas. El trabajo se completa con un último
apartado en el que se extraen una serie de conclusiones sobre esas herramientas a partir de
ese análisis y esa evaluación realizada.




                                             3
2. FUNCIÓN DEL PROTOTIPADO

       Como ya hemos señalado, el diseño de un sitio web suele incluir una propuesta de
prototipado de la estructura arquitectónica de ese entorno informacional (Pedraza-Jiménez,
2009) y en tal caso, el resultado principal que se obtiene con el prototipado es una serie de
diagramas. Esos diagramas o prototipos se diseñan para cubrir dos funciones esenciales. Por
un lado, se diseñan con el fin de representar todos los aspectos básicos de los elementos
arquitectónicos del sito web. Entre esos aspectos se recoge esencialmente los componentes
de cada unos de los sistemas (organización, etiquetado, navegación, búsqueda y
vocabularios) que conforman la anatomía de la arquitectura del sitio, la estructura de los
contenidos que conforman ese sitio y las relaciones existentes entre éstos. Y, por otro, se
diseñan con el objetivo de poder comunicar de forma eficaz esos aspectos básicos de los
elementos arquitectónicos a otros profesionales implicados en el proyecto del diseño y
desarrollo de un sitio web (Brown, 2007; y Yusef et al., 2004).
       Los dos principales tipos de diagramas o prototipos que se suelen utilizar para
representar la propuesta arquitectónica de una página web son los técnicamente
denominados blueprints y wireframes.
        El blueprint (plano o mapa) de un sitio web es un esquema donde se representa la
estructura arquitectónica de ese sitio web con todas sus páginas y donde se ponen de
manifiesto las distintas relaciones existentes entre la página principal, las páginas que
conforman el sitio y los contenidos que componen esas páginas.
       Un wireframe (o maqueta), en cambio, es un prototipo arquitectónico de cada una
de los tipos de página que conforman un sitio web. Es un esquema donde queda
representado el contenido y la arquitectura de la información (sin elementos gráficos) de
cada uno de las clases de página de un sitio. En cierta manera, puede ser considerado como
la intersección entre la arquitectura de la información de una página con su visualización y
diseño gráfico.




                                               4
3. HERRAMIENTAS DE ESCRITORIO

        El primer grupo de soluciones analizadas está formado por un conjunto de
herramientas de escritorio (comerciales y gratuitas) muy utilizadas por los profesionales
dedicados al diseño de interacción en general y a la arquitectura de la información en
particular: Axure, Visio Profesional, OmniGraffle, Denim, Conceptdraw Pro, Smartdraw y
Pencil Project.1


3.1. AXURE


        Axure (http://www.axure.com), junto a Visio de Microsoft, es una de las
herramientas de prototipado más utilizadas por los arquitectos de la información. Se trata
de una solución de escritorio en inglés y de pago, diseñada específicamente para el
prototipado, en Windows y Apple, de entornos web (wireframes y blueprints).




1
 Las versiones analizadas y evaluadas de estas herramientas han sido: Axure PR Pro 5.6, Visio Profesional
2007, OmniGraffle 5, Denim 2.1, Conceptdraw Pro, Smartdraw 2010 y Pencil Project.



                                                   5
Figura 1. Vista parcial de los widgets (componentes) para wireframes de Axure


       Incorpora una librería estándar formada por una veintena de elementos gráficos para
el prototipado web que permite la gestión y edición de sus elementos y la incorporación de
nuevos componentes gráficos externos.
       Axure permite la exportación de a formatos como Html, Word, Cvs, algunos formatos
de imagen (Bitmap, PNG, JPG o GIF) o RP. En cambio, sólo importa directamente el formato
RP de Axure. Destaca, además, por permitir anotaciones y notas a pie de página, la edición
colaborativa con un sistema de control de versiones y la creación de prototipos dinámicos y
navegables.
       En su página oficial aparecen una importante biblioteca de plantillas de wireframes y
blueprints, tutoriales de ayuda, un blog de novedades, un espacio de soporte sobre el
producto, e incluso un foro (en inglés) para los usuarios.




                                               6
3.2. VISIO PROFESIONAL


       La herramienta Visio (http://office.microsoft.com/es-es/visio/default.aspx) es uno de
los programas informáticos, exclusivamente para Windows, más versátiles y comúnmente
utilizado en el desarrollo de propuestas de diseño web.




                            Figura 2. Interfaz de trabajo de Visio


       Nos permite trabajar con un interfaz en inglés o en español. Nos ofrece una librería
estándar formada por una cincuentena de elementos gráficos para el diseño del prototipado
web, que puede ser enriquecida con nuevos elementos gráficos externos y que aporta una
caja de búsqueda para facilitar el acceso al elemento a partir de su nombre.
       Visio permite la exportación a formatos como PDF, Html, SGV, TIFF, JPEG, GIF, PNG o
Visio; e importa formatos como Html, SGV, TIFF, JPEG, GIF, PNG o Visio. La solución permite


                                              7
incluir anotaciones y notas a pie de página, la edición colaborativa de prototipado y la
creación de prototipos dinámicos.
        En su página oficial aparecen una importante biblioteca de plantillas de gráficas (sin
plantillas de wireframes y blueprints), tutoriales de ayuda, un espacio con videos de
formación, un apartado de soporte y comentarios, e incluso unos grupos de discusión (en
español).


3.3. OMNIGRAFFLE


        OmniGraffle      (www.omnigroup.com/applications/OmniGraffle)      es   una   de   las
herramientas de prototipado más utilizadas en el entorno de Apple. No existe versión para
ningún otro sistema operativo.
        Es una herramienta de escritorio muy versátil diseñada, exclusivamente en lengua
inglesa, para la creación de representaciones graficas en general, aunque permite también la
creación de prototipado web.
        No incorpora una librería estándar de elementos gráficos para el prototipado web.
Aunque permite la gestión y edición de los elementos y la incorporación de nuevos
componentes gráficos externos. No es difícil encontrar e incorporar los elementos
necesarios para el prototipado web (y de entornos móviles) como, por ejemplo, desde su
propia página oficial.
        Permite la exportación a diferentes formatos como OmniGraffle, PDF, TIFF, PNG,
JPEG, EPS, HTML, OmniOutliner, SVG, PICT, Photoshop, BMP o Visio; y la importación de
formatos como OmniGraffle, Visio, DOT, Xcode o EOModeler.
        Como en los casos anteriores, ofrece la posibilidad de incluir anotaciones y notas a
pie de página, prototipos dinámicos y, también, la edición colaborativa de prototipado. En su
página oficial podemos encontrar una importante biblioteca de plantillas gráficas, video
tutoriales de ayuda sobre la herramienta, un espacio de soporte al usuario, y también un
foro.




                                              8
3.4. DENIM


       Denim     (http://dub.washington.edu:2007/projects/denim)        es    una    sencilla
herramienta de escritorio específicamente desarrollada para el prototipado de interfaces de
usuario.
       Es una solución gratuita de código abierto y en lengua inglesa disponible para
Windows, Unix o Mac OS X. Aunque su uso es muy intuitivo y sencillo, se trata de una
solución pobre en prestaciones. Permite desarrollar, además de prototipado, diagramas de
flujo y storyboards. Sin embargo, incluye una librería reducida de elementos gráficos para el
prototipado web que admiten una edición posterior muy limitada. Lamentablemente, la
librería no puede ser enriquecida con ningún tipo de nuevos elementos gráficos externos.
       Sólo permite la exportación de sus propuestas de prototipado a Html, o a su propio
formato Denim. Admite exclusivamente la importación de su propio formato.
       Permite la creación de prototipos dinámicos y navegables, pero no anotaciones y
notas a pie de página, ni la edición colaborativa. Aunque su página oficial no incluya
plantillas de wireframes y blueprints, ofrece documentación de ayuda con ejercicios
prácticos, un apartado de soporte y comentarios, e incluso una lista de distribución donde
solucionar dudas sobre su utilización.


3.5. CONCEPTDRAW PRO


       Conceptdraw Pro (http://www.conceptdraw.com) es una aplicación comercial de
escritorio en lengua inglesa y muy versátil para Windows y Apple.




                                             9
Figura 3. Galería de herramientas de diseño y tipos de diagramas que pueden realizarse con
                    un software versátil (en este caso, Conceptdraw Pro)


       Completada con el plug-in WebWave, nos ofrece una librería estándar de más de
ciento veinte elementos gráficos para el prototipado web, que puede ser enriquecida con
nuevos elementos gráficos externos. Incorpora el Site Mapper wizard, que genera de forma
automática el blueprint o mapa del sitio de una web ya existente.
       Conceptdraw Pro permite la exportación a formatos como PDF, Html, Xml, Power
point, Macromedia Flash, los principales formatos gráficos, SVG, o Conceptdraw; y la
importación de los formatos Xml, los principales formatos gráficos, Power point, BMP, Visio
o Conceptdraw. Aunque no incluya la opción de insertar anotaciones, sí permite las notas a
pie de página, la edición colaborativa y la creación de prototipos dinámicos.
       En su página oficial aparecen una importante biblioteca de plantillas de gráficas,
tutoriales de ayuda, un espacio de soporte e incluso un espacio (community) en inglés para
sus usuarios.




                                             10
3.6. SMARTDRAW


       Smartdraw (http://www.smartdraw.com) es una versátil herramienta de escritorio,
en inglés y sólo para Windows, diseñada para la realización de tareas gráficas en el contexto
de las organizaciones que incluye también recursos para el prototipado de páginas web.
       Incorpora una librería estándar que incluye un extenso conjunto de elementos
gráficos para el prototipado web. Permite la gestión y edición de los elementos que ofrece y
la incorporación de nuevos componentes gráficos externos.
       Facilita la exportación a diferentes formatos como PDF, Word, Power Point, Exel,
Word Perfect, Formatos gráficos, Html, Metalife, o Smartdraw; pero sólo importa los
formatos Visio o Smartdraw. Permite anotaciones y notas a pie de página, la edición
colaborativa de prototipado y la creación de prototipos dinámicos e interactivos.
       En su página oficial aparecen, entre otros recursos, una importante biblioteca de
plantillas de wireframes y blueprints, tutoriales de ayuda, un glosario para la aclaración de
términos y un foro para sus usuarios.


3.7. PENCIL PROJECT


       Pencil Project (http://www.evolus.vn/pénsil) es una solución informática en lengua
inglesa, gratuita y de código abierto disponible para ordenadores con sistema operativo
Windows o GNU/Linux. También puede ser instalada como una extensión (addon) en el
navegador Firefox.
       Es una solución muy versátil que nos ofrece una librería formada por más de
cincuenta elementos gráficos para el prototipado web, que admiten una edición posterior y
la incorporación de nuevos elementos gráficos externos. Permite la exportación a diferentes
formatos como Html, Png, Openoffice, Word, PDF o Pénsil; pero sólo importa su propio
formato.
       Permite la creación de prototipos dinámicos y anotaciones; pero no las notas a pie de
página ni la edición de proyectos de creación colaborativa de prototipado. Su página oficial




                                             11
ofrece ejemplos y plantillas de wireframes y blueprints, tutoriales de ayuda e incluso un
espacio para la discusión.




4. HERRAMIENTAS EN LÍNEA

        En los últimos años ha aparecido una amplia gama de aplicaciones basadas en el
llamado cloud computing, es decir, aplicaciones que se ejecutan a través de un navegador y
sin necesidad de instalar software adicional.
        Para algunas empresas y profesionales esto es una ventaja porque evita la instalación
y el mantenimiento de programas en los ordenadores de la empresa. Además, de forma
automática, los datos y documentos creados quedan guardados en servidores de Internet,
por lo cual se puede acceder a ellos desde cualquier ordenador del planeta. Por esta misma
razón, facilitan la edición colaborativa y los grupos de trabajo. Naturalmente, todas estas son
funciones con las que las aplicaciones de escritorio, por definición, no pueden competir.
        Además, al ejecutarse sobre cualquier navegador estándar, estas aplicaciones en
realidad son independientes de la plataforma del usuario (Windows, Linux, Mac, etc.).
        En general, las soluciones en línea son menos sofisticadas que las de escritorio. En
contrapartida, generalmente presentan un coste más bajo y ofrecen versiones a coste cero.
Esto permite que puedan ser utilizadas también en entornos como el de la enseñanza.
        En el conjunto de soluciones en línea que vamos a analizar en este trabajo se
incluyen las siguientes herramientas: Mockflow, iPlotz, Pidoco, Lovely Chart, MockingBird y
Lumzy.2


4.1. MOCKFLOW


        Mockflow (www.mockflow) es una aplicación online para el diseño de interfaces de
usuario y prototipado de sitios web, siendo uno de los productos más completos de esta
comparativa gracias a su especialización. Presenta una interfaz muy elegante y de uso


2
 Las versiones evaluadas de estas herramientas corresponden a las que estaban disponibles en el mes de mayo
de 2010.



                                                   12
sumamente intuitivo que permite la creación sencilla de prototipos. Es una de las
aplicaciones que proporciona un mayor número de elementos (o widgets) de diseño, tanto
de tipo estándar como para móviles.
        Proporciona casi todo lo que se puede esperar de un programa de prototipado:
control de versiones, colaboración en tiempo real, anotaciones, diseño basado en esquemas,
importación de esquemas predefinidos o generación de mapas del web, entre otras.
Adicionalmente, dispone de una aplicación gemela de escritorio para trabajar en modo
offline. Por último, es uno de los programas que disponen de versión gratuita (tipo basic) sin
ninguna restricción funcional, únicamente en relación al número de proyectos y de páginas
de cada proyecto. Ideal, por tanto, para quienes siempre estamos buscando buenas
herramientas para llevar a las aulas.




Figura 4: Interfaz de una aplicación de prototipado en línea con un ejemplo de wireframe en
la ventana de edición (Mockflow)


4.2. IPLOTZ


        iPlotz (www.iplotz.com) es otro de los pesos pesados de las aplicaciones online.
Comparte muchas de las características de su gran rival comercial en esta área (Mockflow),



                                             13
como su elevada especialización, el gran número de elementos (sobre un centenar), la
aportación de elementos móviles, o wireframes dinámicos, entre otras.
       Destaca por sus opciones de exportación, especialmente en HTML, con un resultado
de una fidelidad extraordinaria. Su interfaz es eficaz y muy eficiente, pero quizá un poco
intimidatoria comparada con la sencillez de, por ejemplo, Mockflow. Parte de esa
complejidad procede del mayor número de funciones que presenta iPlotz frente a sus
competidoras. Es la aplicación en línea que proporciona más opciones de exportación, así
como funciones específicas de gestión de proyectos y de edición colaborativa. Ofrece,
además, una versión gratuita sin limitaciones funcionales (con limitaciones del número de
proyectos).




Figura 5: Un gestor de proyectos de una aplicación en línea (iPlotz)


4.3. PIDOCO


       Pidoco (www.pidoco.com) completa el trío de las aplicaciones en línea que pueden
compararse sin complejos con sus competidoras de escritorio, aportando las funcionalidades
que se espera de este tipo de herramientas.




                                              14
Algunos de sus puntos fuertes son la eficacia de sus exportaciones a Word y HTML, la
posibilidad de dos vistas diferentes del prototipado (una del tipo mano alzada y otra más
clásica (ortogonal)), en sus opciones de trabajo colaborativo y en una herramienta que
permite llevar a cabo tests de usabilidad en modo remoto.


4.4. LOVELY CHART


       Lovely Chart (www.lovelycharts.com/) es la única de las aplicaciones en línea
consideradas aquí con un grado de versatilidad comparable a las de escritorio.
       Esta versatilidad la paga en una baja especialización en el campo que nos ocupa,
ofreciendo pocos elementos para prototipado. Es decir, se trata del más versátil de los
programas en línea, pero del menos especializado.
       Destaca la calidad de su interfaz, con soluciones innovadoras. Otro aspecto
destacado es la facilidad de edición de los elementos una vez puestos en el lienzo:
dimensiones, color, establecimientos de conexiones, etc. Forma parte del grupo de honor de
las aplicaciones online con versión gratuita. De todos modos, su versión de pago es
realmente low cost (29 €).


4.5. MOCKINGBIRD Y LUMZY


       Por último, incluimos en un mismo apartado dos soluciones que comparten varios
rasgos. En primer lugar, ambas ofrecen únicamente versiones gratuitas. En el caso de
MockingBird, al menos mientras se mantenga en versión beta. Lumzy indica que ofrecerán
soporte al usuario, pero parecen apuntar, sin explicitarlo, que vendrá con algún tipo de
licencia de pago.
       En segundo lugar, sobre todo comparadas con las tres primeras, son las dos
soluciones menos especializadas, aunque ambas son muy notables en cuanto al número de
elementos que proporcionan y, sobre todo, en su extremada facilidad de uso.




                                            15
5. EVALUACIÓN DE LAS HERRAMIENTAS

       Una vez descritas las herramientas en línea y de escritorio, podemos centrarnos
ahora en la evaluación de las mismas. Por definición, todo modelo de evaluación incorpora
intrínsecamente un cierto grado de discrecionalidad, y esto es inevitable, por tanto, no
pretendemos presentar el único modelo de evaluación posible, sino un modelo que racional
que puede ser mejorado por posteriores trabajos. Ningún sistema de evaluación puede
pretender ser definitivo, pero tampoco cabe serle exigido, porque es intrínsecamente
imposible. Ni siquiera los muy racionales y ampliamente aceptados, por poner un ejemplo,
sistemas de evaluación de la calidad de vida que utiliza las Naciones Unidas.


       Por tanto, lo que presentamos en este trabajo es obviamente un modelo de
evaluación tan discrecional como cualquier otro, pero siempre basado en una perspectiva
racional, analizable por terceras partes, es decir, repetible por terceras partes y siempre en
busca de utilidad para los profesionales y estudiosos del tema.
       En cualquier caso, para implementar nuestra propuesta evaluativa vamos a analizar
en cada una de estas soluciones los siguientes parámetros: operatividad, funcionalidad,
plantillas y soporte.




                                             16
Herramienta Operatividad Funcionalidad Plantillas Soporte Total
      iPlotz      5            11           0         2     18
   Smartdraw      0            14           2         2     18
 Conceptdraw      0            14           2         2     18
 Pencil Project   3            11           2         2     18
  OmniGraffle     0            13           2         2     17
     Axure        1            12           2         2     17
   MockFlow       3            11           1         2     17
       Visio      1            13           0         2     16
     Pidoco       3             7           0         2     12
  Lovely Chart    3             7           0         2     12
     Denim        3             6           0         2     11
 MockingBird      3             5           0         1      9
     Lumzy        3             5           0         1      9

                         Tabla 1. Ranking de todas las herramientas


       Para calcular el grado de operatividad de la herramienta vamos a utilizar tres
indicadores: los sistemas operativos en los que corre (le otorgamos 0 puntos si sólo corre en
un sistema, 1 punto en dos, y 2 puntos si funciona en tres sistemas operativos o es en línea),
las distintas lenguas en la que se ofrece su interfaz (le asignaremos 0 puntos si su interfaz se
ofrece en una sola lengua, 1 punto en dos, y 2 puntos si se ofrece en más de dos lenguas) y
el tipo de licencia de la herramienta (le otorgamos 0 puntos si su licencia es de pago y 1
punto si nos ofrece, independientemente de la versión para la evaluación, una versión
gratuita de la herramienta).




                                              17
Herramienta Operatividad Funcionalidad Plantillas Soporte Total
  Smartdraw       0            14           2         2     18
 Conceptdraw      0            14           2         2     18
 Pencil Project   3            11           2         2     18
  OmniGraffle     0            13           2         2     17
    Axure         1            12           2         2     17
     Visio        1            13           0         2     16
    Denim         3             6           0         2     11

                     Tabla 2. Ranking de las herramientas de escritorio


       Para evaluar su funcionalidad hemos utilizados los siguientes indicadores y sistema
de puntuación: grado de versatilidad (0 puntos si permite sólo el prototipado, 1 punto si
permite además otro tipo de representación gráfica, y 2 puntos si incluye además dos o más
tipos de representación gráfica), los elementos estándar de prototipado que incluye (0
puntos si ofrece menos de 20 elementos; 1 punto si ofrece más de 20 y 2 puntos si permite
la incorporación de elementos externos), los elementos de prototipado para interfaces
móviles (0 puntos si no los incorpora y no permite su incorporación; 1 punto si no los
incorpora pero permite su importarlos y 2 puntos si los incorpora directamente), los tipos de
formatos a los que permiten exportar (0 puntos si sólo permite la exportación en su formato;
1 punto si permite la exportación a tres o menos formatos y 2 puntos si permite la
exportación a más de tres formatos), los tipos de formatos que permiten importar (0 puntos
si sólo permite la importación desde su formato; 1 punto si permite la importación desde
tres o menos formatos y 2 puntos si permite la importación desde más de tres formatos), la
creación y edición colaborativa (0 puntos si no la permite y 1 punto si la permite), la
anotación (0 puntos si no la permite y 1 punto si la permite), las notas a pie de página (0
puntos si no las permite crear y 1 punto si permite su inserción), los prototipos dinámicos (0
puntos si no los permite crear y 1 punto permite su inserción), los wireframes (0 puntos si no
los permite crear y 1 punto permite su implementación) y los blueprints (0 puntos si no los
permite crear y 1 punto permite su implementación).




                                             18
Herramienta Operatividad Funcionalidad Plantillas Soporte Total
   iPlotz        5            11           0         2     18
 MockFlow        3            11           1         2     17
  Pidoco         3             7           0         2     12
Lovely Chart     3             7           0         2     12
MockingBird      3             5           0         1      9
   Lumzy         3             5           0         1      9

                          Tabla 3. Ranking de las herramientas online


       Respecto a las plantillas hemos utilizados como indicadores la inclusión de plantillas
de wireframes (0 puntos si no las ofrece y 1 punto si las ofrece) y la inclusión de plantillas de
blueprints (0 puntos si no las ofrece y 1 punto si las ofrece).
       Por último, la variable relacionada con el soporte o grado de asistencia ha sido
evaluada a partir de los indicadores tutoriales (0 puntos si no los incluye y 1 punto si los
incluye) y blogs o espacios de ayuda (0 puntos si no los ofrece y 1 punto si los ofrece).
       Los resultados globales de la evaluación de la totalidad de las herramientas
analizadas se recogen, en forma de ranking, en la tabla 1. Los resultados segregados por
tipos de solución se incluyen, también en forma de ranking, en las tablas 2 (herramientas de
escritorio) y 3 (herramientas en línea).




6. CONCLUSIONES

       Los resultados obtenidos en el apartado anterior nos permiten extraer algunas
conclusiones sobre las herramientas analizadas en este trabajo.
       En primer lugar, como vemos en la tabla 1, el ranking está dominado por cuatro
herramientas que obtienen una valoración de 18 puntos: iPlotz, Smartdraw, Conceptdraw y
Pencil Project. Aunque iPlotz, presenta una funcionalidad media-alta (11 puntos), se sitúa
muy bien en el ranking gracias al índice de operatividad más alto (5 puntos) de las
herramientas analizadas. Smartdraw y Conceptdraw presentan los mismos valores,
destacando el mayor nivel de funcionalidad de las herramientas evaluadas (14), pero



                                               19
penalizadas por su nula operatividad (0 puntos). Pencil Project se coloca en este primer
grupo gracias a una operatividad alta (3 puntos), una funcionalidad media-alta (11 puntos) y
una puntuación máxima respecto a los indicadores plantillas y soporte (2 puntos cada una).
       Seguidos muy de cerca, en la segunda posición del ranking, aparece un grupo de
herramientas formado por las soluciones OmniGraffle, Axure y MockFlow, con una
valoración de 17 puntos cada una. OmniGraffle destaca por su alta funcionalidad (14 puntos,
la segunda más alta) aunque se ve penalizado por su baja operatividad (0 puntos). Axure ve
equilibrada su menor funcionalidad (13 puntos), con una operatividad más alta (1 punto).
MockFlow justifica la puntuación obtenida a partir de una funcionalidad media-alta (11
puntos) pero con una operatividad alta (3 puntos, el segundo valor más alto).
       Muy cercana a este segundo grupo aparece Visio, con una valoración de 16 puntos
obtenida a partir de una funcionalidad muy alta (13 puntos, el segundo valor más alto) pero
con una operatividad más escasa (1 punto) y sin puntuar en el parámetro plantillas.
       En la zona media-baja del ranking, aparecen las herramientas Pidoco, Lovely Chart y
Denim. Pidoco y Lovely Chart obtienen la misma puntuación total (12 puntos) y los mismos
valores respecto a los parámetros operatividad (3), funcionalidad (7), plantillas (0) y soporte
(2). Denim, aunque presenta una operatividad alta (3 puntos), obtiene sólo 11 puntos a
partir de una funcionalidad escasa (6 puntos, la segunda más baja) y no puntuar en el
parámetro relacionado con las plantillas.
       El ranking se completa con las herramientas MockingBird y Lumzy, con 9 puntos cada
una. Aunque presenten una operatividad alta (3 puntos, el segundo valor más alto), esta
baja puntuación se justifica por obtener el valor más bajo de funcionalidad (sólo 5 puntos)
de las herramientas evaluadas, por obtener sólo un punto en respecto al soporte y por no
puntuar en el parámetro relacionado con las plantillas.
       En segundo lugar, si nos centramos en los resultados recogidos la tabla 2 sobre las
herramientas de escritorio, podemos extraer también algunas conclusiones.
       Por un lado, las soluciones de escritorio que presentan la mejor evaluación son
Smartdraw, Conceptdraw y Pencil Project, con 18 puntos cada una. Smartdraw y
Conceptdraw obtienen sus altas puntaciones a partir de los parámetros funcionalidad (14, la
más alta de todas las herramientas evaluadas), plantillas (2) y soporte (2); pero presentando
una nula operatividad (0). Pencil Project, en cambio, obtiene esa puntuación a partir de la




                                             20
operatividad (3, la más alta de las herramientas de escritorio), plantillas (2) y soporte (2);
pero presentando la segunda puntuación más baja respecto a su funcionalidad (11 puntos).
       El siguiente grupo de herramientas de escritorio en el ranking está formado por
OmniGraffle y Axure con 17 puntos cada una. OmniGraffle basa principalmente la
puntuación obtenida en los parámetros funcionalidad (13), plantillas (2) y soporte (2), pero
presentando también una nula operatividad (0). Axure la obtiene también a partir de los
mismos valores pero con una menor funcionalidad (12). Visio, en cambio, presenta una
funcionalidad un poco más alta (13) pero falla en el tema de las plantillas.
       Por último, la solución de escritorio Denim obtiene 11 puntos. Aunque iguala los
mejores valores respecto a su operatividad (3), su baja puntación se justifica,
principalmente, por su menor funcionalidad (6 puntos) y por la ausencia de plantillas (0).
       Para acabar, si nos centramos en los resultados recogidos la tabla 3 sobre las
herramientas en línea, podemos concluir que hay una herramienta que destaca sobre el
resto: iPlotz, aunque muy cerca de Mockflow. iPlotz obtiene la puntuación más alta del
ranking, compartiéndola con otras herramientas de escritorio. Presenta una funcionalidad
media-alta (11 puntos), pero obtiene esa posición en el ranking gracias al índice de
operatividad más alto (5 puntos) de las herramientas analizadas. Como ya hemos señalado,
MockFlow ocupa el segundo lugar de ese ranking segregado separado solamente a un punto
del primero. Presenta la misma tasa de funcionalidad que el anterior, pero una operatividad
un poco más baja (3 puntos, el segundo valor más alto).
       El siguiente grupo de herramientas en línea en el ranking está formado por Pidoco y
Lovely Chart, con 12 puntos cada una. Estas soluciones obtienen sus esas puntaciones a
partir de los parámetros funcionalidad (7, el tercer valor más bajo de todas las herramientas
evaluadas), operatividad (3), soporte (2); pero fallan en el tema de las plantillas (2).
       Al igual que ocurría en el ranking general, las soluciones en línea del final de la tabla
son MockingBird y Lumzy, con 9 puntos cada una. Esa puntuación se basa sobre todo en los
valores obtenidos en la funcionalidad (sólo 5 puntos). Aunque debe destacarse de estas
últimas su extremada facilidad de uso.




                                               21
7. REFERENCIAS


BROWN, DAN. (2007). Communicating Design: Developing Web Site Documentation and
       Planning. Berkeley: New Riders.
KHAN, SAUD (2010). "Guidelines, Tools and Respurces for Web Wireframes". w3avenue, Feb.
       2010.     Acceso:      <http://www.w3avenue.com/2010/02/03/guidelines-tools-and-
       resources-for-web-wireframing/> Consulta: Abril 2010
MORVILLE, Peter y ROSENFELD, Louis (2006). Information Architecture for the World Wide Web.
       Sebastopol (CA): O’Reilly Media Inc.
PEDRAZA-JIMENEZ, RAFAEL. "Especificación de requisitos de un sitio web" [Informe].
       Slideshare.net,                octubre,                2009.                 Acceso:
       <http://www.slideshare.net/rpedraza/especificacin-de-requisitos-de-un-sitio-web>.
       Consulta: abril 2010
PÉREZ-MONTORO GUTIÉRREZ, Mario (2010). Arquitectura de la Información en entornos web.
       Gijón: Trea. (En prensa).
"Website Wireframes". Wikipedia. Acceso:
       <http://en.wikipedia.org/wiki/Website_wireframe>. Consulta: Abril 2010
YUSEF HASSAN, FRANCISCO J. MARTÍN FERNÁNDEZ Y GHZALA IAZZA (2004).. "Diseño Web Centrado en
       el Usuario: Usabilidad y Arquitectura de la Información" [en linea]. Hipertext.net,
       núm. 2 <Acceso: http://www.hipertext.net> Consulta: Abril 2010


Agradecimientos: Este trabajo ha sido financiado parcialmente por el proyecto de
investigación del Ministerio de Ciencia e Innovación número CSO2009-13713-C05-04.




                                              22
Mario Pérez-Montoro. Universidad de Barcelona
perez-montoro@ub.edu
Lluís Codina. Universidad Pompeu Fabra
lluis.codina@upf.edu


Publicado originalmente en: El Profesional de la Información, v. 19, n. 4, Julio-Agosto 2010.
Forma recomendada de citación: Pérez-Montoro, Mario; Codina, Lluís. “Sotfware de
prototipado para la arquitectura de la información: funcionalidad y evaluación”. El
Profesional de la Información, v. 19, n. 4, Julio-Agosto 2010, p. 417-423




                                             23

More Related Content

Similar to Sotfware de prototipado para la arquitectura de la información: funcionalidad y evaluación

La arquitectura de 41 vistas
La arquitectura de 41 vistasLa arquitectura de 41 vistas
La arquitectura de 41 vistaszurda21
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis Morillo
 
Seminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesSeminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesMiguel Gea
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3Miguel Tortello
 
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Ianpierr Miranda
 
EL PORTAFOLIO DIGITAL ARQUITECTONICO
EL PORTAFOLIO DIGITAL ARQUITECTONICOEL PORTAFOLIO DIGITAL ARQUITECTONICO
EL PORTAFOLIO DIGITAL ARQUITECTONICOMarco Romero
 
Software de diagramación
Software de diagramaciónSoftware de diagramación
Software de diagramaciónRonal Ricem
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2limamuco
 
Capitulo3 Mapa De Aplicaciones
Capitulo3 Mapa De AplicacionesCapitulo3 Mapa De Aplicaciones
Capitulo3 Mapa De Aplicacionesjazmin12345
 
Herramientas WEB para Publicacion de Contenidos
Herramientas WEB para Publicacion de ContenidosHerramientas WEB para Publicacion de Contenidos
Herramientas WEB para Publicacion de ContenidosFederico Celmo
 
Web 2.0 capitulo 3
Web 2.0 capitulo 3Web 2.0 capitulo 3
Web 2.0 capitulo 3Martha Solis
 
Productos microsoft office
Productos microsoft officeProductos microsoft office
Productos microsoft officealanb_b0812
 

Similar to Sotfware de prototipado para la arquitectura de la información: funcionalidad y evaluación (20)

La arquitectura de 41 vistas
La arquitectura de 41 vistasLa arquitectura de 41 vistas
La arquitectura de 41 vistas
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Seminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesSeminario: Prototipado y Wireframes
Seminario: Prototipado y Wireframes
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
 
Informatica
InformaticaInformatica
Informatica
 
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
Proyecto de Aplicación-Implementación de una INTRANET = Colegio Sagrado Coraz...
 
Multimedia
MultimediaMultimedia
Multimedia
 
EL PORTAFOLIO DIGITAL ARQUITECTONICO
EL PORTAFOLIO DIGITAL ARQUITECTONICOEL PORTAFOLIO DIGITAL ARQUITECTONICO
EL PORTAFOLIO DIGITAL ARQUITECTONICO
 
Software de diagramación
Software de diagramaciónSoftware de diagramación
Software de diagramación
 
Inter tecno clase 01 - plan asignatura
Inter tecno   clase 01 - plan asignaturaInter tecno   clase 01 - plan asignatura
Inter tecno clase 01 - plan asignatura
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Multimedia[1]
Multimedia[1]Multimedia[1]
Multimedia[1]
 
Capitulo3 Mapa De Aplicaciones
Capitulo3 Mapa De AplicacionesCapitulo3 Mapa De Aplicaciones
Capitulo3 Mapa De Aplicaciones
 
Herramientas WEB para Publicacion de Contenidos
Herramientas WEB para Publicacion de ContenidosHerramientas WEB para Publicacion de Contenidos
Herramientas WEB para Publicacion de Contenidos
 
Andrey
AndreyAndrey
Andrey
 
Web 2.0 capitulo 3
Web 2.0 capitulo 3Web 2.0 capitulo 3
Web 2.0 capitulo 3
 
Glosario
GlosarioGlosario
Glosario
 
Glosario
GlosarioGlosario
Glosario
 
Productos microsoft office
Productos microsoft officeProductos microsoft office
Productos microsoft office
 

More from Lluís Codina

Recursos Multimedia para la Comunicación Audiovisual
Recursos Multimedia para la Comunicación AudiovisualRecursos Multimedia para la Comunicación Audiovisual
Recursos Multimedia para la Comunicación AudiovisualLluís Codina
 
Recursos Multimedia para la Comunicación Audiovisual
Recursos Multimedia para la Comunicación AudiovisualRecursos Multimedia para la Comunicación Audiovisual
Recursos Multimedia para la Comunicación AudiovisualLluís Codina
 
Mapas conceptuales (v1)
Mapas conceptuales (v1)Mapas conceptuales (v1)
Mapas conceptuales (v1)Lluís Codina
 
Anatomia de una base de datos académica
Anatomia de una base de datos académicaAnatomia de una base de datos académica
Anatomia de una base de datos académicaLluís Codina
 
Aplicaciones Online: RefWork vs Zotero
Aplicaciones Online: RefWork vs ZoteroAplicaciones Online: RefWork vs Zotero
Aplicaciones Online: RefWork vs ZoteroLluís Codina
 
MicroStock y Stock Footage
MicroStock y Stock FootageMicroStock y Stock Footage
MicroStock y Stock FootageLluís Codina
 
Busqueda Multimedia 2009 v2
Busqueda Multimedia 2009 v2Busqueda Multimedia 2009 v2
Busqueda Multimedia 2009 v2Lluís Codina
 
Evaluacion Calidad Contenidos 2009
Evaluacion Calidad Contenidos 2009Evaluacion Calidad Contenidos 2009
Evaluacion Calidad Contenidos 2009Lluís Codina
 
Posicionamiento Web 2009
Posicionamiento Web 2009Posicionamiento Web 2009
Posicionamiento Web 2009Lluís Codina
 
ciberperiodismo_2009v1
ciberperiodismo_2009v1ciberperiodismo_2009v1
ciberperiodismo_2009v1Lluís Codina
 
Buscadores Academicos, Web 2.0 y Ciencia 2.0 - 2009
Buscadores Academicos, Web 2.0 y Ciencia 2.0 - 2009Buscadores Academicos, Web 2.0 y Ciencia 2.0 - 2009
Buscadores Academicos, Web 2.0 y Ciencia 2.0 - 2009Lluís Codina
 
campPosicionamiento2009
campPosicionamiento2009campPosicionamiento2009
campPosicionamiento2009Lluís Codina
 
Buscadores Especializados Web20
Buscadores Especializados Web20Buscadores Especializados Web20
Buscadores Especializados Web20Lluís Codina
 
Sitemas Especializados de Información y el Futuro de la Web
Sitemas Especializados de Información y el Futuro de la WebSitemas Especializados de Información y el Futuro de la Web
Sitemas Especializados de Información y el Futuro de la WebLluís Codina
 
scaterm2009: Web Semàntica o Web Social?
scaterm2009: Web Semàntica o Web Social?scaterm2009: Web Semàntica o Web Social?
scaterm2009: Web Semàntica o Web Social?Lluís Codina
 
Sistemas de Informaciión Profesionales
Sistemas de Informaciión ProfesionalesSistemas de Informaciión Profesionales
Sistemas de Informaciión ProfesionalesLluís Codina
 

More from Lluís Codina (20)

Recursos Multimedia para la Comunicación Audiovisual
Recursos Multimedia para la Comunicación AudiovisualRecursos Multimedia para la Comunicación Audiovisual
Recursos Multimedia para la Comunicación Audiovisual
 
Recursos Multimedia para la Comunicación Audiovisual
Recursos Multimedia para la Comunicación AudiovisualRecursos Multimedia para la Comunicación Audiovisual
Recursos Multimedia para la Comunicación Audiovisual
 
Mapas conceptuales (v1)
Mapas conceptuales (v1)Mapas conceptuales (v1)
Mapas conceptuales (v1)
 
Html5 2010
Html5 2010Html5 2010
Html5 2010
 
Anatomia de una base de datos académica
Anatomia de una base de datos académicaAnatomia de una base de datos académica
Anatomia de una base de datos académica
 
Aplicaciones Online: RefWork vs Zotero
Aplicaciones Online: RefWork vs ZoteroAplicaciones Online: RefWork vs Zotero
Aplicaciones Online: RefWork vs Zotero
 
MicroStock y Stock Footage
MicroStock y Stock FootageMicroStock y Stock Footage
MicroStock y Stock Footage
 
tallerAQU2010
tallerAQU2010tallerAQU2010
tallerAQU2010
 
Busqueda Multimedia 2009 v2
Busqueda Multimedia 2009 v2Busqueda Multimedia 2009 v2
Busqueda Multimedia 2009 v2
 
Evaluacion Calidad Contenidos 2009
Evaluacion Calidad Contenidos 2009Evaluacion Calidad Contenidos 2009
Evaluacion Calidad Contenidos 2009
 
Posicionamiento Web 2009
Posicionamiento Web 2009Posicionamiento Web 2009
Posicionamiento Web 2009
 
ciberperiodismo_2009v1
ciberperiodismo_2009v1ciberperiodismo_2009v1
ciberperiodismo_2009v1
 
Buscadores Academicos, Web 2.0 y Ciencia 2.0 - 2009
Buscadores Academicos, Web 2.0 y Ciencia 2.0 - 2009Buscadores Academicos, Web 2.0 y Ciencia 2.0 - 2009
Buscadores Academicos, Web 2.0 y Ciencia 2.0 - 2009
 
Ciencia 20 2009
Ciencia 20 2009Ciencia 20 2009
Ciencia 20 2009
 
campPosicionamiento2009
campPosicionamiento2009campPosicionamiento2009
campPosicionamiento2009
 
Buscadores Especializados Web20
Buscadores Especializados Web20Buscadores Especializados Web20
Buscadores Especializados Web20
 
Sitemas Especializados de Información y el Futuro de la Web
Sitemas Especializados de Información y el Futuro de la WebSitemas Especializados de Información y el Futuro de la Web
Sitemas Especializados de Información y el Futuro de la Web
 
scaterm2009: Web Semàntica o Web Social?
scaterm2009: Web Semàntica o Web Social?scaterm2009: Web Semàntica o Web Social?
scaterm2009: Web Semàntica o Web Social?
 
Sistemas de Informaciión Profesionales
Sistemas de Informaciión ProfesionalesSistemas de Informaciión Profesionales
Sistemas de Informaciión Profesionales
 
Ciencia 2.0
Ciencia 2.0Ciencia 2.0
Ciencia 2.0
 

Recently uploaded

UNIDAD CERO - Desarrollo Personal CC.docx
UNIDAD CERO  - Desarrollo Personal CC.docxUNIDAD CERO  - Desarrollo Personal CC.docx
UNIDAD CERO - Desarrollo Personal CC.docxOlgaLuzFloresGonzale
 
PROYECTO PRIMAVERA NUMERICA PARA PREESCOLAR.pptx
PROYECTO PRIMAVERA NUMERICA PARA PREESCOLAR.pptxPROYECTO PRIMAVERA NUMERICA PARA PREESCOLAR.pptx
PROYECTO PRIMAVERA NUMERICA PARA PREESCOLAR.pptxMarthaAlejandraHerna1
 
El_ideal_de_Nación-En_Miguel-Triana[1].pdf
El_ideal_de_Nación-En_Miguel-Triana[1].pdfEl_ideal_de_Nación-En_Miguel-Triana[1].pdf
El_ideal_de_Nación-En_Miguel-Triana[1].pdfAngel David Guerrero
 
La Planificacion en Educacion Inicial EDU7 Ccesa007.pdf
La Planificacion en Educacion Inicial   EDU7    Ccesa007.pdfLa Planificacion en Educacion Inicial   EDU7    Ccesa007.pdf
La Planificacion en Educacion Inicial EDU7 Ccesa007.pdfDemetrio Ccesa Rayme
 
Dia internacional de peliculas iberoamericanas.pptx 2
Dia internacional de peliculas iberoamericanas.pptx 2Dia internacional de peliculas iberoamericanas.pptx 2
Dia internacional de peliculas iberoamericanas.pptx 2xc025079
 
5. ¡Promoviendo la Paternidad Responsable en La Recoleta!
5. ¡Promoviendo la Paternidad Responsable en La Recoleta!5. ¡Promoviendo la Paternidad Responsable en La Recoleta!
5. ¡Promoviendo la Paternidad Responsable en La Recoleta!ProfesorGualberto
 
MINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura-CUARTO AÑO DE SECUNDARIA
MINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura-CUARTO AÑO DE SECUNDARIAMINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura-CUARTO AÑO DE SECUNDARIA
MINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura-CUARTO AÑO DE SECUNDARIANELLYKATTY
 
El papel de la microbiota en el sistema inmunologico.pptx
El papel de la microbiota en el sistema inmunologico.pptxEl papel de la microbiota en el sistema inmunologico.pptx
El papel de la microbiota en el sistema inmunologico.pptxsanchezjeraldy7757
 
MIINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura TERCERO DE SECUNDARIA
MIINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura TERCERO DE SECUNDARIAMIINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura TERCERO DE SECUNDARIA
MIINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura TERCERO DE SECUNDARIANELLYKATTY
 
Lengua Y Literatura 8 Básico 2024 pdfyyy
Lengua Y Literatura 8 Básico 2024 pdfyyyLengua Y Literatura 8 Básico 2024 pdfyyy
Lengua Y Literatura 8 Básico 2024 pdfyyyDidiexy1
 
Certificado de Profesionalidad SSCM0108 massiel gutierrez.pptx
Certificado de Profesionalidad SSCM0108 massiel gutierrez.pptxCertificado de Profesionalidad SSCM0108 massiel gutierrez.pptx
Certificado de Profesionalidad SSCM0108 massiel gutierrez.pptxMassiel Gutierrez Espinosa
 
EVALUACIÓN DIAGNÓSTICA 4° GRADO 2024.docx
EVALUACIÓN DIAGNÓSTICA  4°  GRADO 2024.docxEVALUACIÓN DIAGNÓSTICA  4°  GRADO 2024.docx
EVALUACIÓN DIAGNÓSTICA 4° GRADO 2024.docxssuser9be75b1
 
10. ¡Promoviendo la Paternidad Responsable en La Recoleta!
10. ¡Promoviendo la Paternidad Responsable en La Recoleta!10. ¡Promoviendo la Paternidad Responsable en La Recoleta!
10. ¡Promoviendo la Paternidad Responsable en La Recoleta!ProfesorGualberto
 
ROSAURA REVUELTAS, ESPERANZA Y LA SAL DE LA TIERRA (1).pdf
ROSAURA REVUELTAS, ESPERANZA Y LA SAL DE LA TIERRA (1).pdfROSAURA REVUELTAS, ESPERANZA Y LA SAL DE LA TIERRA (1).pdf
ROSAURA REVUELTAS, ESPERANZA Y LA SAL DE LA TIERRA (1).pdfavitiadgo
 
UNIDAD DE APRENIZAJE CERO QUINTO GRADO - 2024.docx
UNIDAD DE APRENIZAJE CERO QUINTO GRADO - 2024.docxUNIDAD DE APRENIZAJE CERO QUINTO GRADO - 2024.docx
UNIDAD DE APRENIZAJE CERO QUINTO GRADO - 2024.docxGLADYSP4
 
EXPERIENCIA DE APRENDIZAJE 3 EPT - SECUNDARIA-2024.docx
EXPERIENCIA DE APRENDIZAJE 3  EPT - SECUNDARIA-2024.docxEXPERIENCIA DE APRENDIZAJE 3  EPT - SECUNDARIA-2024.docx
EXPERIENCIA DE APRENDIZAJE 3 EPT - SECUNDARIA-2024.docxssuser9be75b1
 
Unidad 00 CIENCIA Y TECNOLOGÍA. sesión de bienvenidadocx
Unidad 00 CIENCIA Y TECNOLOGÍA. sesión de bienvenidadocxUnidad 00 CIENCIA Y TECNOLOGÍA. sesión de bienvenidadocx
Unidad 00 CIENCIA Y TECNOLOGÍA. sesión de bienvenidadocxOlgaLuzFloresGonzale
 
6. ¡Promoviendo la Paternidad Responsable en La Recoleta!
6. ¡Promoviendo la Paternidad Responsable en La Recoleta!6. ¡Promoviendo la Paternidad Responsable en La Recoleta!
6. ¡Promoviendo la Paternidad Responsable en La Recoleta!ProfesorGualberto
 
4. ¡Promoviendo la Paternidad Responsable en La Recoleta!
4. ¡Promoviendo la Paternidad Responsable en La Recoleta!4. ¡Promoviendo la Paternidad Responsable en La Recoleta!
4. ¡Promoviendo la Paternidad Responsable en La Recoleta!ProfesorGualberto
 

Recently uploaded (20)

UNIDAD CERO - Desarrollo Personal CC.docx
UNIDAD CERO  - Desarrollo Personal CC.docxUNIDAD CERO  - Desarrollo Personal CC.docx
UNIDAD CERO - Desarrollo Personal CC.docx
 
PROYECTO PRIMAVERA NUMERICA PARA PREESCOLAR.pptx
PROYECTO PRIMAVERA NUMERICA PARA PREESCOLAR.pptxPROYECTO PRIMAVERA NUMERICA PARA PREESCOLAR.pptx
PROYECTO PRIMAVERA NUMERICA PARA PREESCOLAR.pptx
 
El_ideal_de_Nación-En_Miguel-Triana[1].pdf
El_ideal_de_Nación-En_Miguel-Triana[1].pdfEl_ideal_de_Nación-En_Miguel-Triana[1].pdf
El_ideal_de_Nación-En_Miguel-Triana[1].pdf
 
La Planificacion en Educacion Inicial EDU7 Ccesa007.pdf
La Planificacion en Educacion Inicial   EDU7    Ccesa007.pdfLa Planificacion en Educacion Inicial   EDU7    Ccesa007.pdf
La Planificacion en Educacion Inicial EDU7 Ccesa007.pdf
 
Dia internacional de peliculas iberoamericanas.pptx 2
Dia internacional de peliculas iberoamericanas.pptx 2Dia internacional de peliculas iberoamericanas.pptx 2
Dia internacional de peliculas iberoamericanas.pptx 2
 
5. ¡Promoviendo la Paternidad Responsable en La Recoleta!
5. ¡Promoviendo la Paternidad Responsable en La Recoleta!5. ¡Promoviendo la Paternidad Responsable en La Recoleta!
5. ¡Promoviendo la Paternidad Responsable en La Recoleta!
 
MINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura-CUARTO AÑO DE SECUNDARIA
MINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura-CUARTO AÑO DE SECUNDARIAMINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura-CUARTO AÑO DE SECUNDARIA
MINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura-CUARTO AÑO DE SECUNDARIA
 
El papel de la microbiota en el sistema inmunologico.pptx
El papel de la microbiota en el sistema inmunologico.pptxEl papel de la microbiota en el sistema inmunologico.pptx
El papel de la microbiota en el sistema inmunologico.pptx
 
MIINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura TERCERO DE SECUNDARIA
MIINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura TERCERO DE SECUNDARIAMIINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura TERCERO DE SECUNDARIA
MIINISTERIO DE EDUCACIÓN prueba-diagnostica-lectura TERCERO DE SECUNDARIA
 
Lengua Y Literatura 8 Básico 2024 pdfyyy
Lengua Y Literatura 8 Básico 2024 pdfyyyLengua Y Literatura 8 Básico 2024 pdfyyy
Lengua Y Literatura 8 Básico 2024 pdfyyy
 
Certificado de Profesionalidad SSCM0108 massiel gutierrez.pptx
Certificado de Profesionalidad SSCM0108 massiel gutierrez.pptxCertificado de Profesionalidad SSCM0108 massiel gutierrez.pptx
Certificado de Profesionalidad SSCM0108 massiel gutierrez.pptx
 
EVALUACIÓN DIAGNÓSTICA 4° GRADO 2024.docx
EVALUACIÓN DIAGNÓSTICA  4°  GRADO 2024.docxEVALUACIÓN DIAGNÓSTICA  4°  GRADO 2024.docx
EVALUACIÓN DIAGNÓSTICA 4° GRADO 2024.docx
 
10. ¡Promoviendo la Paternidad Responsable en La Recoleta!
10. ¡Promoviendo la Paternidad Responsable en La Recoleta!10. ¡Promoviendo la Paternidad Responsable en La Recoleta!
10. ¡Promoviendo la Paternidad Responsable en La Recoleta!
 
ROSAURA REVUELTAS, ESPERANZA Y LA SAL DE LA TIERRA (1).pdf
ROSAURA REVUELTAS, ESPERANZA Y LA SAL DE LA TIERRA (1).pdfROSAURA REVUELTAS, ESPERANZA Y LA SAL DE LA TIERRA (1).pdf
ROSAURA REVUELTAS, ESPERANZA Y LA SAL DE LA TIERRA (1).pdf
 
UNIDAD DE APRENIZAJE CERO QUINTO GRADO - 2024.docx
UNIDAD DE APRENIZAJE CERO QUINTO GRADO - 2024.docxUNIDAD DE APRENIZAJE CERO QUINTO GRADO - 2024.docx
UNIDAD DE APRENIZAJE CERO QUINTO GRADO - 2024.docx
 
EXPERIENCIA DE APRENDIZAJE 3 EPT - SECUNDARIA-2024.docx
EXPERIENCIA DE APRENDIZAJE 3  EPT - SECUNDARIA-2024.docxEXPERIENCIA DE APRENDIZAJE 3  EPT - SECUNDARIA-2024.docx
EXPERIENCIA DE APRENDIZAJE 3 EPT - SECUNDARIA-2024.docx
 
Unidad 00 CIENCIA Y TECNOLOGÍA. sesión de bienvenidadocx
Unidad 00 CIENCIA Y TECNOLOGÍA. sesión de bienvenidadocxUnidad 00 CIENCIA Y TECNOLOGÍA. sesión de bienvenidadocx
Unidad 00 CIENCIA Y TECNOLOGÍA. sesión de bienvenidadocx
 
El anhelo de Dios en Sion (Sesión de clase)
El anhelo de Dios en Sion (Sesión de clase)El anhelo de Dios en Sion (Sesión de clase)
El anhelo de Dios en Sion (Sesión de clase)
 
6. ¡Promoviendo la Paternidad Responsable en La Recoleta!
6. ¡Promoviendo la Paternidad Responsable en La Recoleta!6. ¡Promoviendo la Paternidad Responsable en La Recoleta!
6. ¡Promoviendo la Paternidad Responsable en La Recoleta!
 
4. ¡Promoviendo la Paternidad Responsable en La Recoleta!
4. ¡Promoviendo la Paternidad Responsable en La Recoleta!4. ¡Promoviendo la Paternidad Responsable en La Recoleta!
4. ¡Promoviendo la Paternidad Responsable en La Recoleta!
 

Sotfware de prototipado para la arquitectura de la información: funcionalidad y evaluación

  • 1. Sotfware de prototipado para la arquitectura de la información: funcionalidad y evaluación Por Mario Pérez-Montoro y Lluís Codina (Junio 2010) Resumen: El diseño y planificación de la arquitectura de la información de los distintos componentes de un sitio web pasa necesariamente por una propuesta de prototipado de la estructura arquitectónica de ese entorno informacional. El objetivo de este artículo es analizar y evaluar una serie de herramientas informáticas diseñadas para facilitar la creación de prototipado en el diseño y creación de páginas web. Palabras clave: Prototipado de sitios web, Wireframes, Blueprints, Software, Aplicaciones en línea Title: Prototyping software for information architecture: functionality and evaluation Abstract: The planning and design of the web site information architecture necessarily involves a prototype proposal for the architectural structure of the informational environment. The aim of this paper is to analyze and evaluate a range of tools to facilitate the development of the wireframes in the design and creation of web pages. Keywords: Web sites prototyping, Software, Wireframes, Blueprints, Mockups, Cloud computin Mario Pérez-Montoro es doctor en Filosofía y Ciencias de la Educación por la Universitat de Barcelona y máster en Organización de Sistemas de Documentación en la Empresa por la Universitat Politècnica de Catalunya. Dentro de su formación académica se puede destacar que ha realizado estudios de postgrado en el Istituto di Discipline della Comunicazione de la Università di Bologna (Italia) y que ha sido profesor visitante (Visiting Scholar) del CSLI (Center for the Study of Language and Information) de la Stanford University (California, 1
  • 2. EEUU). Su trayectoria científica se centra sobre algunos de los diversos aspectos (conceptuales, semánticos, epistemológicos y pragmáticos) relacionados con el tema de la Teoría de la Información y la Gestión del Conocimiento. Actualmente es profesor de la Facultat de Biblioteconomia i Documentació de la Universitat de Barcelona. Lluís Codina es Profesor titular del Departamento de Comunicación de la Universidad Pompeu Fabra Imparte docencia en los Estudios de Periodismo y de Comunicación Audiovisual. Participa en máster oficiales y en programas de doctorado del Departamento de Comunicación y Coordina el grupo de investigación en Documentación Digital y Comunicación Interactiva y forma parte del Grupo de Investigación en Periodismo, ambos grupos reconocidos de la UPF y el último por la Generalitat de Catalunya. Su último libro (en coedición) se titula Web Semántica y Sistemas de Información Documental (Trea, 2009). 2
  • 3. 1. INTRODUCCIÓN Podemos convenir que la Arquitectura de la Información debe ser entendida como la disciplina (arte y ciencia) que proporciona métodos y herramientas para estructurar, organizar y etiquetar los componentes que conforman los entornos informacionales. En este sentido, persigue el objetivo de facilitar el acceso a la información contenida en esos entornos y mejorar, así, su utilidad y aprovechamiento por parte de sus usuarios (Pérez- Montoro, 2010). Como resultado, esta disciplina se encarga de sustentar, en buen parte, la potencial utilidad de los sitios web. Sin una buena arquitectura de la información, los usuarios simplemente no acceden a los contenidos de un sitio (Morville, Rosenfeld, 2006). A su vez, el adecuado diseño y planificación de la arquitectura de la información pasa necesariamente por una propuesta de prototipado de la estructura arquitectónica de ese entorno informacional. El objetivo de este artículo es analizar y evaluar una serie de herramientas informáticas (en línea y de escritorio) diseñadas para facilitar la creación de prototipado web. Este análisis se centrará sobre sus capacidades relacionadas con el prototipado de sitios web, no atendiendo a sus funcionalidades relacionadas con el posible modelado de otro tipo de interfaces, ya que, por un lado son requerimientos distintos y, de hecho, la mayoría de programa de prototipado de sitios web se limitan, de facto, a esta última función. Para cubrir ese objetivo, este trabajo ha sido estructurado y articulado de la siguiente manera. En el siguiente apartado (apartado 2), se comienza mostrando la importancia del prototipado para la propuesta de la arquitectura de la información de una página web. En los siguientes dos apartados (apartados 3 y 4), se analizan las soluciones informáticas (en línea y de escritorio) diseñadas para la creación de prototipado de sitios web. Utilizando una metodología de análisis propia, el apartado 5 está dedicado a la evaluación de esas herramientas informáticas. El trabajo se completa con un último apartado en el que se extraen una serie de conclusiones sobre esas herramientas a partir de ese análisis y esa evaluación realizada. 3
  • 4. 2. FUNCIÓN DEL PROTOTIPADO Como ya hemos señalado, el diseño de un sitio web suele incluir una propuesta de prototipado de la estructura arquitectónica de ese entorno informacional (Pedraza-Jiménez, 2009) y en tal caso, el resultado principal que se obtiene con el prototipado es una serie de diagramas. Esos diagramas o prototipos se diseñan para cubrir dos funciones esenciales. Por un lado, se diseñan con el fin de representar todos los aspectos básicos de los elementos arquitectónicos del sito web. Entre esos aspectos se recoge esencialmente los componentes de cada unos de los sistemas (organización, etiquetado, navegación, búsqueda y vocabularios) que conforman la anatomía de la arquitectura del sitio, la estructura de los contenidos que conforman ese sitio y las relaciones existentes entre éstos. Y, por otro, se diseñan con el objetivo de poder comunicar de forma eficaz esos aspectos básicos de los elementos arquitectónicos a otros profesionales implicados en el proyecto del diseño y desarrollo de un sitio web (Brown, 2007; y Yusef et al., 2004). Los dos principales tipos de diagramas o prototipos que se suelen utilizar para representar la propuesta arquitectónica de una página web son los técnicamente denominados blueprints y wireframes. El blueprint (plano o mapa) de un sitio web es un esquema donde se representa la estructura arquitectónica de ese sitio web con todas sus páginas y donde se ponen de manifiesto las distintas relaciones existentes entre la página principal, las páginas que conforman el sitio y los contenidos que componen esas páginas. Un wireframe (o maqueta), en cambio, es un prototipo arquitectónico de cada una de los tipos de página que conforman un sitio web. Es un esquema donde queda representado el contenido y la arquitectura de la información (sin elementos gráficos) de cada uno de las clases de página de un sitio. En cierta manera, puede ser considerado como la intersección entre la arquitectura de la información de una página con su visualización y diseño gráfico. 4
  • 5. 3. HERRAMIENTAS DE ESCRITORIO El primer grupo de soluciones analizadas está formado por un conjunto de herramientas de escritorio (comerciales y gratuitas) muy utilizadas por los profesionales dedicados al diseño de interacción en general y a la arquitectura de la información en particular: Axure, Visio Profesional, OmniGraffle, Denim, Conceptdraw Pro, Smartdraw y Pencil Project.1 3.1. AXURE Axure (http://www.axure.com), junto a Visio de Microsoft, es una de las herramientas de prototipado más utilizadas por los arquitectos de la información. Se trata de una solución de escritorio en inglés y de pago, diseñada específicamente para el prototipado, en Windows y Apple, de entornos web (wireframes y blueprints). 1 Las versiones analizadas y evaluadas de estas herramientas han sido: Axure PR Pro 5.6, Visio Profesional 2007, OmniGraffle 5, Denim 2.1, Conceptdraw Pro, Smartdraw 2010 y Pencil Project. 5
  • 6. Figura 1. Vista parcial de los widgets (componentes) para wireframes de Axure Incorpora una librería estándar formada por una veintena de elementos gráficos para el prototipado web que permite la gestión y edición de sus elementos y la incorporación de nuevos componentes gráficos externos. Axure permite la exportación de a formatos como Html, Word, Cvs, algunos formatos de imagen (Bitmap, PNG, JPG o GIF) o RP. En cambio, sólo importa directamente el formato RP de Axure. Destaca, además, por permitir anotaciones y notas a pie de página, la edición colaborativa con un sistema de control de versiones y la creación de prototipos dinámicos y navegables. En su página oficial aparecen una importante biblioteca de plantillas de wireframes y blueprints, tutoriales de ayuda, un blog de novedades, un espacio de soporte sobre el producto, e incluso un foro (en inglés) para los usuarios. 6
  • 7. 3.2. VISIO PROFESIONAL La herramienta Visio (http://office.microsoft.com/es-es/visio/default.aspx) es uno de los programas informáticos, exclusivamente para Windows, más versátiles y comúnmente utilizado en el desarrollo de propuestas de diseño web. Figura 2. Interfaz de trabajo de Visio Nos permite trabajar con un interfaz en inglés o en español. Nos ofrece una librería estándar formada por una cincuentena de elementos gráficos para el diseño del prototipado web, que puede ser enriquecida con nuevos elementos gráficos externos y que aporta una caja de búsqueda para facilitar el acceso al elemento a partir de su nombre. Visio permite la exportación a formatos como PDF, Html, SGV, TIFF, JPEG, GIF, PNG o Visio; e importa formatos como Html, SGV, TIFF, JPEG, GIF, PNG o Visio. La solución permite 7
  • 8. incluir anotaciones y notas a pie de página, la edición colaborativa de prototipado y la creación de prototipos dinámicos. En su página oficial aparecen una importante biblioteca de plantillas de gráficas (sin plantillas de wireframes y blueprints), tutoriales de ayuda, un espacio con videos de formación, un apartado de soporte y comentarios, e incluso unos grupos de discusión (en español). 3.3. OMNIGRAFFLE OmniGraffle (www.omnigroup.com/applications/OmniGraffle) es una de las herramientas de prototipado más utilizadas en el entorno de Apple. No existe versión para ningún otro sistema operativo. Es una herramienta de escritorio muy versátil diseñada, exclusivamente en lengua inglesa, para la creación de representaciones graficas en general, aunque permite también la creación de prototipado web. No incorpora una librería estándar de elementos gráficos para el prototipado web. Aunque permite la gestión y edición de los elementos y la incorporación de nuevos componentes gráficos externos. No es difícil encontrar e incorporar los elementos necesarios para el prototipado web (y de entornos móviles) como, por ejemplo, desde su propia página oficial. Permite la exportación a diferentes formatos como OmniGraffle, PDF, TIFF, PNG, JPEG, EPS, HTML, OmniOutliner, SVG, PICT, Photoshop, BMP o Visio; y la importación de formatos como OmniGraffle, Visio, DOT, Xcode o EOModeler. Como en los casos anteriores, ofrece la posibilidad de incluir anotaciones y notas a pie de página, prototipos dinámicos y, también, la edición colaborativa de prototipado. En su página oficial podemos encontrar una importante biblioteca de plantillas gráficas, video tutoriales de ayuda sobre la herramienta, un espacio de soporte al usuario, y también un foro. 8
  • 9. 3.4. DENIM Denim (http://dub.washington.edu:2007/projects/denim) es una sencilla herramienta de escritorio específicamente desarrollada para el prototipado de interfaces de usuario. Es una solución gratuita de código abierto y en lengua inglesa disponible para Windows, Unix o Mac OS X. Aunque su uso es muy intuitivo y sencillo, se trata de una solución pobre en prestaciones. Permite desarrollar, además de prototipado, diagramas de flujo y storyboards. Sin embargo, incluye una librería reducida de elementos gráficos para el prototipado web que admiten una edición posterior muy limitada. Lamentablemente, la librería no puede ser enriquecida con ningún tipo de nuevos elementos gráficos externos. Sólo permite la exportación de sus propuestas de prototipado a Html, o a su propio formato Denim. Admite exclusivamente la importación de su propio formato. Permite la creación de prototipos dinámicos y navegables, pero no anotaciones y notas a pie de página, ni la edición colaborativa. Aunque su página oficial no incluya plantillas de wireframes y blueprints, ofrece documentación de ayuda con ejercicios prácticos, un apartado de soporte y comentarios, e incluso una lista de distribución donde solucionar dudas sobre su utilización. 3.5. CONCEPTDRAW PRO Conceptdraw Pro (http://www.conceptdraw.com) es una aplicación comercial de escritorio en lengua inglesa y muy versátil para Windows y Apple. 9
  • 10. Figura 3. Galería de herramientas de diseño y tipos de diagramas que pueden realizarse con un software versátil (en este caso, Conceptdraw Pro) Completada con el plug-in WebWave, nos ofrece una librería estándar de más de ciento veinte elementos gráficos para el prototipado web, que puede ser enriquecida con nuevos elementos gráficos externos. Incorpora el Site Mapper wizard, que genera de forma automática el blueprint o mapa del sitio de una web ya existente. Conceptdraw Pro permite la exportación a formatos como PDF, Html, Xml, Power point, Macromedia Flash, los principales formatos gráficos, SVG, o Conceptdraw; y la importación de los formatos Xml, los principales formatos gráficos, Power point, BMP, Visio o Conceptdraw. Aunque no incluya la opción de insertar anotaciones, sí permite las notas a pie de página, la edición colaborativa y la creación de prototipos dinámicos. En su página oficial aparecen una importante biblioteca de plantillas de gráficas, tutoriales de ayuda, un espacio de soporte e incluso un espacio (community) en inglés para sus usuarios. 10
  • 11. 3.6. SMARTDRAW Smartdraw (http://www.smartdraw.com) es una versátil herramienta de escritorio, en inglés y sólo para Windows, diseñada para la realización de tareas gráficas en el contexto de las organizaciones que incluye también recursos para el prototipado de páginas web. Incorpora una librería estándar que incluye un extenso conjunto de elementos gráficos para el prototipado web. Permite la gestión y edición de los elementos que ofrece y la incorporación de nuevos componentes gráficos externos. Facilita la exportación a diferentes formatos como PDF, Word, Power Point, Exel, Word Perfect, Formatos gráficos, Html, Metalife, o Smartdraw; pero sólo importa los formatos Visio o Smartdraw. Permite anotaciones y notas a pie de página, la edición colaborativa de prototipado y la creación de prototipos dinámicos e interactivos. En su página oficial aparecen, entre otros recursos, una importante biblioteca de plantillas de wireframes y blueprints, tutoriales de ayuda, un glosario para la aclaración de términos y un foro para sus usuarios. 3.7. PENCIL PROJECT Pencil Project (http://www.evolus.vn/pénsil) es una solución informática en lengua inglesa, gratuita y de código abierto disponible para ordenadores con sistema operativo Windows o GNU/Linux. También puede ser instalada como una extensión (addon) en el navegador Firefox. Es una solución muy versátil que nos ofrece una librería formada por más de cincuenta elementos gráficos para el prototipado web, que admiten una edición posterior y la incorporación de nuevos elementos gráficos externos. Permite la exportación a diferentes formatos como Html, Png, Openoffice, Word, PDF o Pénsil; pero sólo importa su propio formato. Permite la creación de prototipos dinámicos y anotaciones; pero no las notas a pie de página ni la edición de proyectos de creación colaborativa de prototipado. Su página oficial 11
  • 12. ofrece ejemplos y plantillas de wireframes y blueprints, tutoriales de ayuda e incluso un espacio para la discusión. 4. HERRAMIENTAS EN LÍNEA En los últimos años ha aparecido una amplia gama de aplicaciones basadas en el llamado cloud computing, es decir, aplicaciones que se ejecutan a través de un navegador y sin necesidad de instalar software adicional. Para algunas empresas y profesionales esto es una ventaja porque evita la instalación y el mantenimiento de programas en los ordenadores de la empresa. Además, de forma automática, los datos y documentos creados quedan guardados en servidores de Internet, por lo cual se puede acceder a ellos desde cualquier ordenador del planeta. Por esta misma razón, facilitan la edición colaborativa y los grupos de trabajo. Naturalmente, todas estas son funciones con las que las aplicaciones de escritorio, por definición, no pueden competir. Además, al ejecutarse sobre cualquier navegador estándar, estas aplicaciones en realidad son independientes de la plataforma del usuario (Windows, Linux, Mac, etc.). En general, las soluciones en línea son menos sofisticadas que las de escritorio. En contrapartida, generalmente presentan un coste más bajo y ofrecen versiones a coste cero. Esto permite que puedan ser utilizadas también en entornos como el de la enseñanza. En el conjunto de soluciones en línea que vamos a analizar en este trabajo se incluyen las siguientes herramientas: Mockflow, iPlotz, Pidoco, Lovely Chart, MockingBird y Lumzy.2 4.1. MOCKFLOW Mockflow (www.mockflow) es una aplicación online para el diseño de interfaces de usuario y prototipado de sitios web, siendo uno de los productos más completos de esta comparativa gracias a su especialización. Presenta una interfaz muy elegante y de uso 2 Las versiones evaluadas de estas herramientas corresponden a las que estaban disponibles en el mes de mayo de 2010. 12
  • 13. sumamente intuitivo que permite la creación sencilla de prototipos. Es una de las aplicaciones que proporciona un mayor número de elementos (o widgets) de diseño, tanto de tipo estándar como para móviles. Proporciona casi todo lo que se puede esperar de un programa de prototipado: control de versiones, colaboración en tiempo real, anotaciones, diseño basado en esquemas, importación de esquemas predefinidos o generación de mapas del web, entre otras. Adicionalmente, dispone de una aplicación gemela de escritorio para trabajar en modo offline. Por último, es uno de los programas que disponen de versión gratuita (tipo basic) sin ninguna restricción funcional, únicamente en relación al número de proyectos y de páginas de cada proyecto. Ideal, por tanto, para quienes siempre estamos buscando buenas herramientas para llevar a las aulas. Figura 4: Interfaz de una aplicación de prototipado en línea con un ejemplo de wireframe en la ventana de edición (Mockflow) 4.2. IPLOTZ iPlotz (www.iplotz.com) es otro de los pesos pesados de las aplicaciones online. Comparte muchas de las características de su gran rival comercial en esta área (Mockflow), 13
  • 14. como su elevada especialización, el gran número de elementos (sobre un centenar), la aportación de elementos móviles, o wireframes dinámicos, entre otras. Destaca por sus opciones de exportación, especialmente en HTML, con un resultado de una fidelidad extraordinaria. Su interfaz es eficaz y muy eficiente, pero quizá un poco intimidatoria comparada con la sencillez de, por ejemplo, Mockflow. Parte de esa complejidad procede del mayor número de funciones que presenta iPlotz frente a sus competidoras. Es la aplicación en línea que proporciona más opciones de exportación, así como funciones específicas de gestión de proyectos y de edición colaborativa. Ofrece, además, una versión gratuita sin limitaciones funcionales (con limitaciones del número de proyectos). Figura 5: Un gestor de proyectos de una aplicación en línea (iPlotz) 4.3. PIDOCO Pidoco (www.pidoco.com) completa el trío de las aplicaciones en línea que pueden compararse sin complejos con sus competidoras de escritorio, aportando las funcionalidades que se espera de este tipo de herramientas. 14
  • 15. Algunos de sus puntos fuertes son la eficacia de sus exportaciones a Word y HTML, la posibilidad de dos vistas diferentes del prototipado (una del tipo mano alzada y otra más clásica (ortogonal)), en sus opciones de trabajo colaborativo y en una herramienta que permite llevar a cabo tests de usabilidad en modo remoto. 4.4. LOVELY CHART Lovely Chart (www.lovelycharts.com/) es la única de las aplicaciones en línea consideradas aquí con un grado de versatilidad comparable a las de escritorio. Esta versatilidad la paga en una baja especialización en el campo que nos ocupa, ofreciendo pocos elementos para prototipado. Es decir, se trata del más versátil de los programas en línea, pero del menos especializado. Destaca la calidad de su interfaz, con soluciones innovadoras. Otro aspecto destacado es la facilidad de edición de los elementos una vez puestos en el lienzo: dimensiones, color, establecimientos de conexiones, etc. Forma parte del grupo de honor de las aplicaciones online con versión gratuita. De todos modos, su versión de pago es realmente low cost (29 €). 4.5. MOCKINGBIRD Y LUMZY Por último, incluimos en un mismo apartado dos soluciones que comparten varios rasgos. En primer lugar, ambas ofrecen únicamente versiones gratuitas. En el caso de MockingBird, al menos mientras se mantenga en versión beta. Lumzy indica que ofrecerán soporte al usuario, pero parecen apuntar, sin explicitarlo, que vendrá con algún tipo de licencia de pago. En segundo lugar, sobre todo comparadas con las tres primeras, son las dos soluciones menos especializadas, aunque ambas son muy notables en cuanto al número de elementos que proporcionan y, sobre todo, en su extremada facilidad de uso. 15
  • 16. 5. EVALUACIÓN DE LAS HERRAMIENTAS Una vez descritas las herramientas en línea y de escritorio, podemos centrarnos ahora en la evaluación de las mismas. Por definición, todo modelo de evaluación incorpora intrínsecamente un cierto grado de discrecionalidad, y esto es inevitable, por tanto, no pretendemos presentar el único modelo de evaluación posible, sino un modelo que racional que puede ser mejorado por posteriores trabajos. Ningún sistema de evaluación puede pretender ser definitivo, pero tampoco cabe serle exigido, porque es intrínsecamente imposible. Ni siquiera los muy racionales y ampliamente aceptados, por poner un ejemplo, sistemas de evaluación de la calidad de vida que utiliza las Naciones Unidas. Por tanto, lo que presentamos en este trabajo es obviamente un modelo de evaluación tan discrecional como cualquier otro, pero siempre basado en una perspectiva racional, analizable por terceras partes, es decir, repetible por terceras partes y siempre en busca de utilidad para los profesionales y estudiosos del tema. En cualquier caso, para implementar nuestra propuesta evaluativa vamos a analizar en cada una de estas soluciones los siguientes parámetros: operatividad, funcionalidad, plantillas y soporte. 16
  • 17. Herramienta Operatividad Funcionalidad Plantillas Soporte Total iPlotz 5 11 0 2 18 Smartdraw 0 14 2 2 18 Conceptdraw 0 14 2 2 18 Pencil Project 3 11 2 2 18 OmniGraffle 0 13 2 2 17 Axure 1 12 2 2 17 MockFlow 3 11 1 2 17 Visio 1 13 0 2 16 Pidoco 3 7 0 2 12 Lovely Chart 3 7 0 2 12 Denim 3 6 0 2 11 MockingBird 3 5 0 1 9 Lumzy 3 5 0 1 9 Tabla 1. Ranking de todas las herramientas Para calcular el grado de operatividad de la herramienta vamos a utilizar tres indicadores: los sistemas operativos en los que corre (le otorgamos 0 puntos si sólo corre en un sistema, 1 punto en dos, y 2 puntos si funciona en tres sistemas operativos o es en línea), las distintas lenguas en la que se ofrece su interfaz (le asignaremos 0 puntos si su interfaz se ofrece en una sola lengua, 1 punto en dos, y 2 puntos si se ofrece en más de dos lenguas) y el tipo de licencia de la herramienta (le otorgamos 0 puntos si su licencia es de pago y 1 punto si nos ofrece, independientemente de la versión para la evaluación, una versión gratuita de la herramienta). 17
  • 18. Herramienta Operatividad Funcionalidad Plantillas Soporte Total Smartdraw 0 14 2 2 18 Conceptdraw 0 14 2 2 18 Pencil Project 3 11 2 2 18 OmniGraffle 0 13 2 2 17 Axure 1 12 2 2 17 Visio 1 13 0 2 16 Denim 3 6 0 2 11 Tabla 2. Ranking de las herramientas de escritorio Para evaluar su funcionalidad hemos utilizados los siguientes indicadores y sistema de puntuación: grado de versatilidad (0 puntos si permite sólo el prototipado, 1 punto si permite además otro tipo de representación gráfica, y 2 puntos si incluye además dos o más tipos de representación gráfica), los elementos estándar de prototipado que incluye (0 puntos si ofrece menos de 20 elementos; 1 punto si ofrece más de 20 y 2 puntos si permite la incorporación de elementos externos), los elementos de prototipado para interfaces móviles (0 puntos si no los incorpora y no permite su incorporación; 1 punto si no los incorpora pero permite su importarlos y 2 puntos si los incorpora directamente), los tipos de formatos a los que permiten exportar (0 puntos si sólo permite la exportación en su formato; 1 punto si permite la exportación a tres o menos formatos y 2 puntos si permite la exportación a más de tres formatos), los tipos de formatos que permiten importar (0 puntos si sólo permite la importación desde su formato; 1 punto si permite la importación desde tres o menos formatos y 2 puntos si permite la importación desde más de tres formatos), la creación y edición colaborativa (0 puntos si no la permite y 1 punto si la permite), la anotación (0 puntos si no la permite y 1 punto si la permite), las notas a pie de página (0 puntos si no las permite crear y 1 punto si permite su inserción), los prototipos dinámicos (0 puntos si no los permite crear y 1 punto permite su inserción), los wireframes (0 puntos si no los permite crear y 1 punto permite su implementación) y los blueprints (0 puntos si no los permite crear y 1 punto permite su implementación). 18
  • 19. Herramienta Operatividad Funcionalidad Plantillas Soporte Total iPlotz 5 11 0 2 18 MockFlow 3 11 1 2 17 Pidoco 3 7 0 2 12 Lovely Chart 3 7 0 2 12 MockingBird 3 5 0 1 9 Lumzy 3 5 0 1 9 Tabla 3. Ranking de las herramientas online Respecto a las plantillas hemos utilizados como indicadores la inclusión de plantillas de wireframes (0 puntos si no las ofrece y 1 punto si las ofrece) y la inclusión de plantillas de blueprints (0 puntos si no las ofrece y 1 punto si las ofrece). Por último, la variable relacionada con el soporte o grado de asistencia ha sido evaluada a partir de los indicadores tutoriales (0 puntos si no los incluye y 1 punto si los incluye) y blogs o espacios de ayuda (0 puntos si no los ofrece y 1 punto si los ofrece). Los resultados globales de la evaluación de la totalidad de las herramientas analizadas se recogen, en forma de ranking, en la tabla 1. Los resultados segregados por tipos de solución se incluyen, también en forma de ranking, en las tablas 2 (herramientas de escritorio) y 3 (herramientas en línea). 6. CONCLUSIONES Los resultados obtenidos en el apartado anterior nos permiten extraer algunas conclusiones sobre las herramientas analizadas en este trabajo. En primer lugar, como vemos en la tabla 1, el ranking está dominado por cuatro herramientas que obtienen una valoración de 18 puntos: iPlotz, Smartdraw, Conceptdraw y Pencil Project. Aunque iPlotz, presenta una funcionalidad media-alta (11 puntos), se sitúa muy bien en el ranking gracias al índice de operatividad más alto (5 puntos) de las herramientas analizadas. Smartdraw y Conceptdraw presentan los mismos valores, destacando el mayor nivel de funcionalidad de las herramientas evaluadas (14), pero 19
  • 20. penalizadas por su nula operatividad (0 puntos). Pencil Project se coloca en este primer grupo gracias a una operatividad alta (3 puntos), una funcionalidad media-alta (11 puntos) y una puntuación máxima respecto a los indicadores plantillas y soporte (2 puntos cada una). Seguidos muy de cerca, en la segunda posición del ranking, aparece un grupo de herramientas formado por las soluciones OmniGraffle, Axure y MockFlow, con una valoración de 17 puntos cada una. OmniGraffle destaca por su alta funcionalidad (14 puntos, la segunda más alta) aunque se ve penalizado por su baja operatividad (0 puntos). Axure ve equilibrada su menor funcionalidad (13 puntos), con una operatividad más alta (1 punto). MockFlow justifica la puntuación obtenida a partir de una funcionalidad media-alta (11 puntos) pero con una operatividad alta (3 puntos, el segundo valor más alto). Muy cercana a este segundo grupo aparece Visio, con una valoración de 16 puntos obtenida a partir de una funcionalidad muy alta (13 puntos, el segundo valor más alto) pero con una operatividad más escasa (1 punto) y sin puntuar en el parámetro plantillas. En la zona media-baja del ranking, aparecen las herramientas Pidoco, Lovely Chart y Denim. Pidoco y Lovely Chart obtienen la misma puntuación total (12 puntos) y los mismos valores respecto a los parámetros operatividad (3), funcionalidad (7), plantillas (0) y soporte (2). Denim, aunque presenta una operatividad alta (3 puntos), obtiene sólo 11 puntos a partir de una funcionalidad escasa (6 puntos, la segunda más baja) y no puntuar en el parámetro relacionado con las plantillas. El ranking se completa con las herramientas MockingBird y Lumzy, con 9 puntos cada una. Aunque presenten una operatividad alta (3 puntos, el segundo valor más alto), esta baja puntuación se justifica por obtener el valor más bajo de funcionalidad (sólo 5 puntos) de las herramientas evaluadas, por obtener sólo un punto en respecto al soporte y por no puntuar en el parámetro relacionado con las plantillas. En segundo lugar, si nos centramos en los resultados recogidos la tabla 2 sobre las herramientas de escritorio, podemos extraer también algunas conclusiones. Por un lado, las soluciones de escritorio que presentan la mejor evaluación son Smartdraw, Conceptdraw y Pencil Project, con 18 puntos cada una. Smartdraw y Conceptdraw obtienen sus altas puntaciones a partir de los parámetros funcionalidad (14, la más alta de todas las herramientas evaluadas), plantillas (2) y soporte (2); pero presentando una nula operatividad (0). Pencil Project, en cambio, obtiene esa puntuación a partir de la 20
  • 21. operatividad (3, la más alta de las herramientas de escritorio), plantillas (2) y soporte (2); pero presentando la segunda puntuación más baja respecto a su funcionalidad (11 puntos). El siguiente grupo de herramientas de escritorio en el ranking está formado por OmniGraffle y Axure con 17 puntos cada una. OmniGraffle basa principalmente la puntuación obtenida en los parámetros funcionalidad (13), plantillas (2) y soporte (2), pero presentando también una nula operatividad (0). Axure la obtiene también a partir de los mismos valores pero con una menor funcionalidad (12). Visio, en cambio, presenta una funcionalidad un poco más alta (13) pero falla en el tema de las plantillas. Por último, la solución de escritorio Denim obtiene 11 puntos. Aunque iguala los mejores valores respecto a su operatividad (3), su baja puntación se justifica, principalmente, por su menor funcionalidad (6 puntos) y por la ausencia de plantillas (0). Para acabar, si nos centramos en los resultados recogidos la tabla 3 sobre las herramientas en línea, podemos concluir que hay una herramienta que destaca sobre el resto: iPlotz, aunque muy cerca de Mockflow. iPlotz obtiene la puntuación más alta del ranking, compartiéndola con otras herramientas de escritorio. Presenta una funcionalidad media-alta (11 puntos), pero obtiene esa posición en el ranking gracias al índice de operatividad más alto (5 puntos) de las herramientas analizadas. Como ya hemos señalado, MockFlow ocupa el segundo lugar de ese ranking segregado separado solamente a un punto del primero. Presenta la misma tasa de funcionalidad que el anterior, pero una operatividad un poco más baja (3 puntos, el segundo valor más alto). El siguiente grupo de herramientas en línea en el ranking está formado por Pidoco y Lovely Chart, con 12 puntos cada una. Estas soluciones obtienen sus esas puntaciones a partir de los parámetros funcionalidad (7, el tercer valor más bajo de todas las herramientas evaluadas), operatividad (3), soporte (2); pero fallan en el tema de las plantillas (2). Al igual que ocurría en el ranking general, las soluciones en línea del final de la tabla son MockingBird y Lumzy, con 9 puntos cada una. Esa puntuación se basa sobre todo en los valores obtenidos en la funcionalidad (sólo 5 puntos). Aunque debe destacarse de estas últimas su extremada facilidad de uso. 21
  • 22. 7. REFERENCIAS BROWN, DAN. (2007). Communicating Design: Developing Web Site Documentation and Planning. Berkeley: New Riders. KHAN, SAUD (2010). "Guidelines, Tools and Respurces for Web Wireframes". w3avenue, Feb. 2010. Acceso: <http://www.w3avenue.com/2010/02/03/guidelines-tools-and- resources-for-web-wireframing/> Consulta: Abril 2010 MORVILLE, Peter y ROSENFELD, Louis (2006). Information Architecture for the World Wide Web. Sebastopol (CA): O’Reilly Media Inc. PEDRAZA-JIMENEZ, RAFAEL. "Especificación de requisitos de un sitio web" [Informe]. Slideshare.net, octubre, 2009. Acceso: <http://www.slideshare.net/rpedraza/especificacin-de-requisitos-de-un-sitio-web>. Consulta: abril 2010 PÉREZ-MONTORO GUTIÉRREZ, Mario (2010). Arquitectura de la Información en entornos web. Gijón: Trea. (En prensa). "Website Wireframes". Wikipedia. Acceso: <http://en.wikipedia.org/wiki/Website_wireframe>. Consulta: Abril 2010 YUSEF HASSAN, FRANCISCO J. MARTÍN FERNÁNDEZ Y GHZALA IAZZA (2004).. "Diseño Web Centrado en el Usuario: Usabilidad y Arquitectura de la Información" [en linea]. Hipertext.net, núm. 2 <Acceso: http://www.hipertext.net> Consulta: Abril 2010 Agradecimientos: Este trabajo ha sido financiado parcialmente por el proyecto de investigación del Ministerio de Ciencia e Innovación número CSO2009-13713-C05-04. 22
  • 23. Mario Pérez-Montoro. Universidad de Barcelona perez-montoro@ub.edu Lluís Codina. Universidad Pompeu Fabra lluis.codina@upf.edu Publicado originalmente en: El Profesional de la Información, v. 19, n. 4, Julio-Agosto 2010. Forma recomendada de citación: Pérez-Montoro, Mario; Codina, Lluís. “Sotfware de prototipado para la arquitectura de la información: funcionalidad y evaluación”. El Profesional de la Información, v. 19, n. 4, Julio-Agosto 2010, p. 417-423 23