Tag Archive: estructura


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.

Un poco de historia: la primera vez que apareció el término fue en 1976 y relacionado con Wurman, arquitecto de profesión, que en la Conferencia Anual del Instituto Americano de Arquitectos, le correspondió ser el máximo dirigente y tituló el tema de la conferencia  con el nombre de “Arquitecto de la información”. En aquél momento pasó inadvertido durante unos 20 años, hasta que con el impulso de Internet,  los usos comerciales se hicieron eco de este concepto.

Su labor: Se encarga principalmente de clasificar, describir y estructurar la información con el fin de que ésta sea más fácilmente recuperable, manejable y comprensible de cara al usuario. Una definición más formal diría que un arquitecto de la información es aquél que: “crea un mapa de información que permite al usuario encontrar su vía personal hacia el conocimiento”. Añadiendo más aspectos, diríamos que se encarga de determinar el contenido y la funcionalidad del sitio web, indicar qué tipo o sistema de organización tiene, la navegación de qué tipo es y se anticipa a los posibles cambios tanto de la red como de posible crecimiento, indicando el camino a seguir, planificando.

¿Qué perfil tiene? Los profesionales de la información tienen un perfil muy diverso. En este caso, suelen predominar profesionales relacionados con el desarrollo web y que proceden de diversas disciplinas como: Ciencias de la Documentación, Psicología, Periodismo, Informática, Historia del arte. Suelen haberse formado como complemento a sus estudios universitarios y aúnan conocimientos en redes sociales, lenguajes de programación y sobre todo, mucho interés en lo referente al tratamiento y gestión de los contenidos en el ámbito de la web.

Y tú ¿porqué no te haces arquitecto de la información? Con Internet, cada día se abren nuevas líneas de trabajo ¿A qué estás esperando?

¿Qué son? Son elementos que aportan al usuario la información de donde se encuentra en cada momento dentro de un sitio web. Se le indica la ubicación exacta de la página donde se encuentra y la relación jerárquica de esta con respecto a la de inicio del sitio web. El nombre le viene del cuento de Hansel y Gretel o también Pulgarcito (en España), del famoso camino de migas de pan que utilizan para volver a casa.

¿Para qué sirven?

  • Para saber en qué parte está el usuario dentro del website.
  • Para regresar a las secciones principales más fácilmente.

¿Qué elementos las forman? Suele estar formado por una estructura jerárquica, donde se pone la ruta desde la página de inicio del website hasta la página en concreto en la que nos encontramos, apareciendo la de inicio a la izquierda, seguida normalmente del “>” que nos indica que la página de la izquierda es la que agrupa a la de la derecha y así sucesivamente. Pero ¿qué mejor que un ejemplo visual para entenderlo? Situémonos: nos encontramos en la página de “El Corte Inglés” y queremos comprarnos un ratón para el pc, cuando lleguemos a la página donde muestra el catálogo de ratones para PC’s deberíamos poder ver la siguiente ruta o camino:

Migas de pan del website de "El Corte Inglés"

En el ejemplo se puede observar que desde la página de inicio de “El Corte Inglés”, hemos pasado por la categoría “Informática”, dentro de la cual se encuentra “Accesorios”, con la subcategoría “Teclados, ratones y tabletas”. Habría que destacar que la página en la que nos encontramos aparece destacada en otro color (verde, en este caso) y que las demás indicaciones aparecen subrayadas, siendo enlaces a las distintas categorías más generales.

Tipologías:

  • Dinámico: está ligado a la navegación. Suele aparecer en websites de tipo dinámico donde la información puede estar ubicada en diferentes lugares y el acceso a ella se realiza de múltiples maneras. Informa del lugar, aunque lo más importantes y diferente es que muestra el camino o “path” que ha seguido el usuario para acceder al contenido. Respondería a la pregunta del usuario: ¿cómo he llegado hasta aquí?
  • Localizador: que está ligado a la estructura. Suele aparecer en websites de tipo estático donde el contenido aparece en un único lugar. Informa del lugar en el cual está ubicada la página y es independiente de la navegación que realice el usuario. Respondería a la pregunta del usuario: ¿donde está lo que busco?Miga de pan del tipo "localizador"
  • Descriptivo: ligado a los datos. Muestra meta-información al usuario, constituyendo el punto de partida y no de destino como lo son las anteriores tipologías. Responden a la pregunta: ¿qué contenidos se corresponden con una característica determinada?

Migas de pan del tipo "descriptivo"

En conclusión, si queréis que los usuarios no se pierdan en vuestras webs, utilizad un elemento tan sencillo como las migas de pan. Os lo agradecerán y cumpliréis con uno de los fundamentos básicos de la web que: debe estar orientada al usuario.

A %d blogueros les gusta esto: