Guida al sito
Struttura del sito
Il sito è strutturato in 4 sezioni principali che individuano le nostre aree di attività :- Siti Internet
le varie tipologie di prodotti (componenti, moduli, soluzioni), i servizi, le risorse (articoli di approfondimento, glossari, links, libri) utili per la realizzazione e la promozione di un sito Internet e le domande frequenti (F.A.Q.) che ci sono state poste riguardo alla realizzazione di siti web. Infine, la vetrina di alcuni siti Web realizzati che hanno avuto maggiore successo online. - Grafica pubblicitaria
strutturata in maniera del tutto analoga alla sezione precedente, ossia le varie tipologie di prodotti (logo, biglietti da visita, brochures e volantini, immagine coordinata e fotoritocco), le risorse utili per i progetti grafici (articoli di approfondimento, glossari, links, libri), le domande frequenti (F.A.Q.) che ci sono state poste riguardo i progetti grafici. - Formazione
le categorie informatiche dei nostri corsi, le risorse utili (corsi online, links di siti didattici, manuali e libri) e le domande frequenti sui nostri corsi. - Consulenza
le nostre aree di intervento di consulenza informatica, i programmi di assistenza, le risorse e le domande frequenti.
Struttura delle pagine
Le pagine sono strutturate nel seguente modo:- Testata che è costituita da:
- logo CyberBizia;
- modulo di ricerca interna di aiuto alla navigazione. La ricerca tramite il modulo avviene digitando una o più parole chiave nel campo di input e quindi selezionando l'area di ricerca (pagine, prodotti, articoli);
- navigazione iconica con collegamenti ad ulteriori funzioni di aiuto alla navigazione (mappa e guida del sito), a strumenti di promozione e di utilità (Aggiungi ai preferiti, Segnala a un amico, Area Downloads, Area Clienti, Area Affiliati, Richiesta informazioni, Status Skype). Infine, l'icona rappresentante un carrello della spesa compare solamente quando l'utente compila un preventivo e ha inserito uno o più prodotti. Posando il mouse sull'icona, si potrà visualizzare l'ammontare di spesa inserito e, cliccando su di essa si visualizzarà il carrello della spesa vero e proprio comprensivo di tasse ed eventuali spese di spedizione e/o sconti.
- assistenza LiveSupport per comunicare direttamente con noi in tempo reale e avere subito risposte sia di carattere commerciale che tecnico (riservato ai clienti);
- barra di navigazione principale, con i collegamenti alle sezioni principali del sito. Ciascun collegamento nel menù di navigazione principale, conduce alla pagina introduttiva della relativa sezione principale del sito e apre la barra verticale di navigazione secondaria che contiene i collegamenti alle sottosezioni relative;
- barra di navigazione secondaria relativa ad una data area del sito è visibile in tuttte le pagine interne appartenenti a quell'area. Il menù secondario funge da riferimento indicando il percorso effettuato per arrivare alla pagina visualizzata: può essere utilizzato per orientarsi nel sito web e per tornare indietro nella navigazione.
- Barra destra che è costituita da:
- foto decorativa. È questo uno degli elementi a disposizione dei nostri collaboratori fotografi che desiderano avere una piccola galleria fotografica personale sul nostro sito. Periodicamente la foto decorativa potrà essere sostituita da prodotti che intendiamo mettere in evidenza;
- iscrizione alla Newsletter il modulo che consente ai visitatori di iscriversi alla newsletter di CyberBizia e ricevere notizie e annunci di interesse. Il modulo è corredato di icona che consente al visitatore di avere ulteriori informazioni sulla newsletter prima dell'iscrizione;
- articoli RSS le categorie e i canali di classificazione degli articoli pubblicati in formato RSS. Cliccando su ogni voce si accede all'elenco degli articoli appartenenti alla categoria selezionata. Trascinando sul proprio aggregatore RSS l' icona posizionata accanto a ciascun canale è possibile ricevere gli articoli all'atto della loro pubblicazione. Il menù è corredato di icona che consente al visitatore di avere ulteriori informazioni sull'utilizzo del formato RSS;
- gli articoli più letti la classifica, automaticamente aggiornata in tempo reale, degli aritcoli più popolari tra gli utenti del sito;
- Barra sinistra contiene più riquadri/menù:
- catalogo prodotti completo suddiviso per categorie. Cliccando su ciascuna categoria principale verrà visualizzato l'elenco di tutti i prodotti ad essa appartenenti, mentre i collegamenti relativi alle sottocategorie conducono alla visualizzazione dei prodotti filtrati su tale sottocategoria;
- prodotti in offerta che compare solamente se esistono prodotti in offerta speciale. Utilizzando il riquadro l'utente può visualizzare sia pagina in cui sono elencati tutti i prodotti in offerta, oppure la scheda di dettaglio di ciascun prodotto in offerta;
- prodotti consigliati che compare solamente se il nostro Ufficio Commerciale ha indicato prodotti che risultano particolarmente convenienti e con un elevato rapporto qualità/prezzo. Utilizzando il riquadro l'utente può visualizzare sia pagina in cui sono elencati tutti i prodotti consigliati, oppure la scheda di dettaglio di ciascun prodotto consigliato;
- prodotti più venduti che contiene la classifica aggiornata in tempo reale dei cinque prodotti più popolari tra i nostri clienti;
- anteprima carrello che compare solamente quando l'utente compila un preventivo e ha inserito uno o più prodotti. Si tratta di un vero e proprio carrello della spesa in cui compaiono i prodotti selezionati (con collegamento alla relativa pagina di descrizione), le quantità di ciascun prodotto, il relativo costo unitario e l'ammontare totale. Sono presenti tutti i collegamenti e i pulsanti che consentono di variare le quantità, di eliminare uno o più prodotti, di azzerare l'intero preventivo o di perfezionarlo, con l'aggiunta delle tasse e degli eventuali sconti, e quindi inviarlo al nostro ufficio di Assistenza al Cliente per la sua definizione.
- Piè di pagina che contiene:
- collegamenti alle principali aree del sito;
- collegamento alle informazioni sui diritti d'autore;
- informazioni circa la data dell'ultimo aggiornamento della pagina visualizzata;
- i nostri recapiti telefonici e gli eventuali identificativi aziendali.
- Corpo del documento che è costituito dai seguenti elementi principali:
- "briciole di pane": indicano linearmente il percorso effettuato per arrivare alla pagina visualizzata. Possono essere usate per orientarsi nel sito web e anche per tornare indietro nella navigazione. Le "briciole di pane" compaiono solamente quando necessarie, solitamente su pagine che si trovano in un livello di profondità superiore a 2 e che perciò non compaiono né nel menù di navigazione principale né in quello secondario;
- titolo del documento che indica anche l'area del sito che si sta visitando e sostituisce le "bricciole di pane" per le pagine che si trovano nei primi due livelli di profondità;
- testo del documento che oltre all'argomento trattato, può comprendere:
- il catalogo dei prodotti relativi all'area selezionata. In tal caso, appaiono solamente 5 prodotti per pagina, ma sarà possibile visualizzare i prodotti successivi grazie al menù di navigazione (primi, ultimi, precedenti, successivi) che appare in automatico quando necessario. Ciascuna scheda prodotto contiene una piccola immagine iconica, simbolica del prodotto, la possibilità di inserire uno o più pezzi del prodotto in preventivo e il collegamento alla relativa scheda di dettaglio;
- scheda prodotto che contiene la descrizione dettagliata dl prodotto e la possibilità di inserire uno o più pezzi del prodotto stesso in preventivo;
- lista FAQ in cui ciascuna domanda frequente appare come collegamento il quale, se cliccato, apre il box di risposta alla domanda stessa. Il box, oltre alla risposta, riporta anche il testo della domanda come collegamento che consente la chiusura del box stesso. In ogni caso, anche a box aperto, sulla pagina saranno sempre presenti i collegamenti rappresentanti ciascuna FAQ;
- glossari che appariranno come lista alfabetica in cui, ciascuna lettera costituisce un collegamento il quale, se cliccato, apre il box contente tutti i termini del glossario relativi alla lettera. Il box, oltre ai termini del glossario, riporta anche la lettera di appartenenza quale collegamento che consente la chiusura del box stesso. In ogni caso, anche a box aperto, sulla pagina saranno sempre presenti gli altri collegamenti letterali;
- elenco articoli di approfondimento relativi all'area del sito selezionata. Appariranno solamente 5 titoli con relativi abstract, per pagina, ma sarà possibile sfogliare l'elenco grazie al menù di navigazione (primi, ultimi, precedenti, successivi) che appare in automatico quando necessario. Ciascun titolo rappresenta un collegamento ipertestuale che conduce all' articolo completo.
Presentazione delle pagine
La presentazione delle pagine è realizzata con i fogli di stile. Con i browser che non supportano i fogli di stile oppure che li supportano in maniera non corretta, come Netscape Navigator della serie 4 e Microsoft Explorer della serie 4, alcuni elementi di decoro (immagini di background) non sono visibili. Il contenuto delle pagine risulta comunque leggibile sia se il browser non supporta i fogli di stile sia se questi ultimi sono stati disattivati.Per l'impaginazione si è cercato di rendere minimo l'utilizzo di tabelle.
Quando è presente documentazione in formato ZIP (.zip), Portable Document Format di Adobe (.pdf) e Word (.doc), questa è opportunamene segnalata ed è disponibile il tasto per scaricare il programma (download).
Accessibilità
ll sito www.cyberbizia.com è un'applicazione Web, ossia un sito interamente dinamico è dunque difficilmente compatibile a pieno con i principi di accessibilità per i disabili indicate dalle linee guida WCAG 1.0 del WAI.
Il sito ha superato il test automatico di Priorità AAA fornito dal servizio HiSoftware Content Quality.
Dove possibile si è utilizzato:
- collegamenti (link)
- tutti i collegamenti sono realizzati mediante elementi testuali;
- i collegamenti all'interno del testo dei documenti sono visibili come sottolineati e vengono evidenziati in negativo (sfondo scuro testo bianco) al passaggio del mouse. Dua eccezioni sono costituite dai titoli delle box FAQ e Glossari, che appaiono in rosso e in grassetto e dai titoli degli articoli di approfondimento, che appaiono in grassetto. In quest'ultimo caso, tuttavia, si è dotato l'abstract dell'articolo del link "vai »»", che indica il link al documento completo.
- tutti i link hanno l'attributo "title" che fornisce la descrizione estesa ed eventuali istruzioni per il loro utilizzo.
- immagini
- tutte le immagini hanno l'attributo ALT che ne descrive sinteticamente il contenuto. Le immagini puramente descrittive hanno l'attributo ALT vuoto.
- per alcune immagini più complesse è presente il Longdesc o il cosiddetto D-link, link descrittivo. È realizzato con una D maiuscola posta immediatamente dopo l'immagine cui si riferisce ed è un collegamento ad un file nel quale l'immagine viene descritta in modo dettagliato. È utilizzato soprattutto nelle immagini contenute in alcuni articoli di approfondimento e che rappresentano grafici.
- access key e tabindex(tasti di accesso rapido)
consentono di attivare uno specifico link mediante la pressione di una data sequenza di tasti. In ambiente Windows si ottiene con la sequenza Alt + Access Key e poi Invio, in ambiente MacIntosh con la sequenza Ctrl + Access Key.
Conformità agli standard
Le pagine del sito sono scritte in XHTML 1.0 Strict e sono state verificate dal Markup Validation Service del consorzio W3C. Il sito è stato altressì validato per la conformità CSS2.
Tuttavia, come si è detto in precedenza, data la natura completamente dinamica del sito, non sempre potrà essere garantita la completa adesione a tali standard.
Vedi anche la pagina Controparte evoluta per ulteriori istruzioni all'utilizzo di questo sito.



