--- title: "Header e shortcut" description: "L'header (o intestazione) è la parte in alto nella tua app, utilissima se si vogliono inserire dei link per un accesso rapido a determinate sezio" canonical_url: "https://it.goodbarber.com/blog/header-e-shortcut-a535/" lang: it date: 2017-06-27 last_updated: 2017-06-27 --- # Header e shortcut [Indietro](/blog/make-it-r10/) # Header e shortcut Scritto da [Jerome Granados](https://it.goodbarber.com/blog/author/jerome-granados/) il Martedì 27 Giugno 2017 ![](https://cmsphoto.ww-cdn.com/superstatic/81312/art/grande/15106032-20595151.jpg?v=1498491210.5230017) L'header (o intestazione) è la parte in alto nella tua app, utilissima se si vogliono inserire dei link per un accesso rapido a determinate sezioni. Si tratta di un punto strategico, nonché un elemento grafico essenziale per l'identità visiva del progetto. ## Identità visiva ![](https://cmsphoto.ww-cdn.com/superstatic/81312/art/grande/15106032-20595224.jpg?v=1498492840.4313831) L'header è dove viene visualizzato il nome e/o il logo dell'applicazione mobile. È visibile nella home e all'interno delle sezioni. Nella pagina dei dettagli viene utilizzata per far visualizzare i pulsanti per la navigazione e la condivisione. Puoi configurarne il colore dello sfondo, la struttura e l'allineamento. Puoi scegliere quindi le icone per i pulsanti e la grandezza del testo. Le opzioni per configurare il design di quest'area sono numerose, al fine di permetterti di configurare al meglio l'identità visiva della tua applicazione mobile. ![](https://cmsphoto.ww-cdn.com/superstatic/81312/art/grande/15106032-20595612.jpg?v=1498492997.0521178) È possibile personalizzare l'header in modo autonomo sezione per sezione. Per esempio in un'app di cucina potresti avere l'intestazione di un certo tipo nella sezione Ricette e una totalmente diversa nell'area dedicata agli Eventi. Questa opzione ti concede la possibilità di avere una certa flessibilità, assicurati però di mantenere una certa coerenza all'interno dell'app. ## Shortcut L'header ha 3 slot dove collocare dei link. Utilizzali per suggerire delle azioni rapide, pensando che si tratta di un qualcosa di accessibile quasi sempre all'interno dell'applicazione. Hai la possibilità di aggiungere fino a 6 shortcut (accessi diretti) nella tua header. Dal quarto in poi, il terzo viene automaticamente utilizzato per far visualizzare un menù aggiuntivo. L'icona, la destinazione, il titolo e il colore di ogni shortcut sono personalizzabili. Su mobile, lo shortcut viene visualizzato semplicemente come icona. Su tablet è possibile far visualizzare un titolo a lato dell'icona. Mentre su laptop e desktop questo può essere trasformato in un pulsante, aggiungendogli un colore di sfondo. Il modo in cui questo menù aggiuntivo funziona è identico sia su mobile che su tablet. Appare infatti in sovrimpressione in basso nello schermo. Negli altri tipi di dispositivi (laptop e desktop) viene visualizzato invece come un menù a tendina. ![](https://cmsphoto.ww-cdn.com/superstatic/81312/art/grande/15106032-20595629.jpg?v=1498493042.921481) L'header ti da la possibilità di organizzare al meglio la navigazione della tua app, in modo complementare con la [home](https://it.goodbarber.com/blog/la-home-modulare-a519/) e il [menù](https://it.goodbarber.com/blog/il-menu-e-la-navigazione-secondaria-a520/). - [#Aggiornamento](https://it.goodbarber.com/blog/tags/aggiornamento) - [#Design](https://it.goodbarber.com/blog/tags/design) - [#DIYApp](https://it.goodbarber.com/blog/tags/diyapp) - [#GoodBarber](https://it.goodbarber.com/blog/tags/goodbarber) ![Jerome Granados](https://blog.goodbarber.com/_public/profile/1b/1b6453892473a467d07372d45eb05abc2031647a-default.jpg) Informazioni sull'autore[Jerome Granados](https://it.goodbarber.com/blog/author/jerome-granados/)CMO Soy CMO y socio de GoodBarber. A través de este blog, comparto consejos prácticos para ayudarte a sacar el máximo partido a GoodBarber, análisis sobre las tendencias que están transformando el mundo móvil y el no-code, así como algunas reflexiones sobre el impacto de la inteligencia artificial en nuestro sector. Si algún artículo te inspira una pregunta, una idea o una experiencia que quieras compartir, conversemos en los comentarios. [Scopri di più](https://it.goodbarber.com/blog/author/jerome-granados/) [![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/jeromegranados/)[![X](https://portal.ww-cdn.com/portal_static/svg/base2021/x.820492c586dd.svg)](https://x.com/jeromegranados)[![Facebook](https://portal.ww-cdn.com/portal_static/svg/base2021/fb.be37c82b8283.svg)](https://www.facebook.com/jerome.granados)[![Instagram](https://portal.ww-cdn.com/portal_static/svg/base2021/instagram.e3b82841d5d7.svg)](https://www.instagram.com/jeromegranados/)[![Pinterest](https://portal.ww-cdn.com/portal_static/svg/base2021/pinterest.3ba400801cb2.svg)](https://www.pinterest.com/jeromegranados/)