20 migliori tutorial sui modelli UX

Pubblicato: 2017-03-26

Sei un designer UX che non vede l'ora di creare design dall'aspetto professionale o vuoi semplicemente saperne di più sull'esperienza utente? Questa straordinaria raccolta dei migliori tutorial sui modelli UX è esattamente ciò di cui hai bisogno. Qui troverai una grande varietà di tutorial UX che ti insegneranno come creare pattern UX con successo. Inoltre, le informazioni sono ben strutturate e facili da seguire, passo dopo passo.

Sommario nascondere
Costruttore di prodotti
Aggiungi rapida al carrello
Dispositivo di scorrimento per l'anteprima del prodotto
Galleria di immagini espandibile
Aggiungi al carrello Interazione
Flusso di registrazione animato
Navigazione scorrevole secondaria
Modulo newsletter reattivo
Navigazione fissa intelligente
Carrello laterale
Cos'è l'UX?
Rendere importante la UX per la tua azienda
Come insegnare UX Design?
Tipografia ed esperienza utente – WCSF
Content-First UX Design: cosa ci insegnano i videogiochi sull'UX?
UX e miti del design
Progettare per dispositivi mobili
Portare l'utente nel processo di progettazione
Il futuro dell'esperienza utente: progettare l'esperienza dei dati
UX Design + UI Design: iniettare una persona del marchio!

Questi tutorial sui modelli UX sono creati per i principianti, per avviarli alla progettazione UX. Inoltre, troverai alcuni tutorial UX che hanno lo scopo di migliorare ulteriormente le tue conoscenze UX e aiutarti a diventare un designer UX esperto. Qualunque sia la categoria in cui rientri, questi tutorial ti aiuteranno sicuramente a migliorare le tue prestazioni di progettazione complessive.

Iniziamo a imparare!

Vuoi più roba UX? Dai un'occhiata a queste app UX essenziali.

Costruttore di prodotti

In questo fantastico tutorial UX, il designer ti mostra come creare un product builder completamente personalizzabile e reattivo che puoi poi inserire nel tuo negozio online.

Product Builder in CSS e jQuery _ CodyHouse Spillo

Aggiungi rapida al carrello

Questa tecnica mostra come creare una funzione di aggiunta rapida al carrello utilizzando uno snippet di codice molto utile. Questa è una caratteristica interessante che attirerà sicuramente di più i tuoi clienti.

Aggiunta rapida al carrello in CSS e jQuery _ CodyHouse Spillo

Dispositivo di scorrimento per l'anteprima del prodotto

Questo è un metodo semplice e piacevole che ti consente di controllare molte varianti dello stesso prodotto direttamente nella galleria del prodotto. Ciò ti consente di visualizzare immediatamente più informazioni sul prodotto, senza dover passare a una pagina diversa.

Slider di anteprima del prodotto in CSS e jQuery _ CodyHouse Spillo

Galleria di immagini espandibile

Qui hai tutte le informazioni di cui hai bisogno per creare una galleria di immagini espandibile ogni volta che sembri in forma. In questo modo l'immagine si espande al clic e si converte in una galleria.

Galleria di immagini espandibile in CSS e jQuery _ CodyHouse Spillo

Aggiungi al carrello Interazione

Questo tutorial mostra come creare un'icona di aggiunta al grafico interattiva. Viene visualizzato ogni volta che un utente sceglie di acquistare un articolo.

Aggiungi al carrello Interazione in CSS e jQuery _ CodyHouse Spillo

Flusso di registrazione animato

Scopri come progettare un flusso di iscrizione animato che si abilita quando l'utente sceglie un piano. Questo articolo ha un layout completamente reattivo che si adatterà a qualsiasi dimensione dello schermo.

Flusso di registrazione animato in CSS e jQuery _ CodyHouse Spillo

Navigazione scorrevole secondaria

Perché dovresti richiedere una seconda navigazione? Ci sono molte circostanze in cui la situazione richiede questo tipo di elemento. A quel punto, queste informazioni su come costruirlo da zero potrebbero tornare utili.

Navigazione scorrevole secondaria in CSS e jQuery _ CodyHouse Spillo

Modulo newsletter reattivo

Crea questo bellissimo modulo per newsletter utilizzando le animazioni CSS3. Questo articolo ha un design completamente reattivo che si adatterà automaticamente a qualsiasi dimensione dello schermo.

Modulo Newsletter Responsive CSS e jQuery _ CodyHouse Spillo

Navigazione fissa intelligente

Scopri come creare questa navigazione fissa per rendere il tuo sito web più accessibile. Segui le istruzioni, controlla lo snippet di codice e utilizzalo nei tuoi progetti.

Navigazione fissa intelligente _ CodyHouse Spillo

Carrello laterale

Puoi creare rapidamente un carrello della spesa laterale splendidamente animato. Ciò consente ai tuoi utenti di controllare il loro carrello in ogni momento, senza dover aggiornare la pagina.

CSS e jQuery Carrello laterale _ CodyHouse Spillo

Cos'è l'UX?

Questa è una presentazione accurata che ti mostra molte informazioni utili sull'UX. Questo è ottimo per i principianti in quanto si concentra sulle basi.

Cos'è ux Spillo

Rendere importante la UX per la tua azienda

Dai un'occhiata a questa meravigliosa presentazione e usala per saperne di più su ciò che serve per rendere l'UX una parte importante della tua azienda.

Rendere importante la UX per la tua azienda Spillo

Come insegnare UX Design?

Questo è un adorabile Slideshare che ti offre alcuni importanti suggerimenti su vari metodi di insegnamento del design UX. Se questo è ciò che stai cercando, queste informazioni sono perfette per te.

Come insegnare UX Design Spillo

Tipografia ed esperienza utente – WCSF

Questa presentazione contiene informazioni utili che spiegheranno le complesse connessioni tra la tipografia e l'esperienza dell'utente.

Tipografia ed esperienza utente - WCSF Spillo

Content-First UX Design: cosa ci insegnano i videogiochi sull'UX?

I bellissimi design UX possono essere ispirati dai videogiochi. Questo Slideshare contiene informazioni utili su varie connessioni e somiglianze tra videogiochi e UX design.

Content first UX Design Cosa ci insegnano i videogiochi sull'UX Spillo

UX e miti del design

Questa è una raccolta di miti di cui ogni designer di UX potrebbe aver sentito parlare. La maggior parte di loro sono orientati al processo creativo e all'efficacia.

Miti del design UX Spillo

Progettare per dispositivi mobili

Scopri come creare con successo un'esperienza utente mobile che impressioni davvero l'utente.

UX e UI - Progettazione per dispositivi mobili Spillo

Portare l'utente nel processo di progettazione

Gli utenti possono essere coinvolti attivamente nel processo di progettazione, ma qual è il modo più efficace di co-working. Per valutare il progetto possono essere utilizzate tecniche incentrate sull'utente.

User centered UX Portare l'utente nel processo di progettazione Spillo

Il futuro dell'esperienza utente: progettare l'esperienza dei dati

Dai un'occhiata a questo che porta alla discussione importanti argomenti di UX. Con l'esistenza di così tanti dispositivi, l'attività UX inizia su un dispositivo, continua attraverso varie interfacce di più dispositivi e poi ... dove sta andando tutto?

Il futuro della UX Progettazione di esperienze di dati Spillo

UX Design + UI Design: iniettare una persona del marchio!

Queste informazioni si concentrano sia sull'UX che sull'interfaccia utente e cercano di spiegare le loro somiglianze e difficoltà. Questo è utile per assicurarsi che questi due concetti non vengano più confusi.

UX Design + UI Design Iniettare una personalità di marca! Spillo