Menu (informatica): differenze tra le versioni

Versione delle 11:27, 2 mar 2021

Versione attuale delle 23:41, 19 lug 2025

(11 versioni intermedie di 9 utenti non mostrate)

Riga 1:

[[File:Menu (computing) example.PNG|thumb|Esempio di menu]]

[[File:Menu start xp.png|thumb|''menu avvio'' di [[Windows XP]]<ref>Menù avvio di Windows XP {{cita web |url=http://primearmi.altervista.org/windows-alle-primearmi/241-cos-e-il-menu-start-di-xp.html |titolo=Copia archiviata |accesso=29 marzo 2011 |urlmorto=sì |urlarchivio=https://web.archive.org/web/20140312225233/http://primearmi.altervista.org/windows-alle-primearmi/241-cos-e-il-menu-start-di-xp.html |dataarchivio=12 marzo 2014 }}</ref>]]

Il termine '''menu''' o '''menù''' in [[informatica]]<ref>Cos'è l'informatica [http://home.dei.polimi.it/caglioti/lez1.pdf] {{Webarchive|url=https://web.archive.org/web/20100326204348/http://home.dei.polimi.it/caglioti/lez1.pdf |data=26 marzo 2010 }}</ref> e nelle [[telecomunicazioni]] indica una lista di [[istruzione (informatica)|comandi]] offerti ad un utente dal [[computer]]<ref>Cos'è un computer [http://www.edscuola.it/archivio/software/comp.html#CHE COS'È UN COMPUTER?]</ref> o dal sistema di telecomunicazioni attraverso la loro [[interfaccia grafica]], posizionando e/o cliccando con il cursore del [[mouse]] su determinati pulsanti dello [[schermo]] del [[monitor (video)|monitor]].

Gli elementi che compongono il menu possono essere considerati delle ''scorciatoie'' a comandi<ref>{{en}} What is a command [http://pcsupport.about.com/od/termsc/g/commands.htm] {{Webarchive|url=https://web.archive.org/web/20110116160908/http://pcsupport.about.com/od/termsc/g/commands.htm|date=16 gennaio 2011}}</ref> usati frequentemente che permettono all'utente di evitare di avere una conoscenza approfondita del sistema che sta usando e della esatta [[sintassi]] dei suoi comandi. Il menu è spesso usato in alternativa all'[[interfaccia a riga di comando]] dove le istruzioni al computer vengono date invece in forma di comandi testuali. Più menù allineati danno vita ad una cosiddetta ''barra dei menù'' tipicamente presente su [[sistemi operativi]] e [[applicazione (informatica)|applicazione]].

==DescrizioneTipologia==

Le scelte offerte dal menu possono essere scelte dall'utente in diversi modi che definiscono l'[[interfaccia utente]]:

*mediante l'uso di un puntatore elettromeccanico, come una [[penna ottica]] (light pen)

Riga 16:

Con l'evoluzione delle interfacce grafiche si sono differenziati anche diverse tipologie di menu come:

* [[menu contestuale]]
[[File:BlueSpice Mediawiki Extension ContextMenu.png|alt=Menu contestuale|centronone|miniatura|330x330px|Menu contestuale]]

* [[menu a discesa]]
[[File:Wikibookmarks.png|alt=Menu a discesa|centronone|miniatura|Menu a discesa]]

* [[menu popup]]<ref>{{Cita web|url=https://www.javatpoint.com/android-popup-menu-example|titolo=Android Popup Menu Example - javatpoint|sito=www.javatpoint.com|lingua=en|accesso=2021-03-02}}</ref>
[[File:Popup-menu.png|alt=Popup-menu|centronone|miniatura|Popup-menu]]

* menu hamburger<ref>{{Cita web|url=https://www.invisionapp.com/inside-design/pros-and-cons-of-hamburger-menus/|titolo=10 pros and cons of the hamburger menu (with examples) {{!}} Inside Design Blog|sito=www.invisionapp.com|lingua=en-US|accesso=2021-03-02}}</ref>

[[File:Editing Wikipedia mobile screenshot p 16, Penny Cyclopaedia with menu.png|alt=Menu ad hamburger: una volta cliccata l'icona, espande il menu che contiene|none|miniatura|Menu ad hamburger: una volta cliccata l'icona, espande il menu che contiene]]

[[File:Editing Wikipedia mobile screenshot p 16, Penny Cyclopaedia with menu.png|alt=Menu ad hamburger: una volta cliccata l'icona, espande il menu che contiene|centro|miniatura|Menu ad hamburger: una volta cliccata l'icona, espande il menu che contiene]]*[[menu a torta]]<ref>{{Cita web|url=https://web.archive.org/web/20091225004939/http://www.donhopkins.com/drupal/node/98#|titolo=The Design and Implementation of Pie Menus -- Dr. Dobb's Journal, Dec. 1991 {{!}} Don Hopkins|sito=web.archive.org|data=2009-12-25|accesso=2021-03-02|dataarchivio=25 dicembre 2009|urlarchivio=https://web.archive.org/web/20091225004939/http://www.donhopkins.com/drupal/node/98|urlmorto=sì}}</ref>[[File:EasyGestures PieMenu.png|alt=Menu a torta|centronone|miniatura|Menu a torta]]

* [[Tab (widget)|menu a tab]]

* [[Tab (widget)|menu a tab]][[File:Tab-css.png|alt=Menu a tab|centronone|miniatura|310x310px|Menu a tab]]

== Sottomenu ==

Riga 29 ⟶ 32:

I menu sono talvolta organizzati gerarchicamente, consentendo la navigazione attraverso diversi livelli della struttura del menu. Selezionando una voce di menu con una freccia la si espanderà, mostrando un secondo menu (il sottomenu) con le opzioni relative alla voce selezionata.

L'usabilità dei sottomenu è stata criticata come difficile, a causa dell'altezza ridotta che deve essere attraversata dal puntatore . La legge di governo prevede che questo movimento sarà lento e qualsiasi errore nel toccare i confini della voce del menu principale nasconderà il sottomenu. Alcune tecniche proposte per alleviare questi errori sono mantenere il sottomenu aperto mentre si sposta il puntatore in diagonale e utilizzare ''mega menu'' progettati per migliorare la "scansionabilità" e la categorizzazione dei suoi contenuti<ref>{{Cita web|url=http://www.useit.com/alertbox/mega-dropdown-menus.html|titolo=mega menu|accesso=2 marzo 2021|dataarchivio=29 agosto 2012|urlarchivio=https://web.archive.org/web/20120829010633/http://www.useit.com/alertbox/mega-dropdown-menus.html|urlmorto=sì}}</ref><ref>{{Cita web|url=https://www.nngroup.com/articles/mega-menus-gone-wrong/|titolo=Mega Menus Gone Wrong|autore=World Leaders in Research-Based User Experience|sito=Nielsen Norman Group|lingua=en|accesso=2021-03-02}}</ref>.

== Utilizzo dei puntini di sospensione allegati ==

Riga 35 ⟶ 38:

* "Salva": il file verrà sovrascritto senza ulteriori input.

* "Salva con nome ...": nella seguente finestra di dialogo, l'utente può, ad esempio, selezionare un altro percorso o un nome di file o un altro [[formato di file]].

== Menu nel web ==

Nel web vengono usati i menu per permettere la navigazione degli utenti attraverso le pagine. Solitamente vengono posizionati nell'header del [[sito web]]. Essi si possono costruire in [[HTML]] e [[CSS]], spesso con l'aiuto di [[JavaScript]]<ref>{{Cita web|url=https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown|titolo=Tryit Editor v3.6|sito=www.w3schools.com|lingua=en-US|accesso=2021-03-02}}</ref><ref>{{Cita web|url=https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_vertical_menu|titolo=Tryit Editor v3.6|sito=www.w3schools.com|lingua=en-US|accesso=2021-03-02}}</ref>.

Menu "onlclick" in JavaScript che si apre cliccando su di esso:<syntaxhighlight lang="html">

Riga 226 ⟶ 229:

=== Menu creativi ===

[[File:Menu-creativo.png|alt=Menu creativo|centronone|miniatura|Menu creativo]]

Alcuni siti web che ad esempio trattano di [[web design]] creativo, studi creativi e grafica utilizzano menu con interfacce non standard. Per esempio possono contenere icone, effetti di transizione e animazioni<ref>{{Cita web|url=https://freefrontend.com/css-menu/|titolo=135 CSS Menu|sito=Free Frontend|lingua=en-US|accesso=2021-03-02}}</ref><ref>{{Cita web|url=https://onaircode.com/animated-3d-menu-flipping-with-css-and-javascript/|titolo=Animated 3D Menu Flipping With CSS and JavaScript|autore=OnAirCode|sito=OnAirCode|data=2019-07-22|lingua=en-US|accesso=2021-03-02}}</ref>.

=== Accessibilità e usabilità ===

[[File:Bad-ux-usability.png|alt=Questo menu è posizionato in un luogo non immediatamente riconoscibile dall'utente (non si vede senza lo scrolling).|centronone|miniatura|Questo menu è posizionato in un luogo non immediatamente riconoscibile dall'utente (non si vede senza lo scrolling).]]

Alcuni menu non standard (ad esempio nell'aspetto, nella navigazione e nella posizione in cui sono inseriti nella pagina) potrebbero compromettere l'usabilità, la riconoscibilità e l'accessibilità del menu stesso<ref>{{Cita web|url=https://www.psd2html.com/blog/the-good-the-bad-and-the-best-in-website-navigation.html|titolo=The Good, the Bad, and the Best in Website Navigation {{!}} Blog – PSD2HTML®|sito=www.psd2html.com|accesso=2021-03-02}}</ref><ref>{{Cita web|url=https://www.nngroup.com/articles/menu-design/|titolo=Menu Design: 15 UX Guidelines to Help Users|autore=World Leaders in Research-Based User Experience|sito=Nielsen Norman Group|lingua=en|accesso=2021-03-02}}</ref>. Questo può riguardare anche alcuni menu creativi<ref>{{Cita web|url=https://usabilitygeek.com/10-guidelines-for-navigation-usability/|sito=usabilitygeek.com|accesso=2021-03-02}}</ref>.

==Note==

Riga 241 ⟶ 244:

== Altri progetti ==

{{interprogetto|preposizione=sul}}

== Collegamenti esterni ==