Cele mai bune 20 de tutoriale pentru modele UX

Publicat: 2017-03-26

Ești un designer UX și aștepți cu nerăbdare să creezi design-uri cu aspect profesional sau vrei doar să afli mai multe despre experiența utilizatorului? Această colecție uimitoare de cele mai bune tutoriale de modele UX este exact ceea ce aveți nevoie. Aici veți găsi o mare varietate de tutoriale UX care vă vor învăța cum să creați cu succes modele UX. Mai mult, informațiile sunt bine structurate și ușor de urmărit, pas cu pas.

Cuprins ascunde
Creator de produse
Adăugați rapid în coș
Slider de previzualizare a produsului
Galerie de imagini extensibilă
Adaugă în coș Interacțiune
Flux de înregistrare animat
Navigare alunecare secundară
Formular de buletin informativ receptiv
Navigare fixă ​​inteligentă
Coș de cumpărături lateral
Ce este UX?
Faceți ca UX să conteze pentru compania dvs
Cum să predați UX Design?
Tipografie și experiență utilizator – WCSF
Content-First UX Design: Ce jocuri video ne învață despre UX?
UX și mituri de design
Proiectare pentru mobil
Aducerea utilizatorului în procesul de proiectare
Viitorul UX: proiectarea experienței de date
UX Design + UI Design: Injectarea unui Brand Persona!

Aceste tutoriale de modele UX sunt create pentru începători, pentru a-i iniția în designul UX. De asemenea, veți găsi câteva tutoriale UX care sunt menite să vă îmbunătățească cunoștințele UX și mai mult și să vă ajute să deveniți un designer UX cu experiență. Indiferent de categoria în care vă încadrați, aceste tutoriale vă vor ajuta cu siguranță să vă îmbunătățiți performanța generală de design.

Să începem să învățăm!

Vrei mai multe lucruri UX? Consultați aceste aplicații UX esențiale.

Creator de produse

În acest minunat tutorial UX, designerul vă arată cum să creați un generator de produse complet personalizabil și receptiv pe care apoi îl puteți introduce în magazinul dvs. online.

Product Builder în CSS și jQuery _ CodyHouse Pin

Adăugați rapid în coș

Această tehnică demonstrează cum să creați o funcție de adăugare rapidă la coș folosind un fragment de cod foarte util. Aceasta este o caracteristică plăcută care cu siguranță va atrage mai mult clienții dvs.

Adăugați rapid în coș în CSS și jQuery _ CodyHouse Pin

Slider de previzualizare a produsului

Aceasta este o metodă frumoasă și ușoară care vă permite să verificați multe variante ale aceluiași produs direct în galeria de produse. Acest lucru vă permite să vedeți instantaneu mai multe informații despre produs, fără a fi nevoie să navigați la o altă pagină.

Slider de previzualizare a produsului în CSS și jQuery _ CodyHouse Pin

Galerie de imagini extensibilă

Aici aveți toate informațiile de care aveți nevoie pentru a crea o galerie de imagini extinsă oricând vi se pare potrivit. Acest lucru face ca imaginea să se extindă la clic și se transformă într-o galerie.

Galerie de imagini extensibilă în CSS și jQuery _ CodyHouse Pin

Adaugă în coș Interacțiune

Acest tutorial vă arată cum să creați o pictogramă de adăugare interactivă la diagramă. Acesta apare de fiecare dată când un utilizator alege să cumpere un articol.

Adaugă în coș Interacțiune în CSS și jQuery _ CodyHouse Pin

Flux de înregistrare animat

Aflați cum să proiectați un flux de înscriere animat care să permită atunci când utilizatorul alege un plan. Acest articol are un aspect complet receptiv, care se va adapta la orice dimensiune a ecranului.

Flux de înregistrare animat în CSS și jQuery _ CodyHouse Pin

Navigare alunecare secundară

De ce ar trebui să aveți nevoie de o a doua navigare? Sunt multe circumstanțe când situația necesită acest tip de element. În acel moment, aceste informații despre cum să-l construiți de la zero pot fi utile.

Navigare secundară glisantă în CSS și jQuery _ CodyHouse Pin

Formular de buletin informativ receptiv

Creați acest frumos formular de buletin informativ folosind animații CSS3. Acest articol are un design complet receptiv, care se va adapta automat la orice dimensiune a ecranului.

Formular de buletin informativ adaptabil CSS și jQuery _ CodyHouse Pin

Navigare fixă ​​inteligentă

Aflați cum să creați această navigare fixă ​​pentru a vă face site-ul mai accesibil. Urmați instrucțiunile, consultați fragmentul de cod și utilizați-l în proiectele dvs.

Navigație fixă ​​inteligentă _ CodyHouse Pin

Coș de cumpărături lateral

Puteți crea rapid un coș de cumpărături lateral frumos animat. Acest lucru le permite utilizatorilor să își verifice coșul în orice moment, fără a fi nevoie să reîmprospăteze pagina.

Coș de cumpărături CSS și jQuery Side _ CodyHouse Pin

Ce este UX?

Aceasta este o prezentare îngrijită, care vă arată o mulțime de informații utile despre UX. Acest lucru este grozav pentru începători, deoarece se concentrează pe elementele de bază.

Ce este ux Pin

Faceți ca UX să conteze pentru compania dvs

Aruncă o privire la această prezentare minunată și folosește-o pentru a afla mai multe despre ce este nevoie pentru a face din UX o parte importantă a companiei tale.

Faceți ca UX să conteze pentru compania dvs Pin

Cum să predați UX Design?

Acesta este un Slideshare minunat care vă oferă câteva indicații importante despre diferite metode de predare a designului UX. Dacă acesta este ceea ce cauți, aceste informații sunt perfecte pentru tine.

Cum să predați UX Design Pin

Tipografie și experiență utilizator – WCSF

Această prezentare conține informații utile care vor explica conexiunile complexe dintre tipografie și experiența utilizatorului.

Tipografie și experiență utilizator - WCSF Pin

Content-First UX Design: Ce jocuri video ne învață despre UX?

Modelele frumoase UX pot fi inspirate de jocuri video. Acest Slideshare conține informații utile despre diverse conexiuni și asemănări dintre jocurile video și designul UX.

Conținutul mai întâi UX Design Ce ne învață jocurile video despre UX Pin

UX și mituri de design

Aceasta este o compilație de mituri despre care fiecare designer UX ar fi auzit. Cele mai multe dintre ele sunt orientate către procesul creativ și eficacitate.

Mituri ale designului UX Pin

Proiectare pentru mobil

Aflați cum să creați cu succes o experiență de utilizator mobil care impresionează cu adevărat utilizatorul.

UX și UI - Proiectare pentru mobil Pin

Aducerea utilizatorului în procesul de proiectare

Utilizatorii pot fi implicați activ în procesul de proiectare, dar care este cel mai eficient mod de colaborare. Tehnicile centrate pe utilizator pot fi folosite pentru a evalua designul.

UX centrat pe utilizator Aducerea utilizatorului în procesul de proiectare Pin

Viitorul UX: proiectarea experienței de date

Verificați acest lucru care aduce în discuție subiecte importante UX. Cu existența atâtor dispozitive, sarcina UX începe de la un singur dispozitiv, continuă prin diverse interfețe ale mai multor dispozitive și apoi... unde se duce totul?

Viitorul experiențelor de date de proiectare UX Pin

UX Design + UI Design: Injectarea unui Brand Persona!

Aceste informații se concentrează atât pe UX, cât și pe UI și încearcă să explice asemănările și dificultățile lor. Acest lucru este util pentru a vă asigura că aceste două concepte nu vor mai fi confundate.

UX Design + UI Design Injectarea unei persoane de brand! Pin