Lezione dal corso UI Design
Ok.
Abbiamo parlato di griglie di ritmo verticale, di insomma di spazio, e incrementa azione di punti di otto.
E adesso però vorrei farvi porre all'attenzione su una cosa che spesso chi progetta diciamo, viene dalla progettazione cartacea a questa cosa in mente che diciamo dobbiamo togliere la classica diciamo bisogna superare il classico dilemma della buvette Folds quando si progettavano i giornali ancora oggi si progettano però diciamo in maniera secondaria, però quando si progettava qualcosa che doveva andare in edicola e che poi si piegava c' era questa cosa classica di dire bisogna progettare above the food prima della piega, no.
Quindi cosa succedeva? Che se bisognava mettere un Artiom, come dire un articolo, uno strillo in prima pagina che dovesse essere evidente degli articoli, che dovesse essere subito evidenti, il retaggio del proprio, delle, della stampa e dell'editoria voleva appunto che queste cose andassero messe sopra la piega.
Questo perché? Perché altrimenti il giornale non vendeva per tanti anni.
Questa stessa diciamo metafora, è stata portata dietro anche nel digitale, perché ovviamente se noi ci pensiamo anche quando vediamo un sito internet, in realtà c' è una piega, cioè quello che noi vediamo di a primo acchito nella prima schermata, senza scrollare.
Quindi per te quanto tempo si è parlato di progettare sempre a bob default, quindi sopra la piega virtualmente anche sul web.
Questo però che cosa faceva portato spesso a riempire queste schermate iniziali di mille cose perché si aveva il terrore che poi gli utenti non crollassero? Sfatiamo questo mito le persone sul web scrolla hanno quindi non abbiamo paura di, diciamo diluire i contenuti all'interno del la pagina web.
Abbiamo tanti modi per invogliare il nostro utente a scorrere.
Può farlo ovviamente leggendo le voci del menù che fanno capire che c' è ovviamente altro o possiamo farlo, ma mettendo dei piccoli elementi grafici all'interno della pagina che ci fanno capire che dobbiamo scendere e spesso e volentieri la tattica migliore è quella appunto di cercare di fare intravedere qualcosa del contenuto successivo in modo che l'utente sia portato a scrollare.
Quindi non abbiamo l'ansia di affollare la no apertura con tutte le cose che servono e che vogliamo diciamo far visualizzare.
Cerchiamo di mettere delle ancora importanti che come dire coinvolgano l'utente e che lo stimolo ad andare avanti.
Ma non mettiamo tutto lì se volete, se vi può aiutare nella progettazione Perché, come abbiamo detto prima, no.
Sì, abbiamo una dimensione magari generale, delle delle tavole di larghezza, ma l'lte zza è sempre variabili.
Come faccio a sapere se quello che sto progettando cosa rientra appunto nella boxe? Def Old cosa? No, io per esempio uso sempre un plugin di film che mi piace moltissimo.
Così introduciamo anche l'argomento dei plugin di Fig, ma che mi aiuta comodamente a capire se sto progetto dove sto diciamo dove sta andando il mio design all'interno di questa piega virtuale per scaricare un plugin su Phil.
Ma basta andare qui sulla cassettina puoi andare su Community, cerca cliccare sulla propria faccia, andare su Plague e cercare il punto che ci interessa.
Possiamo cercarlo per parole chiave oppure se c'è qualcuno come me che come me, che adesso ve lo sto indicando, andate proprio a digitare il nome del blog.
In questo caso chiama Bob default.
Come vedete io ce l'ho gia' installato, quindi se non ce l'avete installato, basta cliccare e fare installa, dopodiché ve lo ritrovate e in automatico all'interno del vostro del vostro fig.
Ma la cosa bella è che ve lo ritroverete sempre, anche se aprite Fig.
Ma sul browser di qualcun altro perché questa informazione cloud che lui si porta dietro, cioè come è dei vostri setting.
Quindi plugin installati sono attivi sempre da qualsiasi computer.
Voi andrete a lavorare ancora di più se lavorate in un team.
Ci sono poi dei setting particolari che fanno in modo che paghino.
Viene attivato poi magari per tutto il team e non solo per voi.
Quindi questo è molto utile a livello di gestione aziendale.
Adesso che l'abbiamo installato, vediamo come funziona e come si richiama un plugin.
Anche qui abbiamo diverse strade o andiamo sulla F qui di Fig ma in alto o andiamo su plague.
Come vedete, io sono un po' compulsiva nell'utilizzo dei plugin.
Però posso andarlo a richiamare da qua.
Quindi in questo caso dove? Dove, dove? Above default lo troviamo qui e abbiamo ovviamente varie funzionalità, perché lui mi dice ovviamente c'è una boa default per le schermate ed ex top per le schermate tablet per le schermate mobile.
Chiaramente noi clicchiamo in questo caso Dexter, perché stiamo rappresentando un sito backstop.
Se non volesse andare su questo film, fare così è uno shock per richiamare tutti i menu' veloce all'interno di film.
Ed è questa Quick action.
Solo che qui c'è scritto Mela e Slash.
Solo che per noi che abbiamo una tastiera italiano, questo mele Slash non funziona.
Quindi per noi che siamo in Italia usiamo mela p e richiamiamo questo stesso identico me no, scriviamo above the folds e andiamo a dire con ovviamente la tavola selezionata Above the fall Dexter, guardate che cosa fa.
Mi crea in automatico tutta una serie di fasce tratteggiate per farmi capire dove andrà accadere più o meno il mio contenuto.
Quindi in questo caso, per esempio, io so che all'interno della mia progettazione questa parte quasi sicuramente verrà vista da tutti gli utenti.
E perché ho questa zona rossa? Perché a questa altezza è variabile a seconda delle impostazioni dei setting dei browser di ognuno.
Se sto usando Crom con una barra molto ampia dei preferiti, posso occupare piu' spazio ne' altezza.
Se sta usando safari, occupo meno altezza se sto usando Cage su Windows o un'altra altezza del browser.
Quindi dobbiamo considerare che ovviamente il nostro sito non è che batte direttamente così sulla sul nostro mondo.
Ora è all'interno del contenitore dell'interfaccia del browser, no.
E quindi quella quella quella misura che è variabile a seconda appunto dei setting dell'utente e dei vari sistemi operativi e dei vari browser.
È quella zona li' che mi dice che questa roba non sono sicura che la vedranno tutti sempre.
Però siete sicuri che tutto quello che viene mostrato qui è sicuramente verrà, è visualizzato.
Quindi mi raccomando, teniamo sempre che le persone scrolla hanno questo mito va assolutamente sfatato.
Le persone non crollano, quindi non possiamo tutto nell'area superiore.
Posso? Abbiamo delle cose che sono chiare, incisive e che ci servono assolutamente.
Dobbiamo comunicarle subito nella prima apertura del sito possiamo essere stare attenti con questo default.
Questo plugin che ci fa capire se quello che abbiamo messo li' verrà senz'altro visto da tutti quelli che capiranno la nostra pagina web.
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.