Tag Archive: organización


Icono de mockflow

Mockflow es una herramienta que permite crear borradores de la estructura de las páginas que compondrán nuestro sitio web, es decir, los prototipos de las distintas páginas.

Es una herramienta fácil de utilizar que nos permite diseñar, de una manera rápida e intuitiva, nuestro sitio web, pudiendo diseñar cada una de las páginas que lo conformarán, implantando una arquitectura web muy personalizada y con múltiples complementos que realmente ayudan a que veamos un prototipo que antes hubiéramos esbozado en cualquier trozo de papel.

Tiene 2 versiones: la de pago y la gratuita. En la 1ª tienes un número ilimitado de creación de páginas y por tanto de prototipos. En la 2ª, la gratuita, únicamente podemos crear un proyecto con 4 páginas. Eso sí, puedes hacer la página, guardarla y exportártela a tu disco duro, luego borrarla del mockflow y así poder seguir diseñando más páginas.

Entre sus aspectos más destacados, podemos observar que posee elementos para introducir tan interesantes como:

  • una barra social media
  • diseños de presentaciones
  • un buscador
  • banners
  • cuadros de login

La verdad es que es una herramienta bastante completa y que ayuda a hacerse una buenísima idea de cómo puede quedar nuestro sitio web.

La herramienta está diseñada para cualquier tipo de plataforma, tanto móviles o tablets, por ejemplo, pudiéndote descargar imágenes  de una table y diseñar dentro de ellas cómo quedaría el diseño del prototipo.

Entre sus añadidos que a mi parecer tienen más utilidad, nos encontramos con el “Store”, donde otros usuarios han creado elementos de diseño para agregar a nuestros prototipos, teniendo una gran variedad de opciones muy interesantes.

Otra de las características de las cuáles nos podemos aprovechar es de la visión de las páginas de nuestro web, donde podremos conformar todo un verdadero mapa de sitio web, lo cual es muy beneficioso para entender la estructura del sitio web.

Entrad, probadla y ya veréis como os sirve de ayuda.

P.D: En futuros posts, hablaremos de otras herramientas similares que también son interesantes.

Anuncios

La arquitectura de la información (Information Architecture) es la que se encarga de estructurar y clasificar sitios web e intranets, intentando ayudar al usuario a encontrar y utilizar la información de una manera más sencilla. Facilita la búsqueda y la recuperación de la información, mejorando la utilidad de la web para la persona a la que se dirige: el usuario.

A la hora de estructurar un sitio web hay que tener en cuenta varios aspectos para crear una mejor arquitectura de la información:

  1. El sistema de navegación:  es el que nos permite movernos a través del sitio web. Debe facilitar al usuario la estructura del sitio, es decir, de un vistazo, el usuario debe de ser capaz de entender la estructura del sitio web. Por otro lado, la navegación debe ser constante, es decir, que da igual en qué página nos encontremos del sitio web, debemos poder ver el menú de navegación general. Hay diferentes tipos de navegación: global, local, adicional, contextuales, de cortesía…
  2. El etiquetado: muestran la manera en que está estructurada un sitio web y que permiten la navegación. Deben ser claras, reconocibles, significativas y siempre elegidas dependiendo del usuario al que nos dirijamos.
  3. Sistemas de ayuda a la navegación: hay elementos que suman a la hora de conseguir una mejor arquitectura de la información, entre los que encontramos la barra de navegación, la barra jerárquica (migas de pan), menús desplegables, enlaces incrustados, tablas de contenidos, el índice, el mapa del sitio web o las visitas guiadas de la web.
  4. La organización: se presenta la información de una manera clara y ordenada según diversas pautas, como la cronología, temática, alfabéticamente…Se diferencian diferentes tipos de organización: ambiguos, exactos, esquemas híbridos.
  5. La búsqueda: referente a los contenidos, debe facilitar que el usuario encuentre lo que busca y le indique donde se encuentra, que recupere toda la información relacionada con la búsqueda.

Esta es una breve incursión en este tema que iremos desgranando, poco a poco, en futuros posts.

Os dejo un vídeo (en inglés) donde se explica básicamente lo que hace un arquitecto de la información. Espero que os guste.

A %d blogueros les gusta esto: