Quando pensi agli strumenti che puoi usare per creare pagine web, probabilmente pensi a cose come Kompozer o Firebug Guida amatoriale per personalizzare il design del sito web con FireBug Guida amatoriale per personalizzare il design del sito web con FireBug Ulteriori informazioni. Tuttavia, cosa succede se ti dicessi che uno strumento che può davvero aumentare i tuoi succhi creativi quando si tratta di formulare un layout di web design è una mappa mentale?
Abbiamo coperto molti strumenti di mappatura mentale qui al MUO. Nancy ha recensito Thoughtboxes Thoughtboxes: Mind-Mapping incontra la tua lista delle cose Thoughtboxes: Mind-Mapping incontra la tua lista delle cose da leggere Leggi di più, e Jeffry ha trattato gli strumenti Mindmapping per Mac MindMapping: 3 Simple Idea Mapping Software per Mac MindMapping: 3 Simple Idea Mapping Software per Mac Ulteriori informazioni. Penso che la mia applicazione di mindmapping preferita di tutti sia il progetto open source FreeMind.
FreeMind è uno di quelli meravigliosamente semplici da usare, eppure complessi come quello che ti serve quando hai davvero bisogno che sia. Questa è la sua bellezza. Quindi, per le persone particolarmente creative, un'applicazione come FreeMind libera letteralmente la tua mente da esplorare in qualunque direzione tu voglia andare. Quando cerchi di fare qualcosa di astratto e complesso come progettare il flusso e la funzione di un sito web, questo è il tipo di flessibilità di cui hai bisogno.
Qui al MUO, cerchiamo di aiutare i lettori a "fare uso di" applicazioni in modi che potreste non aver considerato prima. Sono sicuro che alcuni di voi hanno utilizzato strumenti di mindmapping per questo scopo - questa è una folla intelligente dopo tutto. Ma, per quelli di voi che non hanno mai pensato di usare uno strumento di mindmapping per creare il tuo nuovo sito web, lascia che ti accompagni a fare una passeggiata nel giardino di progettazione web di FreeMind.
Progettare un sito web con FreeMind
Nella sua forma più semplice, penso che diventi molto ovvio molto velocemente esattamente il motivo per cui uno strumento di mindmapping come FreeMind è ideale per il web design. In pochi minuti, utilizzando l'opzione "Nuovo nodo figlio" in FreeMind, ho generato una mappa di livello superiore del mio blog.
Come puoi vedere, FreeMind ti permette di iniziare da una pagina principale - non deve essere la pagina principale del tuo sito, potrebbe essere una qualsiasi pagina iniziale - e quindi tracciare il percorso dei link attraverso il tuo nuovo sito.
In questo esempio, ho progettato una pagina principale con sei collegamenti di navigazione per le sei sezioni principali del mio sito. Probabilmente avrei dovuto aggiungere anche una pagina "caratteristiche" o "articoli", poiché questo è il punto centrale di un blog. Ma questa è la bellezza di una mappa mentale: puoi modificarla e modificarla per adattarla alle idee di design che ti vengono in mente lungo la strada.
Ovviamente, mentre inizi a costruire il tuo sito web e visualizzare pagine reali, puoi aggiungere collegamenti ipertestuali a tali pagine direttamente dalla tua mappa mentale. Quindi, mentre crei il tuo sito in base al piano di FreeMind, puoi letteralmente tenere traccia di tutto direttamente dal piano stesso.
Vuoi controllare la pagina dei contatti che hai modificato qualche tempo fa? Non perdere tempo ad aprire il browser e digita l'URL, fai semplicemente clic sul link FreeMind e sei lì.
Puoi vedere l'URL del link passando con il mouse sul nodo: viene visualizzato nella barra di stato in basso.
La creazione di collegamenti ipertestuali rende più comodo accedere alle pagine che stai progettando, il che ovviamente renderà più efficiente l'intero processo di progettazione web. La mappa mentale del tuo sito web può fungere da hub centrale, la tua roadmap per il web design, da cui puoi lavorare per completare l'intero progetto.
Un'altra caratteristica davvero interessante di FreeMind è la possibilità di aggiungere immagini ai nodi. Basta fare clic su Inserisci - Immagine dal menu, oppure fare clic sul nodo e premere Alt-K. Basta sfogliare il file immagine che si desidera utilizzare. È molto più semplice se ridimensiona l'immagine in modo che sia la dimensione dell'anteprima, altrimenti dovrai modificare la vista Codice HTML in FreeMind dopo aver importato l'immagine.
Fare clic sull'immagine e viene visualizzato uno strumento di modifica che consente di aggiungere una piccola didascalia sotto l'immagine. Puoi usare questo per aggiungere un po 'di pizzaz alla tua mappa mentale del tuo web design. L'ho usato per mostrare le immagini degli scrittori e il nodo stesso rappresenta la pagina del profilo sul sito.
Se non ti dispiace che la tua mappa diventi enorme, potresti persino inserire istantanee di anteprima delle pagine, immagini che ritieni rappresentino lo scopo della pagina o qualsiasi altro uso per le immagini dei nodi che puoi ottenere. Personalmente mi piace usare le immagini nella mia mappa mentale di progettazione web perché le conferisce più carattere e offre un'anteprima del contenuto della pagina per chiunque possa visualizzare la mappa per la prima volta.
Un'altra funzionalità davvero interessante di FreeMind che si integra perfettamente nel set di strumenti di progettazione Web è lo strumento di gestione del tempo integrato direttamente in FreeMind. Puoi arrivarci andando su "Strumenti" e quindi scegliere "Mostra calendario". Verrà visualizzata una finestra di "Gestione del tempo" di un grande calendario.
È possibile applicare le date ai nodi facendo clic su "Aggiungi data ai nodi selezionati". Questo è un ottimo modo per eseguire il controllo della versione sulle tue pagine, per data / ora che timbra il nodo con la data in cui quella particolare pagina è stata creata o aggiornata.
La data che hai scelto verrà aggiunta alla fine del testo del nodo.
Meglio ancora, perché non impostare una pianificazione in modo che una volta completato il tuo sito, è possibile ricevere un promemoria quando è il momento di aggiornare una pagina sul sito. Questo è un ottimo modo per pianificare sistematicamente un programma di aggiornamento per un sito, pianificando specifici aggiornamenti di pagina nel tempo, in modo che l'aggiornamento di un sito Web non diventi un compito schiacciante e caotico.
Per fare questo, basta selezionare il nodo, andare al calendario Gestione tempo, scegliere la data che si desidera aggiornare la pagina successiva, quindi fare clic su "Ricordami a questa data".
Apparirà una piccola icona di un orologio su quel nodo. Questo ti dice che c'è un allarme associato a questo e riceverai una notifica pop-up sul tuo computer quando è il momento di aggiornare quella pagina. Non hai mai pensato che avresti usato uno strumento di mindmapping per la gestione di progetti di web design, vero?
Inoltre, se desideri visualizzare l'intera pianificazione degli aggiornamenti, elencata per pagina, vai su Strumenti e seleziona "Mostra elenco programmatore orario".
Riceverai un rapporto completo di tutte le pagine che hai pianificato, quando le hai pianificate (create) e la data in cui quella particolare pagina dovrà essere aggiornata successivamente.
L'unico posto in cui questo sistema potrebbe fallire è se si aggiorna la pagina e si dimentica di tornare e aggiornare il nodo con una nuova ora e data di aggiornamento. Quindi, prova a prendere l'abitudine di farlo e manterrai l'intero sistema di aggiornamento delle pagine senza intoppi.
Oh, e c'è un'ultima, importante caratteristica che ho quasi dimenticato. Questo in realtà è piuttosto importante se si tende ad essere uno di quei programmatori che perde traccia di dove si memorizzano i file del progetto.
FreeMind ha la capacità di creare collegamenti ipertestuali ai file sul tuo PC, quindi puoi usare quella funzione per collegare i nodi della pagina al codice effettivo che è stato salvato sul tuo computer. Basta andare su "Inserisci", scegliere "Collegamento ipertestuale (Scelta file)" e quindi cercare semplicemente il file a cui si desidera collegare quel nodo.
Il collegamento al file per quel nodo si presenta come una freccia rossa. Ogni volta che vuoi apportare alcune modifiche al codice, fai clic sul link del file e questo lo aprirà immediatamente per te, senza bisogno di andare a scavare cercando di trovarlo. Assicurati solo di ricordare dove l'hai salvato in modo che tu possa caricare le modifiche sul tuo server web.
Come puoi vedere, l'uso di uno strumento di mindmapping come FreeMind non solo ti aiuta a progettare il layout e il flusso del tuo sito, ma ti può anche aiutare a gestire l'intero progetto di web design dall'inizio alla fine.
Quali strumenti usi per gestire i tuoi progetti di web design? Prenderesti in considerazione la possibilità di provare FreeMind? Hai altre idee creative per usare uno strumento di mindmapping come parte di un progetto di web design? Condividi i tuoi pensieri nella sezione commenti qui sotto.