Le 11 migliori estensioni di Chrome per i designer

Nessuno sa meglio degli UX Designer come piccole modifiche all'usabilità e all'efficienza possano, in effetti, fare un'enorme differenza per l'esperienza di un utente.

Eppure, mentre pochi trascorrono più tempo a navigare sul Web rispetto ai designer, anche i più esperti tra noi potrebbero non massimizzare la qualità di quell'esperienza.

Con questo in mente, abbiamo raccolto 11 delle migliori estensioni di Chrome per i designer.

Telaio

È probabile che trascorri una quantità di tempo abbastanza significativa cercando di comunicare con altri compagni di squadra su problemi relativi ai flussi degli utenti, problemi di progettazione o altri bug. Loom può semplificarti la vita.

L'estensione ti consente di registrare e narrare un video di ciò che vedi sullo schermo, oltre alla fotocamera frontale, prima di condividerlo con un semplice link.

Se sei venduto su Loom, prendi in considerazione il servizio a pagamento premium, che consente video 4K, archiviazione video illimitata, strumenti di disegno, enfasi del clic del mouse e una suite di opzioni di modifica tra cui pulsanti di invito all'azione e miniature personalizzate.

ridimensionatore di finestre

I designer devono sapere come tutti sperimenteranno le loro offerte web e un layout che appaia bello sul tuo schermo – che, ammettiamolo, è probabilmente il top di gamma – potrebbe fallire su un iPhone vecchio.

Window Resizer aiuterà a risolvere quel punto cieco, ridimensionando la finestra del browser per riprodurre una serie di risoluzioni dello schermo. Puoi personalizzare il tuo elenco di risoluzioni, puoi giocherellare con le dimensioni e la posizione della finestra e, per una maggiore efficienza, l'estensione ti consente anche di creare scorciatoie da tastiera globali.

Muzli

Se potessi usare un po' di ispirazione per il design in più nella tua giornata, e chi non potrebbe? - Muzli è per te, curando design visivi accattivanti da tutto il Web da scorrere mentre sorseggi il tuo caffè mattutino.

Con oltre 150 fonti da Internet tra cui Dribbble, Mashable e Product Hunt, Muzli ti porterà le idee di design, i progetti e le notizie più recenti ogni volta che apri una nuova scheda.

Vedi qualcosa che ti interessa? Fai clic e scopri di più in una nuova finestra del browser.

Righello di pagina

Gli UX Designer tendono ad apprezzare un'idea semplice ma efficace, e questo riassume Page Ruler.

Invece di perdere tempo a misurare attentamente le dimensioni degli oggetti su una pagina Web utilizzando lo strumento screenshot, fai in modo che Page Ruler disegna rapidamente un righello e ridimensiona le dimensioni e i posizionamenti dei pixel, nonché qualsiasi elemento su una pagina.

ColorZilla

È probabile che tu abbia spesso occasione di scoprire rapidamente quale colore viene utilizzato su una pagina Web e ColorZilla può aiutarti ad arrivarci molto più velocemente.

Lungamente una delle estensioni di Firefox più popolari prima di arrivare finalmente a Chrome, ColorZilla presenta un contagocce avanzato per determinare il colore di qualsiasi pixel su qualsiasi pagina, un generatore di gradienti CSS e un selettore di colori.

Se vedi un colore che ti piace, ColorZilla rende un gioco da ragazzi prendere i valori esadecimali e RGB e incollarli negli appunti.

Fontface Ninja

Sei il tipo che setaccia Internet alla ricerca di nuove idee per i caratteri? I designer, e i fanatici dei font in generale, vorranno installare questa elegante estensione, che ti consente di identificare i font utilizzati su qualsiasi sito Web e inserirli rapidamente nel tuo software di progettazione.

Il "motore del DNA dei caratteri" di Fontface Ninja non mostra solo il nome CSS, ma il vero nome di qualsiasi carattere visualizzato, quindi ti consente di provarlo legalmente. Se ti piace, Fontface Ninja fornisce anche un link per acquistare la licenza appropriata.

Spettro

Si stima che la carenza di visione dei colori, nota anche come daltonismo, colpisca milioni di persone in tutto il mondo. Per assicurarti che queste persone abbiano un'esperienza positiva con le tue pagine web, prova Spectrum, che testa rapidamente i siti web per vedere come appaiono alle persone con diversi tipi di daltonismo.

Si dice che l'estensione sia particolarmente utile per i siti Web con visualizzazioni di dati poiché alcuni colori nei grafici potrebbero essere indistinguibili l'uno dall'altro.

Checkbot

Garantire che tutti i tuoi collegamenti funzionino effettivamente, che i tuoi moduli siano sicuri e che il tuo sito sia veloce e facile da navigare sono tutti i principali problemi di usabilità per un UX Designer; Checkbot ti darà le spalle e scoprirà tutti i problemi che non hai notato.

Testando centinaia di pagine contemporaneamente, Checkbot può scoprire collegamenti interrotti, errori HTML/JavaScript/CSS, titoli duplicati, problemi di sicurezza, catene di reindirizzamento ed errori di contenuto misto.

In effetti, Checkbot testa il tuo sito per oltre 50 best practice per SEO, velocità e sicurezza.

SVG Grabber

Ti ritrovi spesso a dover catturare loghi, icone, illustrazioni o altre opere d'arte da altri siti Web? In tal caso, SVG Grabber potrebbe farti risparmiare un sacco di tempo e noia.

È uno strumento che consente di visualizzare rapidamente in anteprima e ottenere tutte le risorse SVG da un sito Web. Con un solo clic, l'estensione raccoglierà automaticamente tutti gli SVG su una pagina prima di permetterti di setacciare e scaricare rapidamente quelli di cui hai bisogno.

Controllo UX

In poche parole, UX Check trasforma le valutazioni euristiche in un gioco da ragazzi.

L'estensione ti consente di scansionare il tuo sito Web per problemi di usabilità in modo da poter testare senza avere utenti reali. UX Check contrassegna tutte le aree del tuo sito che devono essere migliorate in base ai 10 principi generali di Nielsen Norman Group per la progettazione dell'interazione, che includono visibilità dello stato del sistema, prevenzione degli errori, coerenza e standard, e salva uno screenshot del problema.

Quando hai finito, puoi esportare tutto in un file di documento da condividere facilmente con i compagni di squadra.

Ipsum aziendale

Se stai testando un nuovo design, in particolare uno particolarmente ricco di testo, potresti essere stufo del solito primo paragrafo di Lorem Ipsum. Per quelli stanchi di latino tra noi, Corporate Ipsum è un'estensione divertente che evoca casualmente il doppio linguaggio aziendale da utilizzare come testo di riempimento.

Invece di quella lunga catena di testo fittizio che sei abituato a vedere, potresti essere accolto, ad esempio, da un gergo aziendale come questo: "cogli efficientemente i vortali integrati con le metodologie di base installate".

Il semplice fatto di avere parole inglesi anziché latine renderà il design molto più naturale e il fatto che il testo assemblato casualmente spesso non abbia alcun senso è semplicemente parte del fascino dell'estensione.

Scopri di più sui corsi di UX Design di BrainStation.