L’ultima lista di risorse UX / UI per ogni designer

Ci sono tonnellate di strumenti e risorse per aiutare i designer nella loro vita quotidiana. La Fabrique ti porta la lista più completa di risorse di design sul web. Abbastanza per alimentare la tua barra dei segnalibri, e darti ispirazione per decine di progetti UX / UI.

Ispirazioni

Lapa Ninja

Lapa Ninja ti offre una raccolta delle migliori landing page trovate qua e là sul web. Troverai ispirazioni per tutti i tipi di siti web.

homepage-lapa

Design Inspiration

Design Inspiration è una banca di tutti i tipi di design. È possibile sfogliare gli ultimi design più popolari, o anche lasciare che il sito suggerisca alcuni design casuali. Se hai un’idea specifica in mente, il sito offre ovviamente una barra di ricerca per aiutarti a guidarti.

homepage-design-inspiration

Typographic Posters

Typographic Posters agisce come una galleria di poster di tutti i tipi, che cerca di evidenziare in particolare le diverse culture del mondo. Questo può essere uno strumento originale e particolarmente stimolante per sviluppare il proprio design.

homepage-posters

How Design

How Design è uno dei blog più completi sul design. Se sei a tuo agio con l’inglese, troverai innumerevoli risorse tecniche e artistiche per il tuo progetto.

homepage-howdesign

Inspiration Hut

Serie di design professionale, con alcune risorse aggiuntive come la calligrafia. Inspiration Hut offre contenuti gratuiti, così come contenuti a pagamento.

homepage-inspiration-hut

Altre risorse:

  • Questo è colossale: Arte, design e cultura dell’immagine
  • Land-Book: Ispirazioni dal sito
  • Yanko Design: Design industriale & moderno
  • Savee: Design di tutti i tipi
  • DeMilked: Design store
  • Design Snips: Design bank
  • Collect UI: Una collezione di oltre 14.000 web design
  • Guida agli stili: Una raccolta di risorse per la creazione di stili guida Front-End
  • Movimento UI: Comunità di condivisione del design
  • EmptyStat: Elenco di design per oggetti vuoti
  • Concorrenti: I migliori riferimenti UX, organizzati per settore
  • UIJar: Elenco di ispirazioni
  • GangBase: Un grande database di design
  • Hixle: Elenco di UI design e altre risorse, direttamente nella tua casella email
  • Pages: Una selezione delle migliori pagine web
  • Really Good Mails: Ispirazioni per email di design

Prodotto

Product Board

Product Board è una soluzione di gestione dei prodotti che aiuta a identificare le esigenze degli utenti, quindi a dare priorità alle azioni e a riunire i tuoi team con una roadmap.

homepage-product-board

Manuale del prodotto

Il manuale del prodotto è una lista di prodotti per gli utenti.

homepage-product-manual

Altre risorse:

  • Marvel App Blog: UX Designer Questions

Prospecting

First Users

First Users è un sito per scoprire come le aziende hanno ottenuto i loro primi utenti.

homepage-first-users

Optimal Workshop

Optimal Workshop sviluppa una suite di strumenti per migliorare la navigazione del vostro sito web, l’architettura, capire meglio i first-clicks, ecc…

homepage-optimal-workshop

Xtensio

Xtensio vi permette di creare delle personas per le vostre dimostrazioni e altri test. La piattaforma è gratuita.

homepage-xtensio

Patterns

Pttrns

Pttrns è una delle migliori collezioni di pattern design, con diverse risorse e altre ispirazioni.

homepage-pttrns

UI Garage elenca tutte le ultime ispirazioni in UI design e UI patterns. La piattaforma offre queste risorse per web, mobile e tablet.

homepage-uigarage

UI Patterns offre UI patterns che sono soluzioni comunemente usate per problemi di design comuni.

homepage-uipatterns

Altre risorse:

  • Biblioteca di modelli
  • PatternTrap
  • Tab Patterns
  • Mobbin: Una collezione di modelli per mobile

Canvas

Design Better Toolbox

Design Better offre una lista consistente di strumenti per sviluppare il tuo progetto di design. Dalla preparazione alla convalida, vengono offerte diverse risorse per realizzare il tuo progetto.

homepage-designbetter

DIY Toolkit

DIY Toolkit, è una cassetta degli attrezzi su come inventare, adottare o adattare idee che possono ottenere risultati migliori. Gli strumenti offerti sono pensati per essere veloci ed ergonomici per assistere gli sviluppatori già impegnati.

homepage-diy-toolkit

Altre risorse:

  • Qui troverete una compilation di canvas usata dal designer Fernando Comet

Systems Design

DesignBetter

DesignBetter è un sistema di design che unisce i team di prodotto attorno ad un linguaggio visivo comune, con l’obiettivo di minimizzare inutili perdite di tempo per accelerare il processo di design. DesignBetter offre anche canvas, come visto sopra.

homepage-designbetter

Storybook

Storybook è una vasta banca di design, e altri componenti.

homepage-storybook

Polaris

Polaris è un design di sistema che mira a creare la migliore esperienza possibile per i commercianti su Shopify.

homepage-polaris

Altre risorse:

  • Atlassian
  • Carbon Design System
  • Nachos
  • Progetti collaterali

Intelligenza artificiale

Flowmapp

Flowmapp è uno strumento online per creare sitemaps interattive per lo sviluppo web, e preparare una migliore base UX.

homepage-flowmapp

Treejack

Treejack è uno strumento di test per convalidare le funzionalità di intelligenza artificiale del tuo sito. Lo strumento testa il tuo sito senza considerare le immagini e altri elementi cosmetici. Così, vi permette di partire da una base solida prima di attaccare la fase di design del vostro progetto.

homepage-treejack

Altre risorse:

  • Goggle
  • Le informazioni sono belle

Ideazione

Service Design Tools

Service Design Tools è una collezione di strumenti sviluppati per trattare i sistemi più completi. Il sito offre anche un news feed sull’argomento.

homepage-service-tools

Chewables

Chewables è una suite completa di contenuto interattivo. La piattaforma ti fornisce strumenti, esercizi e altre esperienze che sfidano i modelli di pensiero tradizionali.

homepage-chewables

Il generatore di idee

Il generatore di idee: migliora la qualità delle tue sessioni di brainstorming.

homepage-idea-generatore

Altre risorse:

  • Innovazione del servizio: una serie di schede di punti di contatto di ogni tipo
  • La tavola periodica dello storytelling: Una versione divertente della tavola periodica degli elementi, ma in una versione narrativa

Nome

  • Onym: Strumenti e varie risorse per dare un nome ai diversi elementi del tuo progetto
  • Namelix: generatore di nomi commerciali
  • Startup Name Check: controlla se il tuo nome commerciale è disponibile sul web e sui social network

Editing

Voice and Tone

Voice and Tone raccoglie un sacco di idee e ispirazioni sul tono migliore da adottare nei tuoi messaggi.

homepage-voce-tono

Hemingway app

Hemingwayy app ti aiuta a scrivere i tuoi contenuti in modo rapido ed efficiente. L’applicazione è in grado di rilevare gli errori più semplici come quelli più complessi, così come ti avverte se le tue frasi sono troppo lunghe, o troppo corte, ecc…homepage-hemingway

Altre risorse:

  • Hey Nishi
  • Calmly Writer

Test

Ricerca remota

Ricerca remota è una libreria di informazioni sui controlli remoti, su tutti i comportamenti che coinvolgono le caratteristiche del design.

homepage-ricerca

UX Checklist

UX Checklist, come dice il nome, è una lista completa di passi da condurre per i vostri test.

homepage-ux-checklist

UserTesting

UserTesting ti offre, in sole 2 ore, gli insight di cui hai bisogno per dare al cliente ciò che vuole.

homepage-usertesting

Lookback

Lookback è uno strumento che ti permette di capire meglio come si comportano i tuoi utenti sul tuo sito o app.

homepage-lookback

Senza Francisco

Senza Francisco è una ricca collezione di strumenti e risorse per aiutarti a sviluppare la tua UX
homepage-without-francisco

Altre risorse:

  • Toolbox
  • GoodUI
  • UX Mastery
  • UXCam
  • Watchsend
  • Userzoom
  • Skala Preview
  • Reflector
  • UX Recorder
  • Userlytcis
  • Azetone

Survey

Get Acquainted

Get Acquainted è un chatbot che ti permette di creare sondaggi dinamici di un nuovo tipo

homepage-conoscente

Colori

BrandColors

BrandColors è la più grande collezione di colori ufficiali delle marche più famose. Una grande fonte di ispirazione se alcuni dei suggestivi colori di marche famose vi hanno impressionato.

homepage-brandcolors

Adobe Color CC

Adobe Color CC vi offre una ruota dei colori personalizzabile, ideale per determinare un set di colori per il vostro progetto.

homepage-adobe-color

Coolors

Coolors è sulla falsariga dello strumento Abode, ti permette di generare facilmente e rapidamente un set di colori per il tuo progetto di design.

homepage-coolors

Colour Lovers

Colour Lovers è una vasta comunità globale di persone che creano e condividono le loro palette di colori preferite.

homepage-colour-lovers

Altre risorse:

  • Introduzione a Color Claim
  • Material Design Palette
  • Pigment di ShapeFactory
  • Google Art Palette
  • Khroma
  • Flat IU Colors 2
  • Huesnap
  • Duotones
  • Brent Jackson: Colorable e Hello Color
  • Data Color Picker
  • Cool Backgrounds

Creazione del sito – Preventivo personalizzato

La Fabrique du Net ha sviluppato un motore di raccomandazione che ti permette di ottenere gratuitamente un preventivo dettagliato e una selezione di software e fornitori adatti ai tuoi bisogni di creazione di siti web.

Creazione di progetti web

100% gratuito

Tipografia

Scala modulare

Scala modulare è uno strumento che ti permette di identificare le diverse dimensioni ideali per i tuoi testi.

homepage-modular-scale

Google Fonts

Google Fonts è una selezione di circa 900 caratteri, utilizzabili gratuitamente.

homepage-google-font

Material Design Type System

Material Design ti porta tipografie e stili che hanno dato prova di sé in UI e UX.

homepage-material-design-font

TypeKit

Adobe TypeKit è una banca tipografica. Puoi cercare un carattere specifico lì, o lasciarti sedurre dai suggerimenti del sito.

homepage-typekit

Altre risorse:

  • Font Awesome
  • Type Scale
  • Archetype
  • Fontjoy

Mockups

Facebook Devices

Facebook Devices vi fornisce immagini ideali dei più comuni dispositivi di visualizzazione per i vostri mockups.

homepage-fb-design

App Launch Pad

App Launch Pad è una banca di immagini di qualità gratuita, e ha un’applicazione semplice e intuitiva per sviluppare i tuoi progetti.

homepage-applaunch

unDraw

unDraw è una collezione costantemente aggiornata di illustrazioni con licenza MIT.

homepage-undraw

Sneakpeekit

Sneakpeekit vi offre disegni di diverse interfacce (smartphone, tablet, browser, ecc…), declinati in diverse forme.

homepage-sneakpeekit

User Interface (UI)

MoodilyApp

Con MoodilyApp, raccogli e collabora a progetti ispiratori, con i tuoi colleghi, i tuoi clienti e tutti i tuoi stakeholders.

homepage-moodilyapp

Avataaars Generator

Avataars Generator è uno strumento online gratuito, per chiunque voglia creare il proprio avatar facilmente

homepage-avatar-generator

Flaticon

Flaticon è una ricca banca di vettori e altre icone. Circa 1 milione di icone, raggruppate in 20.000 pacchetti.

homepage-flaticon

Altre risorse:

  • Il progetto Noum
  • Strumenti di illustrazione

Voice User Interface (VUI)

Amazon Alexa Skills It

Alexa è un servizio vocale sviluppato da Amazon, dietro milioni di dispositivi, il cui obiettivo è fornire ai clienti un’esperienza più personalizzata.

homepage-alexa-amazon

Google Conversation Design

Google Conversation Design è un toolkit di sviluppo vocale per i vostri progetti digitali.

homepage-google-conversation

Cortana Skills Documentation

La documentazione ufficiale per Cortana, l’assistente vocale sviluppato da Microsoft.

homepage-cortana

Apple Human Interface Guidelines (Siri)

Similmente a quanto sopra, potete trovare tutte le linee guida per Siri qui.

homepage-apple-siri-guidelines

Altre risorse:

  • Assistenti vocali & altoparlanti intelligenti
  • Speak Easy Global Edition
  • L’ascesa della voce
  • Tutto sulla voce, e come farla
  • IA per VUI: Le basi della conversazione

Foto gratis

homepage-

Unsplash

homepage-unsplash

Pexels

homepage-pexels

VisualHunt

homepage-visualhunt

Strumenti di analisi

FullStory

FullStory ti permette di andare oltre nell’analisi del comportamento degli utenti sul tuo sito, compreso il rilevamento di elementi di attrito e scoraggiamento, non sempre facili da individuare.

homepage-fullstory

Hotjar

Hotjar introduce un nuovo modo di analizzare i dati, per capire più profondamente il comportamento degli utenti sul tuo sito.

homepage-hotjar

Google Analytics

Google Analytic è la più famosa piattaforma di analisi del traffico web. Gratuito, completo e altamente personalizzabile, una buona padronanza dello strumento può farvi risparmiare molto tempo nello sviluppo del vostro progetto web.

homepage-google-analytics

Altre risorse:

  • Optimizely
  • Splitter
  • Kissmetrics Blog
  • Appsee

Produttività

RescueTime

RescueTime è uno strumento che aiuta i vostri team a concentrarsi su un progetto, e quindi a guadagnare produttività.

homepage-rescuetime

Trello

Trello è uno dei più noti strumenti di co-working. Il suo sistema di carte permette di delegare certi compiti in modo efficiente e intuitivo. Semplice ed efficace.

homepage-trello

Pomelloapp

Pomelloapp va di pari passo con Trello. L’app permette di aggiungere tecniche di produttività chiamate Pomodoro.

homepage-pomello

Altre risorse:

  • Task Timer
  • Timeneye
  • Timely

Web Entrepreneurship

Rocket Internet

Rocket Internet incuba e investe in vari progetti web, e aziende tecnologiche in generale.

homepage-rocket-startup

Startup Mate

Startup Mate è una collezione completa di tutti i tipi di risorse per il tuo progetto digitale.

homepage-startupmate

Startup Stash

Startup Stash segue le orme dello strumento precedente, offrendo un sacco di strumenti per aiutarvi a sviluppare le prime fasi del vostro progetto.

homepage-startupstash

Altre risorse:

  • Startup Toolkit
  • Startup Collections
  • Failory
  • Startup con Google
  • Crunchbase
  • Republic

Calcolare i costi di un applicazione

Cleveroad

Cleveroad si basa su applicazioni note per stimare il tempo di sviluppo che il tuo progetto richiederà

homepage-cleveroad

Stima la mia App

Stima la mia App si offre di rispondere ad alcune domande sul tuo progetto di app, per proporvi un budget coerente per completare il vostro progetto.

homepage-estimate-app

Altre risorse:

  • Otreva
  • Quanto per fare un’App
  • Costo stima App

Portafoglio

Formato

homepage-formato

Cargo Collective

homepage-cargo

Persona

homepage-persona

Squarespace

homepage-squarespace

Altre risorse:

  • Semplice
  • Behance
  • Html5up
  • Fabrik
  • Weebly
  • Viewbook
  • Portfoliobox

Sfida:

31-day Ninja Writer Challenge

homepage-31dayninja

#30dayUXchallenge

homepage-30dayux

Altre risorse:

  • Collect UI Challenge
  • Daily UI Challenge
  • UpLabs Challenge

Programmazione

Quickcode

Quickcode offre tutorial e altre risorse di codifica per lo sviluppo web e mobile, big data, machine learning e molto altro.

homepage-quickcode

Superhi

Superhi, come Quickcode, offre corsi di codifica per il web.

homepage-superhi

Bootstrap landing pages

Bootstrap offre una collezione di landing pages gratuite, attraverso diversi temi e template.

homepage-bootstrap-code

Carrd

Carrd offre pagine, gratuitamente, che sono responsive e pronte all’uso per la maggior parte dei progetti web.

homepage-carrd

Pluralsight

Pluralsight è una piattaforma che ti aiuta a codificare il tuo progetto. Che si tratti di sviluppo di software, elaborazione di dati o anche di sicurezza informatica, è tutto qui.

homepage-pluralsight

Altre risorse:

  • Udacity
  • CodeAcademy
  • FreeCodeCamp
  • Treehouse
  • Khan Academy

Tutorials & corsi online

Hackr-Design

Hackr-Design, è un elenco completo di corsi online sugli strumenti UX più utilizzati.

homepage-hackr

Udemy

Udemy offre corsi online scontati su una varietà di argomenti, inclusi UX e UI.

homepage-udemy

Google Academy

Google offre molti tutorial per imparare a utilizzare al meglio i suoi vari strumenti, soprattutto per Google Analytics.

homepage-google-academy

Altre risorse:

  • UNIR
  • UOC
  • Platzi: UX and Product
  • Interaction Design Foundation
  • B.F.A in UX Design
  • Udacity/Google: UX Design per sviluppatori mobili
  • Inlearnity
  • Il miglior corso di UX Design
  • 30 Best Online Course Website to Learn UI/UX
  • 20 BestPaid and Free UX Courses You’ll Love

The Unclassifiable

  • Notion: Uno spazio di lavoro collaborativo per i tuoi appunti, wiki, compiti, ecc.
  • Guida alla UXR: Una raccolta di oltre 250 strumenti dedicati alla ricerca utente
  • Toptal: I 10 migliori risultati UX
  • UX Playbook: Il playbook UX di Hanno
  • Talebook: Quadro interattivo di ricerca UX
  • UX Overflow: Il posto dove trovare le risposte alle tue domande di un deisgner
  • Miro: Lavagna collaborativa online
  • UX Design Process: Una lista di controllo per seguire passo dopo passo i passi chiave del tuo progetto di design
  • All About UX: Banca di risorse sull’UX
Stai cercando un web provider?

Placeholder

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *