Wikipedia:Vector 2022/T: differenze tra le versioni

Versione delle 19:20, 2 nov 2024

Versione attuale delle 02:17, 20 nov 2024

(2 versioni intermedie di 2 utenti non mostrate)

Riga 1:

__NOTOC__

<div style="max-width:80em; margin:auto;">

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

{{Sezione a tendina inizio

Riga 11 ⟶ 10:

|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 [[Wikipedia:Vector 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}}

Riga 24 ⟶ 23:

|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}}

Riga 35 ⟶ 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 44 ⟶ 43:

|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 50 ⟶ 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>

Riga 67 ⟶ 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 [[Wikipedia:Vector 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>

Riga 74 ⟶ 72:

|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

Riga 87 ⟶ 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 125 ⟶ 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>

Riga 132 ⟶ 130:

|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 168 ⟶ 166:

<div class="aa-en-tete-aide-petit" style="text-align:right;">[https://jdlrobson.com/posts/2023-01-17_the-new-wikipedia-appearance-that-took-a-whole-village Vai all post dedicato '''{{{1|al codice dietro a Vector 2022}}}''']</div>

{{Sezione a tendina fine}}

</div>

[[Categoria:Vector 2022]]