Perché i portali internet si devono sviluppare in lunghezza?

Slides:



Advertisements
Presentazioni simili
USABILITÁ Sembra banale, ma….
Advertisements

Testo, ipertesto e ipermedia
Dott. Nicola Ciraulo Internet ed il Web Dott. Nicola Ciraulo
Accessibilità, usabilità, credibilità
Progetto di: Jody Padulano Giuliano Polverari
IlTrovatore S.p.a. IlTrovatore RemoteSearch IlTrovatore mette a disposizione di portali Internet, piccole e medie imprese, tutto il suo know-how nel settore.
1 Introduzione ai calcolatori Parte II Software di base.
Interazione Uomo - Macchina
DBMS (DataBase Management System)
Unità A1 Informazioni e dati. Obiettivi Conoscere i principali concetti legati allinformatica Saper distinguere tra informazioni e dati Conoscere il concetto.
© 2007 SEI-Società Editrice Internazionale, Apogeo Unità A1 Informazioni e dati.
Ogni PC, per iniziare a lavorare, ha bisogno di un sistema operativo. Infatti questo è il primo programma che viene eseguito e che permette all'utente.
CONOSCIAMO IL WINDOWS '95.
Associazione Italiana Utenti ExLibris Pinassi Michele System manager ASB – Università degli Studi di Siena Cataloghi fuori di sé
La ricerca guidata in Internet
Modulo 4 – terza ed ultima parte Foglio Elettronico Definire la funzionalità di un software per gestire un foglio elettronico Utilizzare le operazioni.
Archivi   L’uso degli archivi deriva dalla necessità di conservare dati e informazioni in modo permanente affinché possano essere riutilizzate anche.
Multimedialità Ipertesto Interattività
Sistema Operativo Preparazione e prima fase di installazione del sistema Reperite tutti i driver più aggiornati per il vostro hardware scaricandoli da.
Luglio 2004Inter-Comunicazione 1 INTER-COMUNICAZIONE Luglio 2004 Internet ed i suoi effetti sulle nostre abitudini.
DIFFICOLTA’ DEL LINGUAGGIO
JavaScript Laboratorio di Applicazioni Informatiche II mod. A.
1 HTML - I Frame Laboratorio di Applicazioni Informatiche II mod. A.
LIM Lavagna interattiva multimediale. Che cosè la LIM?LIM.
IL PORTALE DEL REGISTRO ITALIANO DI CHIRURGIA VASCOLARE - SICVE (SICVEREG)
Accessibilità dei siti Web
Internet Explorer Il browser.
Progettazione dei Sistemi Interattivi (a.a. 2004/05) - Lezione 91 Il modello OAI (Object-Action Interface) Sintassi e semantica: la sintassi specifica.
Windows Sistema operativo con interfaccia grafica per PC IBM compatibili (varie versioni dal 95) La gestione dei file viene fatta secondo le modalità.
RISORSE WEB Internet Per un uso consapevole delle risorse della Rete
Cos’è un CMS? Content Management System
DBMS ( Database Management System)
Valutazione Usabilità Videogiornale Studentesco I 10 principi di Nielsen Alessandro Raimondi
Donato de Giglio, responsabile settore ICT presso AFFARITALIANI.IT Laurea in tecnologie dellinformazione e della comunicazione presso lUniversità degli.
Modulo 7 – reti informatiche u.d. 3 (syllabus – )
Internet I moduli web. Inviare informazioni Quando si comunica nel web, si ricevono messaggi e informazioni dai siti web, ma si debbono anche inviare.
MANUALI ANTICRISI eFalegname
COSA SI PUO’ FARE COL TABLET
Obiettivi: Favorire l’uso di strumenti informatici e telematici per migliorare la crescita culturale e l’informazione; sviluppare o rafforzare le loro.
Internet L’essenziale.
Il decalogo delle caratteristiche di un buon libro
STRUTTURA GENERALE DI UN ELABORATORE
Internet Ricerche nel web Gli indici sistematici (directory)
Iniziamo a usare il computer
1. Per cominciare Le operazioni di base per utilizzare il computer sono: laccensione e lo spegnimento. Mentre laccensione del PC si ottiene premendo il.
Primo accesso Dimenticato la password? Navigare in piattaforma Come accedere a un corso.
Fondamenti delle Reti di Computer Seconda parte Carasco 15/04/2010.
WORD Lezione n. 1 Aprire il programma Aprire un documento esistente
Presentazione 1.
2^ writer Presentazione 1 Presentazione 1.
Laboratorio Alfabetizzazione Informatica
Internet Explorer I preferiti Stampa di pagine web Salvataggio di pagine web Copia di elementi di pagine web in altri applicativi.
L’IPERTESTO.
Evolve. Il software EVOLVE consente un veloce accesso, visualizzazione ed estrazione dei dati contenuti nel data base dellAmministrazione del Personale.
Progetto Recupero “ITCS E. da Rotterdam”.
© 2012 Microsoft Corporation. Tutti i diritti sono riservati. Pianificare una riunione Lync È possibile pianificare una riunione Lync tramite il componente.
Microsoft Word Interfaccia grafica
“VIA GIUSEPPE BAGNERA”
Francesco Cicogna Creazione di un e-book E-book un e-Book (libro elettronico) è un libro in formato elettronico (digitale). E’ un file consultabile su.
MOTORI DI RICERCA. Un motore di ricerca è un sistema automatico che analizza un insieme di dati spesso da esso stesso raccolti e restituisce un indice.
ELABORAZIONE TESTI MICROSOFT WORD EM 09.
Guida alla navigazione nella piattaforma e nei corsi eLearning
CORSO DI ALFABETIZZAZIONE INFORMATICA ORIENTATO A INTERNET E ALLA PIATTAFORMA NOVARETE DIREZIONE DIDATTICA VI CIRCOLO NOVARA USABILITA’ E ACCESSIBILITA’
Flipped classroom e nuove metodologie didattiche Modulo 2 – Terza lezione Antonio Todaro “ Il Sito Web del docente ” prima parte.
Cloud Tecno V. Percorso didattico per l’apprendimento di Microsoft Access 4 - Le maschere.
I Sistemi Operativi. Definizione Per Sistemi Operativi (di seguito SO) si intendono quei pacchetti software, a loro volta costituiti da più sottoprogrammi.
Browser Browser: Applicazione che permette di visualizzare siti web e navigare su internet cliccando sui link presenti nei vari documenti o scrivendo le.
Un sito con Wordpress Includere Digital-mente – Corso livello 4 docente: prof.ssa MANUELA MARSILI.
Migrazione a Win2003 Server a cura del Prof. Arturo Folilela.
COSA E’ INTERNET (le opinioni delle 2 squadre!) COSA SONO I SITI WEB COME SONO FATTI (BENE E MALE) CONSIGLI PER L’USABILITA’ WEB.
Transcript della presentazione:

Perché i portali internet si devono sviluppare in lunghezza? Una strutta Web che occupi una sola schermata non è di difficile implementazione, ma è una layout datata e ormai abbandonata per i suoi limiti, soprattutto in quanto presenta varie problematiche che rendono un sito web difficile da navigare e soggetto nel breve periodo d’utilizzo a un progressivo disordine nei contenuti. http://www.artematica.eu - Per. Ind. Loris Modena

Premessa: Web Usability La web usability è un approccio della progettazione per rendere i siti web facili da usare per l'utente finale, senza richiedere all'utente di sottostare a una formazione specifica. L'utente deve essere in grado di mettere in relazione in modo intuitivo le azioni che ha bisogno di compiere nella pagina web con altre interazioni che svolge fisicamente nella vita quotidiana, come ad esempio premere un pulsante per ottenere un'azione. L'obiettivo principale della web usability è in sintesi: Presentare l'informazione all'utente in modo chiaro e conciso Offrire all'utente le scelte corrette, in una maniera che risulti ovvia Eliminare ogni ambiguità relativa alle conseguenze di un'azione (es. fare clic su cancella/rimuovi/compra) Mettere la cosa più importante nella posizione giusta della pagina web o dell'applicazione web. Oltre vent’anni di sinergie tra varie discipline: dall’informatica alle scienze cognitive hanno portato all’attuale struttura dei portali Internet. La struttura che si sviluppa in un’unica schermata senza scroll verticale è stata scartata dal Web 2.0 in quanto inefficiente e falsamente semplice nell’uso. La maggioranza dei portali presenta una struttura verticale frutto di studi multidisciplinari e dell’analisi statistica relativa all’interazione tra utenti e portali internet. Nella navigazione gli utenti tendono a seguire automatismi e operazioni familiari, una struttura che risulti antiquata e fuori standard risulta scartata con l’abbandono immediato da parte degli utenti sia inesperti che esperti del portale. Con la diffusione di Facebook e altri Social Network gli utenti hanno preso familiarità con le strutture tipiche della seconda era di Internet e di fatto i principali portali sia esteri che italiani si sono adeguati ai nuovi standard e la struttura che rimanga in un’unica schermata è di fatto scomparsa dal Web a favore di un sviluppo in lunghezza dei portali Internet. http://www.artematica.eu - Per. Ind. Loris Modena

Regola dei 3 Click! Un Sito Web che si sviluppi in un’unica schermata, va in contrasto con una delle più importanti regole dettate dalla Web Usability. L’utente giunto nel sito deve poter raggiungere le informazioni che cerca entro tre click dalla pagina in cui si trova. Una struttura simile brucia 2 Click in partenza e costringe ad abusare di link dividendo in contenuti in innumerevoli sezioni e categorie aumentando la complessità dell’intero portale internet. L’analisi statistica ha dimostrato che il mancato rispetto della regola dei 3 click - l’anteporre una pagina di selezione tra diverse aree di un portale o diverse lingue o versioni grafiche – porta ad un incremento esponenziale delle visite di rimbalzo portandole spesso oltre l’80%. Ovvero, 80% degli utenti che visitano un sito strutturato senza tenere conto di questa regola, lo abbandonano immediatamente in un tempo inferiore ai 20 secondi andando a cercare le informazioni altrove. Infatti, gli utenti si fermano sulla prima pagina e non proseguono la navigazione all’interno del portale, non trovando nulla di interessante su una pagina che, non sviluppandosi in verticale, non ha spazio per avere contenuti subito fruibili, abbandonano il sito senza interagire. Proprio per questo motivo, si tende a mettere nella pagine di un portale più informazioni possibili, i contenuti è importate siano immediatamente usufruibili e non ambigui, non potendo eccedere oltre i 1024 px orizzontali si espande in verticale il portale. http://www.artematica.eu - Per. Ind. Loris Modena

Contenuti Ridondanti Una sito web che si sviluppi in un’unica schermata senza necessità di scroll della pagina Web, crea inutili ridondanze di contenuti. Tali ridondanze creano: Ambiguità all’utente che si troverebbe spaesato e confuso, trovandosi a cercare in aree distinte rigidamente sequenziali e gerarchiche, abbandonerà la navigazione nel portale cercando l’informazione altrove. Difficoltà di aggiornamento e correzione dei contenuti, causata dal dover agire su contenuti simili se non identici in più punti del portale e dover visionare ogni volta più pagine per vedere gli effetti conseguenti di un nuovo inserimento o modifica. Un progressivo disordine dei contenuti a seguito della ridondanza dei medesimi e della scarsa possibilità d’organizzazione conseguente a un eccessiva rigidità della stuttura. Una penalizzazione da parte dei motori di ricerca che vedrebbero i contenuti come doppi e addirittura tripli considerando tale azione come un tentativo d’inganno e penalizzando pesantemente l’indicizzazione del portale. Oltre il 90% delle visite a un sito Web viene dai motori di ricerca una penalizzazione in tal senso è da evitare. Tale struttura risulterebbe chiara solo a chi ci lavora, gli utenti si troverebbero spiazzati. Non ultimo renderebbe difficile la navigazione da parte di software di supporto ai diversamente abili. http://www.artematica.eu - Per. Ind. Loris Modena

Navigazione: Articoli e contenuti In una struttura in cui il portale non si viluppi in verticale presenta la necessita di dividere in più pagine un articolo, cosa molto più scomoda e macchinosa rispetto allo scorrere con la “rotellina” del mouse come su un qualsiasi documento PDF o Word. La divisione in più pagine rende vana qualsiasi tecnica per rendere appetibile la lettura di un articolo, come dividere i periodi con uno spazio, per invitare a leggere il seguito del testo. Soprattutto maschera l’effettiva lunghezza del testo scoraggiando il lettore dal proseguire la lettura delle pagine seguenti. I motori di ricerca frantumerebbero il risultato facendo visitare a un eventuale utente solo la parte di un documento che contiene le parole chiave ricercate, quindi un lettore potrebbe giungere a pagina 10 di 20 di un artico, un po’ come se aprisse un libro su una pagina a caso non ne capirebbe il contenuto o addirittura lo fraintenderebbe e non sempre capirebbe di trovarsi in una porzione di un contenuto molto più vasto e articolato. I libri e riviste si sfogliano, il Web si naviga! Un altro problema di una struttura simile risiede negli elenchi di più articoli che, non potendo svilupparsi in verticale, risulterebbero suddivisi in un numero elevato di pagine e soprattutto presenterebbe meno informazioni come il solo titolo, non invitando quindi alla lettura e approfondimento. Diversamente in un portale che si sviluppa in verticale gli elenchi non solo possono rimanere su un’unica pagina, ma possono presentare un testo introduttivo che invogli alla lettura dell’articolo. Analogamente un articolo si svilupperebbe in un’unica pagina rendendo più facile la lettura. http://www.artematica.eu - Per. Ind. Loris Modena

Accessibilità Software di Supporto Il Mouse è adattato ai portali che si sviluppano in lunghezza. Il Web è vasto e sono presenti non solo diversi browser per la navigazione (Explorer, Firefox, Opera, ecc.), diversi Sistemi Operativi (Windows, Linux, Mac OX, BSD, ecc.) e diverse piattaforme Hardware, sono inoltre presenti, anche utenti che necessitano di software e hardware che sia loro di supporto a difficoltà psicomotorie di varia natura. Una struttura che nella pagina iniziale presenta un rimando ad altre sezioni interne e che non rispetti gli standard attuali, presenti ridondanze di contenuti , riduca il testo a favore di link o addirittura immagini ostacola i software che sono progettati per facilitare al navigazione ai diversamente abili. Stessi problemi avrebbero i software di traduzione e i spider/bot dei motori di ricerca che scandagliano il Web per indicizzare le informazioni in esso contenute. Con la nascita del Web il principale strumento d’interazione con il computer a subito importati modifiche per facilitare la navigazione nei portali verticali. http://www.artematica.eu - Per. Ind. Loris Modena

Risoluzione video Il passaggio dallo standard CRT (quelli con tubo catodico, pesanti e ingombranti) dei monitor ai nuovi schermi a LED (quelli piatti) ha aumentato la dimensione dei monitor passando rapidamente dai 15” ad oltre i 24”. Si è passati dunque, da una risoluzione di 800x600 dei vecchi CRT da 14” ad una di 1920x1080. L’area disponibile al desktop è praticamente più che raddoppiata e attualmente tutti i siti Web sono progettati per essere visti a una risoluzione minima orizzontale di 1024 pixel, di conseguenza una pagina strutturata per apparire entro la risoluzione di 1024x600 pixel come quella richiesta, occuperebbe metà dello schermo alla risoluzione attualmente più elevata ovvero 1920x1080. La scarsità di spazio per far apparire i contenuti in un’unica schermata senza bisogno di usare il testo Well del Mouse (la rotellina) ovvero una barra di scorrimento verticale, richiede l’uso di caratteri e immagini di piccole dimensioni che se leggibili a una risoluzione di 1024x600 risultano praticamente troppo piccole costringendo chi ha un monitor di ultima generazione o con una risoluzione più elevata (più del 70% degli utenti) a utilizzare l’apposita funzione del proprio browser par aumentare la grandezza dei caratteri o funzioni di zoom della pagina, macchinose e sconosciute alla maggioranza degli utenti, in quanto il portale a risoluzioni diffuse oggi come 1440x900, 1680x1050 risulterebbe di difficile lettura e di difficile navigazione. Eccedere le dimensioni di larghezza oltre i 1024 pixel comporta la comparsa a quella risoluzione di un odiosa barra orizzontale (ciò che avete notato in ospedale con il vecchio monitor CRT che ha una risoluzione di 800x600) oltre a quella classica verticale. Per questo motivo si tende a sviluppare un portale internet in lunghezza: la barra verticale è facilmente gestibile con la “rotellina” del Mouse ed è un’esperienza alla quale gli utenti sono abituati, una barra orizzontale è vista raramente e difficile di conseguenza da gestire. http://www.artematica.eu - Per. Ind. Loris Modena

Struttura e risoluzioni video Come si può notare con l’aumento della risoluzione video, le informazioni rimangono le medesime dando l’effetto di un progressivo rimpicciolimento del portale. Le informazioni contenute in una singola pagina risultano di conseguenza limitate. E’ un grande spreco di spazio! http://www.artematica.eu - Per. Ind. Loris Modena

Portale Verticale a diverse risoluzioni Come si può notare con l’aumento della risoluzione video, le informazioni visibili nella schermata principale aumentano in modo progressivo, eliminando l’effetto rimpicciolimento, malgrado la larghezza rimanga invariata. Lo spazio è ottimizzato! http://www.artematica.eu - Per. Ind. Loris Modena

Libri e riviste si sfogliano il web si naviga Il Web e Internet hanno cambiato il modo di leggere e di accedere all’informazione: una maggiore interattività, ricerche veloci e precise attraverso algoritmi semantici sempre più evoluti, hanno fatto dimenticare velocemente indici ed elenchi alfanumerici a favore di una struttura che è fortemente relazionale e non più come nella carta stampata fortemente gerarchica. L’accesso all’informazione si è fatto più rapido, ma anche più superficiale, le nuove generazioni nate con il Web non trovano difficoltà alcuna nella lettura a video dei contenuti, anzi ottengono da essa una maggiore resa in termini di comprensione del testo. Anche chi non è più giovane e non è solito alla lettura non trova difficoltà nell’accesso alle informazioni contenute in Internet. Diversamente chi si è abituato alla lettura di libri, giornali e riviste (una fetta minoritaria della popolazione) si trova disorientato inizialmente in quanto è abituato a reperire le informazioni accedendo in modo rigidamente sequenziale e gerarchico alle medesime, che non è il modo più semplice, né quello più corretto, ma dettato unicamente dalla fisicità e rigidità della carta stampata. Un articolo di un giornale non può espandersi con un click, non può richiamare un articolo presente su un numero precedente al suo interno, non può modificarsi e adattarsi alle richieste in modo dinamico, rimane rigido e racchiuso nei limiti fisici del supporto sul quale è stato stampato. Questa difficoltà è purtroppo oggi difficilmente colmabile, apprendere è semplice, correggere ciò che si è appreso è molto più difficile. Con il tempo e un accesso costante alla rete, con le novità introdotte dal Web 2.0 anche chi trova queste difficoltà comunque può velocemente trarre tutti i vantaggi da Internet certamente stamperà spesso i contenuti per poi leggerli in modo tradizionale. Strutturare un portale internet in modo sequenziale e gerarchico come fosse un libro, è come invertire il pedale dell’acceleratore con il freno in un autoveicolo. Chi non ha mai guidato non imparerà o lo farà in modo errato (in gli altri veicoli sono progettati in modo diverso), chi già sa guidare invece … http://www.artematica.eu - Per. Ind. Loris Modena