Tag Archive: mapa del sitio web


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

¿Qué es? Son los elementos de una interfaz que permiten la navegación por las distintas secciones, categorías y páginas de las que se compone el web. Se trata de la manera en que se presenta la información utilizando para ello elementos tales como textos, gráficos, etc. y que facilitan que los usuarios nos movamos por el sitio web.

¿Qué elementos lo conforman?

  • Las barras de menús: son la parte más importante de los sistemas de navegación porque permiten la navegación libre por la web y sin que se dé la sensación de estar perdido en ningún momento. Es recomendable que los menús no cambien en cuanto a diseño, color, tamaño de una página a otra dentro del mismo site. Existen 2 tipos de menús: horizontales (FNAC) y verticales (UPV). Ambos permiten la integración de desplegables y de rollover. Para lograr un buen diseño deben seguirse una serie de indicaciones, tales como que la fuente utilizada sea clara y grande, con un contraste de color suficiente para diferenciarse con el fondo, favoreciendo de esta manera la lectura. Otro elemento a destacar sería la utilización de iconos, sustituyendo las palabras, facilitando la navegación por la web.
  • Sitemap o Mapa_de_sitio_web: se trata de una herramienta que lista las páginas de un sitio web, organizándolas jerárquicamente, desgranando cada una de las páginas que conforman el website. Permite que los buscadores encuentren más fácilmente las páginas de tu website.

Tipología de sistemas de navegación:

  • Jerárquicos: a partir de la página principal proporciona acceso a los diferentes niveles que tiene la web. No es muy recomendable utilizarlo con menús horizontales. Se desglosa desde lo más genérico hacia lo más especifico.
  • Globales: suele complementar al jerárquico, ofrece la posibilidad de navegar a lo largo y profundo del sitio web donde nos encontremos. Suelen basarse en barras de navegación gráficas que permiten el acceso a las diferentes secciones, las cuales tienen a su vez otros menús o barras laterales relacionados con las secciones.
  • Locales: se trata de una serie de menús adicionales que ayudan enormemente a la navegación. Se suele dar más en páginas secundarias, no tanto en la principal.
  • Específicos: se utiliza cuando no es posible clasificar o categorizar las relaciones o los nexos de unión entre las diferentes páginas. Un ejemplo de ello, son los enlaces a un documento relacionado, ya sea interno (en la web donde nos encontramos) o externo (a una web donde se aloje el documento relacionado). El lugar donde más se ejemplifica este tipo de navegación es en las wikis.

Conclusiones:

  • Los sistemas de navegación permiten identificar dónde estamos.
  • Un buen diseño de navegación ayuda al usuario a situarse y moverse por todo nuestro website, permitiendo la fluidez y rapidez en encontrar lo que está buscando.
  • El sitemap optimiza a los buscadores para que encuentren nuestras páginas web y también ayudan al usuario a entender la jerarquía de nuestro website y verlo gráficamente.
  • Un buen diseño de los sistemas de navegación permiten crear una web más usable y accesible.
  • Elegir el tipo de menú adecuado para la web, dependiendo de nuestra temática y el uso que le vayamos a dar, permitirá un mejor entendimiento y uso más intuitivo por parte del usuario.

A %d blogueros les gusta esto: