Strumenti di progettazione UX per web designer
Tempo di lettura: 4 minuti

Se hai bisogno di una spinta creativa o di qualcosa che ti aiuti a semplificare il tuo flusso di lavoro, questi strumenti UX possono rendere il tuo lavoro di web designer molto più semplice.

I vantaggi degli strumenti UX

Se hai esperienza nella progettazione di siti Web, probabilmente hai almeno un caso in cui hai sprecato un sacco di tempo con un cliente. Come? Andando avanti e indietro, cercando di mettere le loro idee e la loro visione in qualcosa di tangibile.

Pensa a tutte le ore che hai passato a rispondere alle e-mail, a fare riunioni di persona o virtuali o a parlare al telefono solo per arrivare al prodotto finale. E se ti è stato dato quasi zero input, pensa a tutto il tempo speso cercando di inventare qualcosa da zero che si adatta alle loro esigenze.

Come avresti potuto evitare problemi così costosi e dispendiosi in termini di tempo? Usando UX strumenti che attivano la creatività e ti consentono di generare prototipi interattivi per aiutare te e i tuoi clienti a giungere a una conclusione comune.

Nota dell’editore: Assicurati di controllare il nostro articolo su our Principi di progettazione UX per sviluppatori Web.

Sebbene ci siano strumenti UX là fuori per tutto ciò che è sotto il sole, ecco alcuni strumenti di prototipazione che possono prendere più piccioni con una fava:

I migliori strumenti di prototipazione per UX

InVision

Quando si tratta di strumenti di prototipazione UX, InVision è in cima alla lista in termini di popolarità. E poiché l’elenco delle funzionalità di InVision continua ad espandersi, sembra che in futuro si godrà il suo posto in cima alla montagna di prototipazione.

Se hai bisogno di ulteriore convinzione che InVision è il migliore del gruppo in termini di prototipazione, l’app ha un ampio elenco di clienti titolato da Twitter, Uber, LinkedIn e Salesforce.

Mentre quelle grandi aziende hanno utilizzato InVision per progettare e collaborare con facilità, puoi fare lo stesso.

Punti salienti:

  • Avvia riunioni con facilità in modo da poter offrire ai clienti visite guidate e condividere progetti con le parti interessate.
  • Crea un flusso di lavoro di stato con colonne diverse per attività da fare, in corso, da rivedere e approvate.
  • Integrazioni push e pull con Trello, Dropbox, Slack e app simili.
  • Carica vari tipi di file, come PSD, GIF, JPG, PNG.
  • Aggiungi animazioni e interazioni alle immagini statiche.
  • Crea prototipi per Android, iOS e Web.
  • Il singolo progetto è gratuito. Il piano di avviamento (3 progetti) è di $ 15 al mese. Il piano professionale (progetti illimitati) è di $ 25 al mese.

Studio Origami

Il gigante dei social media Facebook ha creato Origami Studio per aiutare i propri team interni a progettare prodotti. Sebbene abbia diverse funzionalità per aiutare i web designer, le sue funzionalità di collaborazione tendono a mancare. Visualizzare le cronologie delle versioni e commentare, ad esempio, sarà difficile con questo strumento. Per questo motivo, Origami Studio potrebbe essere più adatto per i liberi professionisti che lavorano da soli o che si stanno solo bagnando i piedi.

Studio Origami

Punti salienti

  • Anteprime di mockup in tempo reale su dispositivi mobili tramite Origami Live.
  • Importa i design di Photoshop e Sketch preservando i livelli del progetto.
  • Presentazioni a schermo intero su vari tipi di dispositivi da condividere con altri.
  • Esportazione con un clic di animazioni e altri componenti prototipo in modo che gli ingegneri possano copiare e incollare con facilità.
  • Crea prototipi per Android e iOS.
  • Gratuito.

Adobe XD

Alcuni che hanno utilizzato questo strumento di prototipazione UX affermano che è una gioia lavorarci, soprattutto se stai cercando di creare prototipi veloci. Poiché XD ti consente di inviare contenuti online quasi istantaneamente, è un ottimo modo per collaborare con i clienti e mostrare loro su cosa hai lavorato in modo che possano dare l’ok per andare avanti. Vale la pena notare che se utilizzi i prodotti Adobe da un po’ di tempo, potresti trovare l’interfaccia di XD un po’ “diversa”.

Adobe XD

Punti salienti:

  • Facile passaggio in-app dalla progettazione al prototipo.
  • Serve come soluzione all-in-one creando prototipi interattivi, layout dello schermo, wireframe e risorse pronte per la produzione.
  • Si integra perfettamente con After Effects, Photoshop e altri prodotti Adobe, rendendo l’importazione di file senza problemi.
  • Visualizzazione in tempo reale dei prototipi sui dispositivi dei clienti.
  • Condivisione rapida con il team e le parti interessate che desiderano verificare l’aspetto dei progetti.
  • Commento del cliente sui prototipi.
  • Crea prototipi per tutte le piattaforme.
  • Gratuito.

corniciaio

Puoi generare alcuni design meravigliosi e originali con Framer, rendendolo molto popolare come strumento UX. Crede che finché hai il codice, puoi prototipare qualunque cosa il tuo cuore desideri. E se stai appena iniziando a scrivere codice, Framer ha un’app per Mac che offre anteprime in tempo reale mentre scrivi in ​​modo da poter visualizzare i tuoi progressi e imparare al volo.

A proposito di iniziare, ci sono tonnellate di video e corsi online che possono aiutarti a diventare un Framer pro, e ha anche un’eccellente documentazione.

Strumento di progettazione UX Framer

Punti salienti:

  • Supporta Photoshop e Sketch preservando i livelli di progettazione.
  • Importa direttamente la grafica da Photoshop, Figma o Sketch.
  • Ottimo flusso di lavoro.
  • Condivisione senza problemi, controllo della versione e anteprima del dispositivo.
  • Crea prototipi per tutte le piattaforme.
  • Prova gratuita di 14 giorni, $ 15 al mese dopo.

Source link

Di Simone Serra

Web Designer Freelancer Realizzazione Siti Web Serra Simone Realizzo siti web, portali ed e-commerce con focus specifici sull’usabilità, l’impatto grafico, una facile gestione e soprattutto in grado di produrre conversioni visitatore-cliente. Elaboro siti internet, seguendo gli standard Web garantendo la massima compatibilità con tutti i devices. Sviluppo e-commerce personalizzati, multilingua, geolocalizzati per potervi mettere nelle migliori condizioni di vendita. Posiziono il tuo sito su Google per dare maggiore visibilità alla tua attività sui motori di ricerca con SEO di base o avanzato.