Disegnare rapidamente un wireframe con Google Docs
ATTENZIONE: Questo articolo è stato scritto circa un anno e mezzo fa. Alcuni links e argomenti trattati potrebbero non essere più validi.
Sul blog di Google Docs c’è un interessante post di Morten Just, product manager di Vodafone Danimarca, che ha sperimentato un modo estremamente produttivo di utilizzare i documenti collaborativi di Google.
La necessità professionale di condividere schemi e wireframes con team distribuiti in altre sedi europee della sua azienda era già comodamente gestita attraverso la collaborazione sullo stesso documeno di Google. Tuttavia Morten ha fatto un passo in avanti rispetto a questa interazione, preparando il terreno per velocizzare il processo di decisione e sketching dell’architettura del sito.
Dai modelli realizzati ha estratto barre di scorrimento, pulsanti e cursori, mettendoli al di fuori della tavola da disegno, pronti per essere duplicati e trascinati nel wireframe.
Ecco qualche esempio:
Wireframe pagina generica
Wireframe mobile (altri wf per iphone disponibili sul suo blog)
Per iniziare a lavorare su un wireframe
1. Apri il modello che desideri utilizzare
2. Fai clic su ‘Log in’ in alto a destra
3. Scegli File > fai una copia
4. Realizza il wireframe
Impacchettare più wireframes
Quando si hanno più wireframes singoli, può essere utile “impacchettarli” in un unico documento che può essere inviato in giro, fatto stampare, o presentato nelle riunioni.
Poiché Google non ha ancora previsto un modo per importare un disegno in una presentazione, ecco un trucco utilizzando la funzione Clipboard (Appunti web ):
1. File > Nuova presentazione, per aprire una presentazione in bianco nella nuova finestra.
2. Torna al disegno e seleziona tutto.
3. Fai clic sull’icona della Clipboard > Copia nella clipboard
4. Torna alla presentazione e incolla il disegno tramite gli appunti web.
La cosa interessante è che dopo questo passaggio saremo ancora in grado di modificare il disegno importato.
Costruire un repository
Morten auspica la costruzione di una sorta di wireframe repository in Google Docs. Per ora, ha realizzato una cartella condivisa dove aggiunge stencil e altri contribuiti degli utenti; eccola:
Wireframe kit (cartella condivisa)






