Wikipedia:Vector 2022/T: differenze tra le versioni

Versione delle 11:28, 30 ott 2024

Versione attuale delle 02:17, 20 nov 2024

(10 versioni intermedie di 3 utenti non mostrate)

Riga 1:

__NOTOC__

__NOINDEX__

<div style="background-color:#FFFFFF; max-width:80em; margin:auto;">

{{Wikipedia:Vector 2022/H|active=2}}

{{Sezione a tendina inizio

Riga 8 ⟶ 7:

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements|Vai alla pagina dedicata al '''{{{1|progetto su MediaWiki}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">Si tratta di una decina di {{{1|funzionalità}}}</span> {{{2|sviluppate e implementate separatamente.}}}

}}

Il Web team è partito dall'analisi dell'esistente e dalle buone intuizioni e caratteristiche sviluppate individualmente su alcuni singoli wiki. Non ha creato delle specifiche di prodotto dettagliate. Ogni funzionalità è stata sviluppata e implementata separatamente, ed è stata testata prima della sua distribuzione sui wiki pilota. Le funzionalità già distribuite potrebbero ancora richiedere qualche rifinitura nel corso del tempo. Leggi [[UtenteWikipedia:Patafisik_(WMF)/Sandbox2Vector 2022#Come_lavora_il_Web_team?|come lavora il Web team]] e [[:mw:Reading/Web/Desktop_Improvements/it#Come_vengono_apportate_le_modificheCome_sono_state_apportate_le_modifiche|come sono state apportate le modifiche]] in dettaglio.

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features|Vai alla pagina dedicata a '''{{{1|tutte le funzionalità}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">Il {{{1|nuovo logo}}}</span> {{{2|è più piccolo rispetto a prima.}}}

Riga 23 ⟶ 20:

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features/Header|Vai alla pagina dedicata al '''{{{1|nuovo logo}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">La {{{1|barra laterale}}}</span> {{{2|è diventata ripiegabile.}}}

}}

La barra laterale ripiegabile sulla sinistra, chiamata anche "menu principale", rende l'esperienza di lettura e scrittura più chiara. Quando il menu è chiuso ci si focalizza maggiormente sul contenuto. Allo stesso tempo, il menu è sempre a disposizione e apribile con un click se necessario, cliccando sull'icona del [[menu hamburger]] ([[:en:Hamburger button|en]]) <!-- ☰ --> ([[File:OOjs_UI_icon_menu.svg|frameless|24px|class=skin-invert]]) in alto a sinistra del logo.

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features/Collapsible_sidebar|Vai alla pagina dedicata alla '''{{{1|barra laterale ripiegabile}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">La {{{1|larghezza del contenuto}}}</span> {{{2|può essere limitata.}}}

Riga 39 ⟶ 34:

Inoltre, paragrafi più stretti permettono ai lettori di comprendere e memorizzare meglio nuove informazioni.

Tuttavia, per andare incontro alle esigenze di tutti, innella bassocolonna adi destra nella pagina abbiamo introdotto un(o selettore otramite l''toggle''icona ([[File:Ic_fullscreen_36pxOOjs UI icon appearance.svg|26px20px|class=skin-invert|alt=icona a forma di occhiali]] in alto) abbiamo introdotto un'opzione che permette di passare dalla larghezza fissa a quella a pagina intera secondo le proprie esigenze. La larghezza fissa o a schermo intero può essere impostata dagli utenti loggati anche [[Speciale:Preferenze#mw-prefsection-rendering-skin-skin-prefs|nelle proprie preferenze]], selezionandodeselezionando l'opzione "Abilita la modalità con larghezza limitata".

La limitazione dell'area del contenuto offre nuove opportunità per ulteriori sviluppi dell'interfaccia: alcuni wikimediani hanno suggerito di metterci gli infobox, o le immagini, o ancora le note. Come parte di un progetto separato, prenderemo in considerazione come usare questo spazio in linea con le aspettative della comunità.

Riga 45 ⟶ 40:

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop Improvements/Features/Limiting content width|Vai alla pagina dedicata alla '''{{{1|limitazione della larghezza del contenuto}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">La nuova {{{1|barra di ricerca}}}</span> {{{2|contestualizza la ricerca.}}}

}}

La barra di ricerca è stata spostata per renderla più visibile.

Riga 55 ⟶ 48:

Grazie a questa contestualizzazione la ricerca è più veloce ed efficace, ed è più facile trovare il risultato voluto.

È stata anche integrata nell'[[#L'header_fisso_dà_accesso_a_varie_funzionalità_senza_dover_scorrere_in_cima_alla_pagina.|header fisso]]: l'icona è la lente d'ingrandimento [[File:OOjs UI icon search-ltr.svg|frameless|20px|class=skin-invert]] che si trova sulla sinistra.

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features/Search|Vai alla pagina dedicata alla '''{{{1|barra di ricerca}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">I {{{1|collegamenti interlinguistici}}}</span> {{{2|sono stati spostati nella barra del titolo.}}}

Riga 73 ⟶ 65:

Inoltre, il pulsante delle lingue diventa un hub per quel che riguarda le lingue in generale: integra al suo interno il collegamento allo strumento [[:mw:Content_translation/it|Traduzione contenuti]] e permette di [[:mw:Reading/Web/Desktop_Improvements/Frequently_asked_questions/it#I_link_Wikidata_saranno_avvicinati_alla_lista_dei_collegamenti_interlinguistici?|aggiungere e modificare i collegamenti interlinguistici su Wikidata]].

Per i wikipediani esperti e e per chi salta da un'edizione linguistica di Wikipedia all'altra (da una skin all'altra), un cambiamento delle abitudini potrebbe essere spiazzante. Per questo, nella barra laterale, nella posizione classica delle lingue in Vector, abbiamo messo un avviso che ricorda la nuova posizione delle lingue (vedi anche [[UtenteWikipedia:Patafisik_(WMF)/Sandbox2Vector 2022#Con_un_account|come attivare la stessa skin su tutti i wiki]]).

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features/Language_switching|Vai alla pagina dedicata al '''{{{1|selettore delle lingue}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">L'{{{1|header fisso}}}</span> {{{2|dà accesso a varie funzionalità senza dover scorrere in cima alla pagina.}}}

}}

L'header fisso, detto anche intestazione fissa o o barra superiore statica, permette agli utenti connessi di accedere da qualunque punto della pagina ad alcuni link importanti e molto usati, come connettersi e disconnettersi, modificare, andare alla pagina di discussione o alla cronologia, consultare altre versioni linguistiche, ecc., senza dover scorrere la pagina fino in cima.

L'header fisso in Vector 2022 [[:mw:Reading/Web/Desktop_Improvements/Features/Sticky_Header/it#How_do_I_add_links_to_the_sticky_header_dropdown_menu?|è anche personalizzabile]], permette infatti di aggiungere link e icone. Attualmente è disponibile [[:mw:Reading/Web/Desktop_Improvements/Features/Sticky_Header/it#Why_is_the_sticky_header_not_showing_on_a_certain_page?|solo per alcuni namespace]]. <!-- ([[phab:T290347|T290347]]) e per gli utenti connessi. ([[phab:T328073|T328073]]) -->

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features/Sticky headerSticky_Header|Vai alla pagina dedicata all{{'}}'''{{{1|header fisso}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">Il {{{1|nuovo indice}}}</span> {{{2|è sempre disponibile durante la lettura.}}}

Riga 95 ⟶ 85:

In Vector 2022 si trova nella barra laterale e ed è stato reso fisso sulla pagina: in questo modo è più facile navigare tra le diverse sezioni ed è [[#I_menu_sono_disponibili_in_tre_stati:_l'interfaccia_è_più_chiara_e_personalizzabile.|sempre disponibile sulla pagina]] senza dover scorrere fino in cima.

Quando viene chiuso, è "nascosto" sotto all'icona [[File:OOjs UI icon listBullet-ltr.svg|linkclass=skin-invert]] nella barra del titolo.

Durante la lettura, la sezione consultata è in grassetto. È possibile aprire o chiudere le sottosezioni secondo le proprie esigenze. Il link "Inizio" permette di risalire in cima alla pagina.

Riga 113 ⟶ 103:

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">Gli {{{1|strumenti della pagina}}}</span> {{{2|sono stati spostati in un menu sulla destra.}}}

Riga 122 ⟶ 110:

Questo permette di navigare in maniera più intuitiva e di distinguere con chiarezza tra gli strumenti per navigare all'interno del wiki in generale ("Menu principale", sulla sinistra) e gli strumenti relativi alla pagina specifica che si sta guardando (menu degli "Strumenti", sulla destra).

Facilita inoltre e rende più intuitiva la comprensione della funzione di ogni link, senza doverci cliccare sopra. [[#I_menu_sono_disponibili_in_tre_stati:_lL'interfaccia_è_più_chiara_e_configurabileinterfaccia è configurabile e i menu sono disponibili in tre stati.|Come spiegato qui sotto]], abbiamo voluto ridurre la confusione dovuta all'eccesso di link per i nuovi lettori e i nuovi contributori.

Come altri elementi di Vector 2022, l'indice è sempre disponibile sulla pagina, quando viene chiuso si trova nella [[Aiuto:Tour_guidato/Tutorial_1|barra degli strumenti della pagina]] (la barra orizzontale delle linguette della pagina) sotto la scritta <code>Strumenti</code>. (vedi [[#I_menu_sono_disponibili_in_tre_stati:_lL'interfaccia_è_più_chiara_e_configurabileinterfaccia è configurabile e i menu sono disponibili in tre stati.|i tre stati dei menu]]).

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features/Page_tools|Vai alla pagina dedicata agli '''{{{1|strumenti della pagina}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">Il {{{1|menu utente}}}</span> {{{2|raggruppa i link dell'utente.}}}

Riga 136 ⟶ 123:

Solo le notifiche e la lista degli osservati speciali si trovano fuori dal menu e sono accessibili con un solo click, quest'ultima in particolare su richiesta dei wiki pilota.

Per gli utenti connessi il menu utente è sempre disponibilidisponibile in qualunque punto della pagina, sulla destra dell'header fisso.

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features/User_menu|Vai alla pagina dedicata a '''{{{1|menu utente}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">Le {{{1|rifiniture grafiche}}}</span> {{{2|rendono l'interfaccia accessibile e visivamente coerente.}}}

}}

Ci sono vari fattori che influenzano la [[leggibilità]] -– per esempio la dimensione del font, il contrasto, il tipo di font, la lunghezza della linea, e lo spazio vuoto.

Abbiamo proceduto con delle rifiniture grafiche, ossia delle

migliorie al design che rendono coerente l'interfaccia nel suo insieme e in linea con il [https://design.wikimedia.org/style-guide/ Manuale di stile] e le [[Web Content Accessibility Guidelines|linee guida per l'accessibilità dei siti Web]] pubblicate dal Web Accessibility Initiative.

Abbiamo [[:mw:Reading/Web/Desktop_Improvements/Features/Visual_Refinements#Swapping_the_order_of_Page_Title_and_Tabs|invertito l'ordine della barra del titolo della pagina e della barra degli strumenti della pagina]] (la barra orizzontale delle linguette della pagina). Abbiamo messimesso in evidenza bordi e sfondo e modificato i colori dei link. Il font è stato ingrandito, in attesa di rendere la dimensione del font personalizzabile. Abbiamo indicato la sezione attiva dell'indice e lavorato sulla configurabilità delle sezioni.

Questi cambiamenti rendono coerenti le funzionalità sviluppate separatamente e l'interfaccia nel suo insieme. Inoltre, [[:mw:Reading/Web/Desktop_Improvements/Frequently_asked_questions/it#Accessibilità|aumentano l'accessibilità]] di Wikipedia. (Leggi anche [https://diff.wikimedia.org/2023/01/27/how-the-new-wikipedia-design-focused-on-accessibility/ il nostro post su ''Diff'' sull'accessibilità di Vector 2022])

Riga 155 ⟶ 141:

<div class="aa-en-tete-aide-petit" style="text-align:right;">[[:mw:Special:MyLanguage/Reading/Web/Desktop_Improvements/Features/Visual Refinements|Vai alla pagina dedicata alle '''{{{1|rifiniture grafiche}}}''']]</div>

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">{{{1|L'interfaccia è configurabile}}}</span> e {{{2|i menu sono disponibili in tre stati.}}}

Riga 170 ⟶ 155:

[[File:DI_Project_-_collapsed_and_pinned_menus.gif|frameless|center|600px]]

{{Sezione a tendina fine}}

{{Sezione a tendina inizio

|titolo=<span style="color:#0645AD">Il {{{1|codice di Vector 2022}}}</span> {{{2|è stato migliorato avendo in testa la performance.}}}

Riga 183 ⟶ 167:

{{Sezione a tendina fine}}

<!-- [[Categoria:Vector 2022|Presentazione]] ora in [[Utente:Patafisik (WMF)/Sandbox2/C]] -->

</div>