Design di un sito web e di un e-commerce

design sito web | giovanni cappellotto

Il progetto di un sito e-commerce efficace richiede conoscenze di ergonomia, nel  merchandising, nella ricerca, nella ottimizzazione editoriale. Una metodologia di design rigoroso è anche un fattore chiave di successo per collaborazione con il fornitore che sosterrà la realizzazione del tuo sito:

  • Realizzazione di wireframes
  • Pilotaggio nella fase di webdesign e assistenza precisa con i migliori specialisti

E’ il momento di modellare il futuro sito, sotto forma di un wireframe, la forma di un modello, meglio ancora di un prototipo.
Questo lavoro viene svolto dal consulente che padroneggia gli aspetti tecnici, ergonomici, ed editoriali connessi alla progettazione di una interfaccia web.
Il documento convalidato viene poi fornito al richiedente responsabile della produzione per consentirgli di elaborare in modo efficiente la fase creativa.

Che cosa è un wireframe? (O prototipo)

Il wireframe è una visione semplificata della struttura e del contenuto di ogni pagina web per l’intero sito. Esso consente di tradurre la frase di spiegazione del documento di lavoro per concentrarsi sulla dimensione visiva, in  modo da simulare il funzionamento del sito.

Lo scopo del wireframe è quello di garantire che:

  • l’ architettura complessiva del sito sia consistente,
  • l’ergonomia del sito sia ottimale e la navigazione sai buona tra i contenuti,
  • l’ergonomia di ogni pagina soddisfi gli obiettivi di comunicazione (le caratteristiche importanti ed i pulsanti di azione siano collocati in posizioni strategiche, i collegamenti importanti ben visibili, i testi ben strutturati, la grafica ben sviluppata, …)
  • tutti i contenuti necessari per la realizzazione del sito siano disponibili
  • tutte le parti interessate al progetto condividano la stessa visione del futuro sito.

Lavoro su un elenco di circa 200 punti di ergonomia / usabilità per tener conto di ogni fatto

Il wireframe può essere realizzato per il modello principale di un sito o per tutte le pagine del futuro sito.

Vantaggi del wireframe

  • Una migliore comprensione delle esigenze di traduzione dell’ interfaccia web.
  • Convalida più sicura sulla qualità della soluzione proposta prima di procedere alla fase di web design e sviluppo.
  • Il wireframe può essere un buon riferimento per i fornitori dei vari elementi, rende più facile il lavoro e garantisce il risultato finale.

Per la fase di web design:

  • La griglia di lettura dell’interfaccia è pronta. Il webdesigner visualizza esattamente cosa mettere in ogni pagina, capisce immediatamente gli elementi che deve sviluppare, e quelli che sono secondari (= guadagno di produttività).

Per la fase futura di sviluppo / integrazione:

  • Lo sviluppatore visualizza immediatamente il funzionamento degli strumenti di front office e quello che debbono (produttività = guadagno).

Per il web designer e lo sviluppatore:

  • Entambi lavorano sulla base dello stesso documento, che fornisce lo stesso livello di comprensione e un migliore coordinamento tra di loro (= guadagno di produttività).

Compila il form sottostante per chiedere maggiori informazioni
Acquisite le informazioni di cui all’art. 13 della D. Lgs. 196/2003, ai sensi dell’art. 23 della legge stessa conferisci il tuo consenso al trattamento dei tuoi dati personali.