Presentazione studiodz com&tec

Il design dell'illustrazione tecnica

dal concept alla realizzazione

Un percorso ragionato nello sviluppo del supporto

visivo all'uso di prodotti e servizi

Barbara Zen

Bologna, 27 maggio 2011

Comunicazionegra!ca tecnica

sabato 21 maggio 2011


Indice

Introduzione al valore dell’illustrazione tecnica

Il punto di vista del Cliente

Altri aspetti sulla comunicazione

Aspetti tecnici




Quando faccio una cosa devo chiedermi perché la faccio, prima di come farla




Che valore fornisco al mercato facendo un’illustrazione? Il valore difficilmente può essere imposto dall’azienda (cioè da chi produce il prodotto/servizio descritto nell’illustrazione)




Il valore deve nascere da un ascolto del mercato e quindi si tratta di una decisione di marketing




Il punto di vista del cliente (come mostrano design thinking, lean production) è il punto di partenza nella progettazione dell’illustrazione tecnica




Induce le scelte sul prodotto e quindi le caratteristiche della comunicazione tecnica




Attenzione! Non è sempre così purtroppoSindrome di Pigmalione, Qualità percepita vs Qualità offerta




Un’”azienda con le orecchie” deve saper comprendere cosa sta chiedendo il cliente




Sia ciò che è manifesto, sia, possibilmente ciò che è latente (se si vuole fare innovazione)




La domanda è “Perché il Cliente chiede una spiegazione del prodotto/servizio?”




Prima di addentrarci nei bisogni del Cliente, c’è un caso che dobbiamo smarcare: quando banalmente c’è una questione di normativa cui l’azienda è obbligata a rispondere per stare sul mercato




Ma se si tratta solo di aspetti burocratici probabilmente non ci saranno grandi esigenze di seguire la “voice of the customer”, la voce del consumatore...




Attenzione in questo caso a non allontanarsi dai bisogni dei clienti (come a volte succede quando la certificazione qualità diventa un puro aspetto di “bollino”)




Negli altri casi, oltre alla normativa, ci sono diverse esigenze cui l’azienda deve rispondere




C’è un prodotto/servizio complesso nell’installazione, nell’uso e o nella dismissione che richiede un aiuto nella comunicazione al cliente




L’aiuto può venire da un testo ben scritto che illustra le fasi e riduce le complessità nell’utilizzo del prodotto/servizio




Attenzione! Anche qui non è una sola questione di copy perché la stessa ricetta di una torta (come ho scritto nel mio blog) può essere sviluppata in modi molto diversi in funzione di chi la dovrà usare




Una seconda fase vede un ausilio visivo con delle fotografie




Al terzo livello possiamo sviluppare vere e proprie illustrazioni da abbinare o meno con del testo



Oltre alla normativa, oltre all’ausilio nella comprensione del prodotto/servizio, c’è la possibilità di veicolare con una illustrazione corretta lo sviluppo del brand; non è una mera questione estetica: si tratta di aspettative che il cliente può avere in relazione al posizionamento aziendale





Comprese le motivazioni di fondo della comunicazione che si dovrà sviluppare, ci sono molti aspetti da tenere in considerazione prima di arrivare alle problematiche più tecniche




Il registro comunicativoLa scelta tra testo, fotografia, illustrazioni, fumetti, simboli, disegni tecnici nasce anch’essa dal destinatario, dal suo universo socio-culturale (ho di fronte un tecnico-manutentore, un professionista, una casalinga, un bambino?)




Il tipo di supportoCon l’introduzione di nuovi device (pensiamo agli smartphone o ai tablet), di nuove tecnologie come la realtà aumentata e internet delle cose, di nuovi ambiti comunicativi come le community, i blog e i social network, la gamma di possibilità di interazione con il destinatario si è sempre più espansa

AT&T 12:34 PM

111119999900000CCCCCXXXXX33333190CX3BBBaBaBaBaBa kkckckckckck ttttttooooo prprprprpr ddododododod cucucucuctttttt lilililililili tstststststBack to product list

numero aggancio

zoom

prodotti simili

accessori

ricambi

istruzioni per l’uso

condividi

3/8'' screw attachment type

colonna centrale rapid

lunghezza da chiuso 55.0 cm

colore black color

diametro della colonna 25mm

sezione trasversaledella colonna three-faceted

aggiungi ai preferiti

AT&T 12:34 PM

Back to 190CX3

AT&T 12:34 PM

111119999900000CCCCCXXXXX33333190CX3BBBaBaBaBaBa kkckckckckck ttttttooooo prprprprpr ddododododod cucucucuctttttt lilililililili tstststststBack to product list

zoom

prodotti simili

accessori

ricambi

condividi

aggiungi ai preferiti

istruzioni per l’uso




Il tipo di interazione tra utente e prodotto (contemporaneità tra necessità dell’istruzione e attività) fa sì che il manualone da trecento pagine sia poco utile nel momento del bisogno e quindi bisogni capire come sviluppare le informazioni in modo ottimale. Qui si apre anche il tema della progettazione modulare del manuale




L’internazionalizzazione spinge verso la riduzione del testo a favore delle immagini, per un discorso di chiarezza, sintesi, costi. Ciononostante le immagini non sono universali. C’è la necessità di un environment-strategy linkages (Kamalesh Kumar). Nonostante ciò, rimangono una modalità comunicativa superiore al testo anche in contesti di internazionalizzazione.



Alcuni aspetti tecnici

Per realizzare l’illustrazione si può partire da diverse fonti: il file 3d, foto, il campione, schizzi, descrizione a voce al telefono




Se avete la fortuna di avere un file 3d e magari anche un campione siete a cavallo, ma ricordatevi che dovete far comprendere come funziona un prodotto, non descrivere i pezzi!




Esempio 1: l'oggetto da illustrare esiste solo fisicamente e non si può spostare. Analisi e foto vanno fatte in sede




Esempio 2: l'oggetto si può spostare, manipolare, testare e verificare




Esempio 3: l'oggetto non esiste fisicamente, ma c'è un modello 3D. E’ fondamentale il confronto con il progettista




Esempio 4: l'oggetto esiste ed esiste anche il 3D. Analisi con il progettista e possibilità di verifica accurata




Una volta analizzati gli aspetti che si vogliono illustrare, è possibile crearsi le viste necessarie in un software dedicato

Da qui possono essere ridisegnate con un semplice programma di disegno oppure trattate con specifici software che esportano direttamente le illustrazioni




Esempi 1-2: non ci sono molte soluzioni. Con un buon software di disegno vettoriale si procede a tracciare le immagini base e ad arricchirle di tutte le informazioni necessarie. A volte potrebbe valer la pena di modellare l'oggetto per poterlo utilizzare con più flessibilità.




Esempi 3-4: Crearsi le viste necessarie o direttamente da un software come Isodraw Cad Process che esporta le immagini come illustrazioni o ottenere semplicemente le viste come immagini e procedere come con le foto




Questi software non rimuovono tutte le linee di tangenza, ma è necessario intervenire manualmente. E’ veramente necessario?




Rimuovere queste linee rende l’immagine più chiara, definita e reale. Permettendo a chi guarda di concentrarsi solamente sulle informazioni utili. Per la stessa ragione l’immagine viene manipolata, ingrandendo o evidenziando particolari da far risaltare




Nella stessa direzione l’inserimento di mani e frecce che permettono di individuare subito il tipo di operazione da eseguire




L’occhio di chi guarda deve essere subito attratto dall’informazione che voglio lo raggiunga




KR33/XX

KR33/28

KR33/XX

KR33/xx

KR33/10

KR33/27

KR33/XX

KR9023

KR33/XX

KR33/XX

P281

P284

H232

H232

H048

H250H607

H608

H073

H232

H633

H085

H500

H040

H633KG304

H054

H054

H038

H038

H629

H629

P282

P249

P282

O020

M182

M183

M241

M182

O018

P244

P299

P280

P377

I498

KR33/xx

KR33/xxx

only for diaphragm “PTFE” - 3C1/26111TTP

H670“PTFE”

M754“PTFE”I389“HYTREL”H364“VITON”

H659“HYTREL”

KR33/xx

KR33/xxx

only for diaphragm “NBR” - 3C1/26111NHH

H626“NBR”

M751“HYTREL”I387“HYTREL”H333“VITON”

P281

KR33/xx

KR33/xxx

only for diaphragm “PTFE” - 3C1/26111HHH

H659“HYTREL”

M751“PTFE”I387“HYTREL”H333“VITON”

KR33/xx

KR33/xxx

only for diaphragm “ACETALICA” - 3C1/26111EEA

H669“EPDM”

M753“ACETALICA”I388“ACETALICA”H364“PTFE”

KR33/xx

KR33/xxx

only for diaphragm “SANTOPRENE” - 3C1/26111SSS

H660“SANTOPRENE”

M757“SANTOPRENE”I446“SANTOPRENE”H364“PTFE”

Alcuni software da noi utilizzati sono Adobe Illustrator, Rhinoceros, Isodraw Cad Process. Molti prodotti hanno la possibilità di essere personalizzati attraverso acquisto di plug-in di terze parti o scripting specifico



Community Comunicazione grafica tecnica

A proposito di software e di automatizzazione nei processi di trattamento dei file si è aperta una discussione nel gruppo comunicazione e grafica tecnica in linkedin




Community Comunicazione grafica tecnica



Grazie!

www.studiodz.it

www.linkedin.com

www.coworkingproject.com



http://www.studiodz.it






Presentazione studiodz com&tec

Design

Transcript of Presentazione studiodz com&tec