Lezione dal corso UI Design
Ok, abbiamo parlato.
Già, abbiamo accennato in diverse elezioni il concetto di pattern.
Ecco quello che dobbiamo imparare intanto a conoscerli e a capire come possono essere utilizzati.
Questo diciamo un mondo veramente molto, molto vasto e quello che vi consiglio è assolutamente di imparare da quelli che stanno diciamo studiando parecchio prima di voi, vi consiglio di visitare questo sito, il Nilsen Norman Group, ma nello specifico la pagina dei design Pattern guidelines.
Che cosa trovate li trovate tutta la serie di pattern che possono essere utilizzati per progettare un'interfaccia.
Dovete progettare dei check box dei radio Botton.
Qui trovate il link per leggere L'articolo che spiega quando utilizzarli, come utilizzarli tutte le best practice Questo vale per ogni e Lem dovete fare un form wizard.
Vedete che qui trovate un articolo specifico per ogni pattern che dovete andare a utilizzare.
Per esempio come devono essere fatte le modali e le finestre di dialogo? Come possono essere diciamo articolate cliccate Ci sarà tutto l'articolo che vi spiegherà con tutta una serie di norme e best practice da seguire.
Come vedete, la lista è veramente molto, molto, molto lunga e c' è vera di tutto quello che dovete imparare a fare intanto a riconoscerlo.
E per farlo, secondo me conviene ovviamente prima studiare moltissimo, proprio tutta la nomenklatura che trovate in questa pagina.
E poi di volta in volta, ogni volta che vi si pone un problema, qualche diciamo è un problema di design da risolvere.
Vi conviene andare qui e cercare quali possono essere i tips, i suggerimenti di chi ha dettato e detta le linee guida in questo campo, per esempio andando sempre qui a scorrere nella pagina.
Ci sono tantissime linee guida su come si costruisce un mega menu.
I mega menu sono per esempio quei menu dove non c' è una navigazione semplice, ma a cascata si aprono tantissime, tantissime sotto voci classici esempi di mega menu li troviamo quasi sempre negli e-commerce, perché abbiamo bisogno di una navigazione molto complessa, molto articolata contattate sotto categorie.
Per esempio qui in questo articolo ci fa vedere quali possono essere le Becks Practice per progettare un buon mega menu e via scorrendo ce l'abbiamo appunto.
Se tutti elementi di navigazione sulla parte di ricerca, sulla parte di sua gestione della ricerca.
Come vedete qui le informazioni da raccogliere sono veramente tantissime.
Ci dice soprattutto anche quello che non va fatto e quando non va fatto.
Quindi mi raccomando, quando ho iniziato a progettare elementi che sapete che sono di utilizzo comune, appunto, non stiamo parlando di di un'immagine con un titolo, ma chiaramente stiamo parlando di elementi che ci aiutano a interagire.
Possono essere appunto la ricerca, la navigazione, i form ice box radio battono tutti questi elementi qui andate a studiare di volta in volta, come vengono utilizzati e come appunto non devono essere utilizzati.
Questo quanto riguarda per i partner.
A livello generale, poi, dobbiamo invece conoscere proprio i pattern a livello responsive.
Qui invece c' è un'altra guida che vi invito a consultare.
È quella di Beth Frost che il creatore della to meet design dove trovate questa pagina che si chiama responsive pattern? Qui sono i partner senso più generale di come gli oggetti scusate di come gli oggetti vengono responsabilizzati all'interno di una navigazione trasversale.
Se per esempio vedete qui c' è tutta una parte dedicata a come il layout possono responsabilizzarsi.
Per esempio, vedete questo esempio layout shifter Che cosa succede ora? Ovviamente è rappresentato in maniera molto grezza, cioè solo testo e titoli, ma per farvi capire cosa succede quando il layout va a stringersi in questo si chiama in questo caso si chiama layout shifter, perché immagina che c' è un blocco a destra che esula, diciamo il contenuto a sinistra.
Questo blocco quando il contenuto si va a restringere shift appunto sotto le tre colonne principali.
Infatti, se adesso vado a scorrere questa parte è andata sotto.
Questo per esempio è tipico dei comportamenti dai blog.
La sai Barney blog quasi sempre va a slittare sotto al contenuto e questo è un esempio di questo pattern qui.
Ma per esempio abbiamo altri esempi di responsible pattern, per esempio anche nella nella navigazione possiamo per esempio vedere guardate qui il footer l'ancora del footer come viene qui rappresentata qui abbiamo un menu in alto e qui tutta una serie di link in basso del ancora del footer quando vado a scorrere che cosa sta succedendo? Succede che questo menu mi viene riportato sia come hamburger menu qua in alto, ma diventa anche una serie di ancore di navigazione in basso nella nella parte finale del nostro sito.
Anche questo è un pattern da conoscere.
Vedete questi elementi non sono assolutamente presenti nella versione dell'ex top nella parte bassa, ma quando vado a stringere, invece li ritrovo in basso.
Ovviamente non ci mettiamo a guardare tutti gli elementi che si trovano all'interno di questa pagina, ma è super interessante perché ci aiutano per esempio, a capire quando ci troviamo in difficoltà.
Come abbiamo detto prima, ad esempio le tabelle sono uno degli elementi da responsabilizzare più complicati, ma quando non non sappiamo come trasporre un oggetto, la navigazione, il footer una galleria da ex a mobile, possiamo ricorrere a questo sito responsivo pattern dentro diciamo la sezione di bud post punto guidavo punto io e saremo in grado di scoprire come potremmo diciamo approcciare in modo responsive a diciamo elementi che sono più difficili da collocare.
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.