Cuando piense en herramientas que puede usar para crear páginas web, probablemente piense en cosas como Kompozer o Firebug Guía para aficionados al diseño de sitios web personalizados con FireBug Guía para aficionados al diseño de sitios web personalizados con FireBug Lea más. Sin embargo, ¿qué pasa si le digo que una herramienta que realmente puede impulsar su creatividad a la hora de formular un diseño de diseño web es un mapa mental?
Hemos cubierto muchas herramientas de mapas mentales aquí en MUO. Nancy revisó Thoughtboxes Thoughtboxes: Mind-Mapping y su lista de tareas Thoughtboxes: Mind-Mapping conoce su lista de tareas Read More, y Jeffry cubrió las herramientas de Mindmapping para Mac MindMapping: 3 Simple Idea Mapping Software para Mac MindMapping: 3 Simple Idea Mapping Software para Mac Leer más. Creo que mi aplicación favorita de mapas mentales es el proyecto de código abierto FreeMind.
FreeMind es uno de esos maravillosamente simple de usar, pero intrincadamente tan complejo como lo necesitas cuando realmente lo necesitas. Esa es la belleza de eso. Entonces, para las personas que son particularmente creativas, una aplicación como FreeMind literalmente libera su mente para explorar en cualquier dirección que desee. Cuando intenta hacer algo tan abstracto y complejo como diseñar el flujo y la función de un sitio web, ese es el tipo de flexibilidad que necesita.
Aquí en MUO, buscamos ayudar a los lectores a "utilizar" aplicaciones de formas que quizás no hayan considerado antes. Estoy seguro de que hay algunos de ustedes que han utilizado herramientas de mapas mentales para este fin: después de todo, se trata de una multitud inteligente. Pero, para aquellos de ustedes que nunca consideraron usar una herramienta de mapas mentales para diseñar su nuevo sitio web, permítanme llevarlo a dar un paseo por el jardín de diseño web de FreeMind.
Diseñando un sitio web con FreeMind
En su forma más simple, creo que se vuelve obvio muy rápido por qué una herramienta de mapas mentales como FreeMind es ideal para el diseño web. En solo unos minutos, solo usando la opción "New Child Node" en FreeMind, generé un mapa de nivel superior de mi blog.
Como puede ver, FreeMind le permite comenzar desde una página principal, no tiene que ser la página principal de su sitio, podría ser cualquier página de inicio, y luego rastrear la ruta de los enlaces a través de su nuevo sitio.
En este ejemplo, he diseñado una página principal con seis enlaces de navegación para las seis subsecciones principales de mi sitio. Probablemente también debería haber agregado una página de "características" o "artículos", ya que ese es el objetivo de un blog. Pero esa es la belleza de un mapa mental: puedes modificarlo y cambiarlo para que se adapte a las ideas de diseño que surjan en tu cabeza a lo largo del camino.
Por supuesto, al comenzar a construir su sitio web y tener páginas reales para mostrar, puede agregar hipervínculos a esas páginas directamente desde su mapa mental. Por lo tanto, al crear su sitio basado en su plan FreeMind, puede realizar un seguimiento literal de todo desde el mismo plan.
¿Desea revisar la página de contacto que editó hace un tiempo? No se moleste en tomarse el tiempo de abrir su navegador y escribir la URL, simplemente haga clic en su enlace de FreeMind y estará allí.
Puede ver la URL del enlace al pasar el ratón sobre el nodo; aparece en la barra de estado inferior.
La creación de hipervínculos hace que sea más conveniente acceder a las páginas que está diseñando, lo que, por supuesto, hará que todo su proceso de diseño web sea más eficiente. El mapa mental de su sitio web puede servir como su eje central, su plan de trabajo de diseño web, del que puede trabajar para completar todo su proyecto de diseño.
Otra característica realmente genial de FreeMind es la capacidad de agregar imágenes a los nodos. Simplemente haga clic en Insertar - Imagen en el menú, o haga clic en el nodo y presione Alt-K. Solo busque el archivo de imagen que desea usar. Es mucho más fácil si dimensiona la imagen para que sea el tamaño de la miniatura; de lo contrario, deberá ajustar la vista del Código HTML en FreeMind después de importar la imagen.
Haga clic en la imagen y aparecerá una herramienta de edición que le permite agregar un pequeño título debajo de la imagen. Puede usar esto para agregar un poco de pizzaz a su mapa mental de diseño web. Lo usé para mostrar las imágenes de los escritores, y el nodo en sí representa su página de perfil en el sitio.
Si no te importa que tu mapa se vuelva enorme, incluso podrías insertar instantáneas de vista previa de las páginas, imágenes que crees que representan el propósito de la página, o cualquier otro uso para las imágenes de los nodos que puedas encontrar. Personalmente, me gusta utilizar imágenes en mi mapa mental de diseño web porque le da más carácter y ofrece una pequeña vista previa del contenido de la página para cualquier persona que pueda estar viendo el mapa por primera vez.
Otra característica realmente genial de FreeMind que encaja perfectamente en el conjunto de herramientas de diseño web es la herramienta de gestión del tiempo integrada en FreeMind. Para llegar, diríjase a "Herramientas" y luego seleccione "Mostrar calendario". Aparecerá una ventana grande de calendario "Administración de tiempo".
Puede aplicar fechas a los nodos haciendo clic en "Añadir fecha a los nodos seleccionados". Esta es una buena manera de hacer control de versiones en sus páginas, por fecha / hora estampando el nodo con la fecha en que esa página fue creada o actualizada.
La fecha que elija se adjuntará al final del texto del nodo.
Mejor aún, ¿por qué no configurar un horario para que una vez que se complete su sitio, pueda recibir un recordatorio cuando sea el momento de actualizar una página en el sitio? Esta es una manera genial de planear sistemáticamente un cronograma de actualización para un sitio, programar actualizaciones específicas de la página a lo largo del tiempo, de modo que la actualización de un sitio web no se convierta en una tarea abrumadora y caótica.
Para hacerlo, simplemente seleccione el nodo, vaya al calendario de Administración de tiempos, elija la fecha en la que desea actualizar la página y luego haga clic en "Recordarme en esta fecha".
Un pequeño ícono de un reloj aparecerá en ese nodo. Eso le indica que hay una alarma asociada y recibirá una notificación emergente en su computadora cuando sea el momento de actualizar esa página. Nunca pensé que utilizaría una herramienta de mapas mentales para la gestión de proyectos de diseño web, ¿verdad?
Además, si desea ver toda su programación de actualizaciones, enumeradas por página, simplemente vaya a Herramientas y seleccione "Mostrar lista de programación horaria".
Obtendrá un informe completo de todas las páginas que programó, cuándo las programó (creó) y la fecha en que se actualizará esa página en particular.
El único lugar donde este sistema podría fallar es si actualiza la página y olvida volver y actualizar el nodo con una nueva fecha y hora de actualización. Por lo tanto, trate de hacerlo un hábito para hacerlo, y mantendrá sin problemas todo el sistema de actualización de su página.
Ah, y hay una última característica importante que casi olvidé. Esto es bastante importante si tiendes a ser uno de esos programadores que pierde la pista de dónde almacenas los archivos de tu proyecto.
FreeMind tiene la capacidad de hipervínculo a archivos en su PC, por lo que puede usar esa función para vincular los nodos de la página con el código real que está guardado en su computadora. Simplemente vaya a "Insertar", elija "Hipervínculo (File Chooser)" y luego simplemente busque el archivo al que desea vincular ese nodo.
El enlace del archivo para ese nodo aparece como una flecha roja. Cada vez que desee hacer algunos cambios en el código, simplemente haga clic en el enlace del archivo y se abrirá de manera instantánea para usted, sin necesidad de buscar información para encontrarlo. Solo asegúrese de recordar dónde lo guardó para que pueda cargar los cambios en su servidor web.
Como puede ver, el uso de una herramienta de mapas mentales como FreeMind no solo le ayuda a diseñar el diseño y el flujo de su sitio, incluso puede ayudarle a administrar todo su proyecto de diseño web de principio a fin.
¿Qué herramientas usas para administrar tus proyectos de diseño web? ¿Consideraría probar FreeMind en su lugar? ¿Tiene alguna otra idea creativa para usar una herramienta de mapas mentales como parte de un proyecto de diseño web? Comparte tus pensamientos en la sección de comentarios a continuación.