• Passa alla navigazione primaria
  • Passa al contenuto principale
  • Passa alla barra laterale primaria
  • Passa al piè di pagina

Tiziano Fogliata

  • Home
  • WordPress
  • Web Marketing
  • Email Marketing
  • Contatti

Home » Sviluppo Web » Wireframe facili per i tuoi progetti Web

Wireframe facili per i tuoi progetti Web

Scritto da Tiziano Fogliata il 15 Gennaio 2013

Un esempio di wireframe per un sito webQuando si progetta un sito o una web app è indubbiamente molto utile poter contare su uno strumento per creare dei wireframe, ossia una bozza della struttura che permette di organizzare gli spazi e le funzionalità che andranno poi inserite nella versione finale del progetto.

I wireframe possono essere creati anche con carta e penna, ma per gestirli in modo più efficiente e condividerli con altri collaboratori è sicuramente più semplice sfruttare uno strumento online.

Un servizio come wireframe.cc ad esempio mette a disposizione una serie di strumenti per creare wireframe in modo facile e veloce. Il suo utilizzo è gratuito, anche se in programma il rilascio di una versione premium del servizio.

Wireframe.cc non è ovviamente l’unico servizio del genere presente sul mercato. Se sei interessato all’argomento ti segnalo anche altri strumenti molto più potenti che potrebbero esserti utili:

  • Balsamiq
  • Protoshare
  • Pencil
  • Axure
  • JumpChart (una funzionalità interessante di questo servizio è l’esportazione in formato WordPress)
  • JustInMind
  • iPlotz
  • Pidoco
  • Hot Gloo
  • Gliffy
  • WireFrameSketcher
  • FlairBuilder
  • MockFlow
  • Mockingbird
  • Frame Box
  • Creately
  • Cacoo

Se utilizzi il framework Twitter Bootstrap, non perderti questo stencil per disegnare prototipi con OmniGraffle.

Sei invece sei stanco dei vari tool per creare wireframe, ti consiglio la lettura di questo articolo: Three reasons why wireframing tools suck.

Share9
Tweet19
Share
WhatsApp

Sezione: Sviluppo Web Argomento: Web design

Interazioni del lettore

Ti potrebbero interessare anche…

Grid Ruler: un’estensione per Chrome per tracciare guide come in Photoshop
4 estensioni per Google Chrome per i web designer
Quali font usare per un sito web

Commenti

  1. enrico dice

    15 Gennaio 2013 alle 19:05

    Io utilizzo da sempre balsamiq, ed è ottimo. Mi piacerebbe però ora poter fare il passo successivo, cioè poter trovare il tuo perfetto per “animare” questi mockup aggiungendo link tra gli elementi e basilari interazioni con gli elementi (es form) hai dei suggerimenti?

    Rispondi
    • Tiziano Fogliata dice

      15 Gennaio 2013 alle 19:10

      Potresti provare Axure: http://www.axure.com/sample-prototypes

      Rispondi
  2. William dice

    16 Gennaio 2013 alle 23:26

    Manca quello che uso io 🙂 ovvero cacoo 😉 è veloce, ha una versione gratuita con poche limitazioni, è facile ed ha una bella libreria in diversi stili.

    Rispondi
    • Tiziano Fogliata dice

      17 Gennaio 2013 alle 14:01

      Ho inserito anche Cacoo 🙂

      Rispondi

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato.

Barra laterale primaria

Mi presento

Tiziano FogliataMi chiamo Tiziano Fogliata e mi occupo di consulenza e formazione in ambito WordPress e digital marketing.
Aiuto aziende e professionisti a sfruttare strumenti come WordPress, l'email marketing e la marketing automation per comunicare, trovare nuovi clienti e far crescere la propria attività. Autore di due libri su WordPress editi da Hoepli. Continua…

WordPress: articoli consigliati

  • Come scegliere l’hosting per il tuo sito
  • Come scegliere un tema WordPress
  • Come installare WordPress su hosting SiteGround
  • 16 cose da fare prima di pubblicare il tuo sito
  • Quanto costa realizzare un sito WordPress
  • Perché consiglio Genesis come tema WordPress
  • Landing page su WordPress: guida alle soluzioni migliori
  • Guida ai Page Builder per WordPress
  • Come e perché fare il backup di un sito WordPress
  • Siti WordPress in più lingue con WPML
  • Gravity Forms: il miglior plugin WordPress per creare moduli

Footer

Link veloci

  • Video tutorial
  • I migliori plugin per WordPress
  • Guida all'email marketing
  • Glossario

Risorse e formazione

  • Risorse WordPress
    I temi, i plugin e le migliori risorse per il tuo sito
  • Corsi
    Per imparare in modo facile passo dopo passo
  • Consulenza e Formazione
    Sessioni di consulenza o formazione personalizzate

Contatti e Social

  • Contattami
  • Facebook
  • YouTube
  • Twitter
  • Instagram
  • Feed RSS

©2004–2021 Tiziano Fogliata | Informazioni sul sito | Privacy Policy | Cookie Policy | Preferenze Cookie
Partita IVA: 02689700983 | Registro Imprese di Brescia n. 471035