Schizzi e prototipi: cosa usate?
Giovedì 1 Febbraio 2007 - 10:44
di Cesare Lamanna
Premessa: quando posso cerco sempre di usare il corrispettivo italiano di un termine inglese, anche se mi rendo conto che in ambito informatico la cosa non è sempre possibile e che spesso la cosa migliore è lasciare l’originale (anche per non cadere in certe ridicole trasposizioni che usano in Francia per puro sciovinismo linguistico). Nel titolo avrei quindi dovuto/potuto usare la parola wireframe. Come la rendereste in italiano? Gabbia del layout?
Spero comunque di aver fatto capire a tutti cosa intendo e di cosa voglio parlare. C’è sempre, nella fase di progettazione di un sito o di un’applicazione web, un momento iniziale in cui si buttano giù le idee in una forma grafica provvisoria, quella che precede magari la stesura di un vero e proprio prototipo grafico. Cosa usate? Carta, matita e forbici, come suggerisce l’ultimo articolo di A List Apart? Software tipo Illustrator e InDesign come invece propone questo intervento su UXMatters? Oppure programmi dedicati come Visio o Omni Graffle? E il buon vecchio Powerpoint? E DENIM? Lo conoscete? Ne ha parlato su HTML.it Daniele Cerra se volete una rapida introduzione. Ci sarebbe poi Thinkature, un ambiente di collaborazione online che tra l’altro può anche essere usato per questo genere di cose (magia della YUI Library).
Categoria: Web Design | Permalink
Commenti
1
Io faccio sempre prima una bozza con portamine e carta e poi passo ad un software per le mappe concettuali se il progetto è molto complesso. Ma la bozza grafica nasce sempre da matita e foglio bianco… Secondo me non c’è niente di meglio e più naturale di questo e può portare ad ottenere i risultati migliori eliminando difficoltà dovute al media utilizzato. Viva la mia portamine!!!
2
Il mio percorso scolastico mi permette di poter mettere sempre la penna su foglio. Per qualsiasi progetto grafico.
E’ una cosa che non vorrei abbandonare visto che, giusto dopo l’impronta grafica a mano, si passa ai prg e non ci si toglie da li finché non si è portato a termine il progetto.Per comparare le due cose mi sono fatto anche un bel regalino, un 5 o 6 anni fa: una bella tavoletta A3 della Wacom.
Direi che tentare di disegnare con carta e penna ma anche con i colori, pastelli, acquerelli etc etc. ti tiene in esercizio e ti fa ragionare anche diversamente da un ambiente abbastanza schematico come può esserlo quello di un PRG.
Ricordo che avevo un professore di architettura che ci insegnava a presentare il progetto disegnato sia con gli strumenti (righe, squadrette, trasferibili etc) che a mano.
Non vi dico gli orrori inizialmente, pensate solo a sviluppare, per dirne una, un’assonometria cavaliera A MANO. Dei veri esponenti del futurismo eravamo. :)Suggerirei anche di scrivere ogni tanto. Ho visto amici, dopo anni di chat, non riuscire più a mettere due parole di fianco.
3
Forse più per disegnare:
http://www.imaginationcubed.co.....LaunchPage
# - postato da paolo - 01 Febbraio 2007 - 12:05
4
Io utilizzo un bel foglio bianco A3 e un blocchetto di post-it piccoli di diversi colori.
In questo modo posso spostare gli elementi come voglio nel foglio e posso con le forbici tagliare i vari blocchi alle dimensioni che voglio.
Al cliente come prima cosa che lascio è una sorta di grafico che rappresenta in percentuale ogni piccola fetta del suo website: al momento ho stilizzato il sito come un cubo con vari pezzi colorati per far capire al cliente in quanti parti sarà diviso il sito e in percentuale a cosa verrà dato più spazio. In questo modo sono completamente ancora slegato da interfacce, colori, grafica e tecnologie.
Dimensionate poi le percentuali le traduco in interfaccia appunto con i post-it e i pastelli .. proprio come un ragazzino :)
# - postato da Hedo - 01 Febbraio 2007 - 12:43
5
non si fa prima direttamente su photoshop?
io lo trovo più comodo e veloce e poi sulla carta come si fa a vedere la resa di un colore o di una font?
6
Per comparare le due cose mi sono fatto anche un bel regalino, un 5 o 6 anni fa: una bella tavoletta A3 della Wacom.
anche io ho provato a usare la tavoletta per gli schizzi. Ma non è la stessa cosa. Gli scarabocchi fatti a matita hanno un fascino incredibile e spesso ispirano.
Direi che tentare di disegnare con carta e penna ma anche con i colori, pastelli, acquerelli etc etc. ti tiene in esercizio e ti fa ragionare anche diversamente da un ambiente abbastanza schematico come può esserlo quello di un PRG.
Già. Ho nostato questa cosa quando si deve ideare un logo. Apri Freehand e ti fai distrarre dagli strumenti, dalle tecniche. Fai cose spettacolari e poi ti accorgi che più vai avanti più il risultato non ti convince, il marchio non può funzionare. Invece se parti con carta e penna, ti concentri sull’idea, non sulla realizzazione.
# - postato da Cheope - 01 Febbraio 2007 - 13:54
7
Uso carta e penna sia per una prova per il layout,sia per il design del database
8
Classico: carta bianca, penna e/o matita. I colori poi li scelgo a computer.
9
Dipende dalla fase del progetto comunque spazio dalla carta (pannelli a2), postit, colla, forbici ad applicativi intermedi come omnigraffle, illustrator, photoshop, serena composer… fino (solo per alcuni clienti/progetti molto grossi) ad applicativi come IRise…
# - postato da Luca Mascaro - 01 Febbraio 2007 - 15:32
10
@paolo: molte grazie per il link ne avevo giusto bisogno in questo periodo!
# - postato da NoWhereMan - 01 Febbraio 2007 - 21:10
11
Dipende da molti fattori, dal progetto, dall’ispirazione… ma la carta è sempre la carta :)
# - postato da Simone Onofri - 02 Febbraio 2007 - 00:35
12
io uso javascript (YUI)
13
photoshop per una bozza? ussignur!
carta e matita. anzi.. un paccotto di fogli A4, il 905 dei quali avra solo un rettangolo fatto erroneamente, accartocciati e buttati.Per vedere colori, dimensioni e “come starebbe” mi basta chiudere gli occhi.
# - postato da Evi|A|ivE - 02 Febbraio 2007 - 09:12
14
A me personalmente piace molto Denim… soprattutto sul tablet pc fornisce un aiuto non da poco.
Poi MindManager per la struttura ed un buon blocco note di fianco… di quelli piccoli però perché preferisco fare degli schizzi sul pc che non su carta.
Ed immancabile un registratore per poter risentire i discorsi fatti… ora sto anche pensando ad una webcam per registrare direttamente l’incontro solo che ho problemi di grandangolo.# - postato da LordMax - 02 Febbraio 2007 - 10:52
15
Io per lavoro uso Axure. Ma la mia è un esigenza per lo più di condividere prototipi con altri gruppi della mia azienda.
# - postato da Carlo - 02 Febbraio 2007 - 11:39
16
sono nettamente in minoranza, ma purtroppo ho abbondonato l’uso della matita un pò di tempo fà, uso un “vecchio” prg di fotoritocco CorelPhoto Paint 10 e senza uso di tavoletta.
haimè# - postato da flashmotus - 03 Febbraio 2007 - 20:16
17
Da principiante di web design mi baso sempre su un illuminazione che mi si presenta al momento di concepire un progetto.Per prima cosa metto su carta la struttura del sito einizio a disegnare la grigli a delle pagine e soipratttuto della home dopo di che la disegno con illustrator per decidere gli spazi e e le proporzioni.
Fin ora mi stariuscendo tutto bene…# - postato da ricky - 07 Febbraio 2007 - 16:07
18
Io utilizzo Fireworks, combinandolo con photoshop (dove mi trovo molto bene con i pennelli)…
19
le bozze iniziali è sempre bene farle a mano, i vecchi metodi sono i migliori.Dopo anni, i font si riescono ad abbozzare benissimo a mano, è logico che se devi trascrivere 300 caratteri non è il caso di farlo completo e comunque la resa del colore non la vedi neanche sul monitor, troppi fattori possono alterarla, per quello ci sono i pantoni.
# - postato da Erika - 03 Giugno 2008 - 16:24