Docsity
Docsity

Prepara i tuoi esami
Prepara i tuoi esami

Studia grazie alle numerose risorse presenti su Docsity


Ottieni i punti per scaricare
Ottieni i punti per scaricare

Guadagna punti aiutando altri studenti oppure acquistali con un piano Premium


Guide e consigli
Guide e consigli


appunti di web design, Appunti di Design

appunti delle prime due lezioni

Tipologia: Appunti

2024/2025

Caricato il 19/02/2025

sara-barbero-2
sara-barbero-2 🇮🇹

1 documento

1 / 4

Toggle sidebar

Questa pagina non è visibile nell’anteprima

Non perderti parti importanti!

bg1
!
Lezione 1 10-02!
!
Temi!
User centered design: deve avere l’utente come punto di rifermento, conoscenza
degli utenti, metodologie per conoscerli meglio. Le scelte prese vanno a vantaggio
dell’utente? Avere come termine di confronto il destinatario finale. Un sito web che
non rispetta questa caratteristica riceve critiche di revisione.!
UX design: modellare, ipotizzare e testare le soluzioni che poi ci saranno
sull’interfaccia utente. Si disegna la pagina in cui l’utente si registra ecc. si deve poi
arrivare ad una soluzione sempre più adeguata ed ottimale!
Content design: il motivo per cui gli utenti passano del tempo su un sito sono i
contenuti, l’estetica è solo un plus.!
Architettura dell’informazione: organizzare i contenuti in modo che siano facili da
reperire all’interno del sito web. !
Usabilità: insieme di linee guida che permettono al prodotto di essere semplice da
utilizzare.!
Accessibilità: insieme di tecniche che permettono al sito web di essere
comprensibile e fruibile da un pubblico il più possibile universale. (Si può usare da
smartphone e pc, può essere descritto a voce ad un non vedente, può essere
utilizzato da chi ha problemi motori).!
Sviluppo web (HTML, CSS, Bootstrap) !
!
Strumenti!
Editor HTML, CSS: Notepad++, Sublime Text!
Progettazione UX: https://www.figma.com/!
!
Cos’è un sito web? Una rete di unità informative contraddistinte da un’omogeneità
tematica e stilistica, veicolate telematicamente attraverso il protocollo http. È un atto
di comunicazione, uno spazio di interazione e un artefatto tecnologico complesso.!
Non è monodirezionale. Possono ospitare contenuti diversi, si modificano i contenuti
e le sezioni.!
!
Siti orientati ai contenuti: il sito web è un insieme di contenuti informativi che
l’interfaccia utente deve presentare, rendere navigabili e reperibili con semplicità.
Funzione editoriale, si usano per informarsi ed apprendere.!
Siti orientati alle funzionalità: il sito web è un insieme di funzionalità volte alla
gestione di una base informativa, in modo simile ai normali software. Web
application: l’interfaccia deve consentire determinate operazioni di trattamento dei
dati e ne deve fornire un’adeguata rappresentazione. !
!
Web design come prodotto. Il web è un ambiente di comunicazione il cui protagonista
è l’utente. Si devono progettare interfacce-utente che accompagnano il flusso
operativo dell'utente in modo naturale, anticipando le sue esigenze, dialogando in !
pf3
pf4

Anteprima parziale del testo

Scarica appunti di web design e più Appunti in PDF di Design solo su Docsity!

Lezione 1 10- Temi

  • User centered design: deve avere l’utente come punto di rifermento, conoscenza degli utenti, metodologie per conoscerli meglio. Le scelte prese vanno a vantaggio dell’utente? Avere come termine di confronto il destinatario finale. Un sito web che non rispetta questa caratteristica riceve critiche di revisione.
  • UX design: modellare, ipotizzare e testare le soluzioni che poi ci saranno sull’interfaccia utente. Si disegna la pagina in cui l’utente si registra ecc. si deve poi arrivare ad una soluzione sempre più adeguata ed ottimale
  • Content design: il motivo per cui gli utenti passano del tempo su un sito sono i contenuti, l’estetica è solo un plus.
  • Architettura dell’informazione: organizzare i contenuti in modo che siano facili da reperire all’interno del sito web.
  • Usabilità: insieme di linee guida che permettono al prodotto di essere semplice da utilizzare.
  • Accessibilità: insieme di tecniche che permettono al sito web di essere comprensibile e fruibile da un pubblico il più possibile universale. (Si può usare da smartphone e pc, può essere descritto a voce ad un non vedente, può essere utilizzato da chi ha problemi motori).
  • Sviluppo web (HTML, CSS, Bootstrap) Strumenti
  • Editor HTML, CSS: Notepad++, Sublime Text
  • Progettazione UX: https://www.figma.com/ Cos’è un sito web? Una rete di unità informative contraddistinte da un’omogeneità tematica e stilistica, veicolate telematicamente attraverso il protocollo http. È un atto di comunicazione, uno spazio di interazione e un artefatto tecnologico complesso. Non è monodirezionale. Possono ospitare contenuti diversi, si modificano i contenuti e le sezioni.
  • Siti orientati ai contenuti: il sito web è un insieme di contenuti informativi che l’interfaccia utente deve presentare, rendere navigabili e reperibili con semplicità. Funzione editoriale, si usano per informarsi ed apprendere.
  • Siti orientati alle funzionalità: il sito web è un insieme di funzionalità volte alla gestione di una base informativa, in modo simile ai normali software. Web application: l’interfaccia deve consentire determinate operazioni di trattamento dei dati e ne deve fornire un’adeguata rappresentazione. Web design come prodotto. Il web è un ambiente di comunicazione il cui protagonista è l’utente. Si devono progettare interfacce-utente che accompagnano il flusso operativo dell'utente in modo naturale, anticipando le sue esigenze, dialogando in

modo cooperativo e senza mostrare il proprio funzionamento interno. Lo strumento deve essere un interlocutore e un collaboratore dell'azione, non un'autorità che impone il proprio modo di lavorare e di funzionare. Lezione 2 12- Web design come processo: 5 fasi che attraversa prima di essere pubblicato

  • Analisi preliminare
  • Ideazione o progettazione
  • Realizzazione o sviluppo
  • Test e debug (test in cui si correggono i problemi tecnici) assicurano le qualità del prodotto
  • Pubblicazione, monitoraggio e manutenzione Le tempistiche complessive delle singole fasi possono variare molto da progetto a progetto, queste tempistiche hanno un impatto sui costi del progetto. È quasi sempre un’opera collettiva che richiede la partecipazione di differenti professionalità. I siti web possono essere modificati nel giro di poco tempo. Test A/B: annuncio pubblicitario che verrà visto da più persone indirizzate su due siti molto simili ma con delle piccole modifiche, si renderà poi pubblico il sito con più visite. Un sito web è sempre il risultato di quattro forze:
  • utenti: a chi parlo, cosa permetto loro di fare con il mio sito
  • contesto: che risorse ho a disposizione, quali figure professionali verranno coinvolte, quante risorse economiche ricavo. Leggi e norme che regolano la pubblicazione di siti web online. Chi è il committente, chi commissiona un lavoro e paga per realizzarlo, il fine ultimo è vendere. Darà delle scadenze entro le quali avere il sito online.
  • contenuti: informazioni veicolate per il sito web, possono essere articoli, interviste, fotografie, video e funzionalità del sito

di navigazione sono utilizzati, quali strumenti sono offerti all’utente, come si sviluppa l’esperienza d’uso e quale modello di utente è sottinteso dal sito. L’obiettivo del metodo deve essere quello di raccogliere materiale che potrà successivamente essere discusso dal team di progettazione:

  1. Focus group e interviste agli utenti finali: gli utenti possono essere coinvolti in modo strutturato e non. Un’indagine strutturata pone le stesse domande anche in modalità chiusa a tutti gli utenti con cui si dialoga. Pianificazione, erogazione, sintesi e presentazione designers.italia.it sito in cui si parla di questionari online.
  2. Osservazione diretta
  3. Metodi sperimentali e test di usabilità
  4. Coinvolgimento / design partecipativo: l’utente deve essere coinvolto al design del nuovo sito.