Architettura dell'Informazione
62 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quale delle seguenti tipologie di navigazione è specifica per sezioni o categorie?

  • Navigazione Locale (correct)
  • Navigazione Breadcrumb
  • Navigazione Globale
  • Navigazione di Utility

    • Qual è la principale caratteristica di un wireframe Low-Fidelity?

  • Prototipi realistici e interattivi
  • Revisione approfondita della struttura
  • Disegni a mano o digitali semplici (correct)
  • Dettagli complessi e colori ricercati

    • Qual è uno svantaggio dei prototipi Hi-Fi?

  • Costi più elevati (correct)
  • Difficoltà nel testare le funzionalità
  • Feedback limitati
  • Mancanza di interattività

    • Quale fattore non è considerato nel design della navigazione?

    <p>Scelta del tipo di contenuto</p> Signup and view all the answers

    Il metodo Think Aloud Protocol è utilizzato principalmente per:

    <p>Comprendere i processi mentali degli utenti</p> Signup and view all the answers

    Qual è la dimensione ideale del testo per i dispositivi mobile secondo le linee guida sul design?

    <p>12-16pt</p> Signup and view all the answers

    Quali sono le unità di misura preferibili per la tipografia in un design responsivo?

    <p>rem ed em</p> Signup and view all the answers

    Quale rapporto di contrasto è considerato minimo per garantire l'accessibilità dei colori?

    <p>4.5:1</p> Signup and view all the answers

    Qual è la funzione principale degli elementi semantici nella palette colori di un design?

    <p>Messaggi specifici come errori</p> Signup and view all the answers

    Cosa si cerca di ottenere nel pairing dei font secondo le linee guida sul design?

    <p>Contrasto e armonia</p> Signup and view all the answers

    Qual è la funzione principale delle classi di dimensioni delle finestre?

    <p>Definire come un layout deve adattarsi allo spazio disponibile</p> Signup and view all the answers

    Quale di questi breakpoint si usa tipicamente per smartphone in verticale?

    <p>Compact (Width &lt; 600dp)</p> Signup and view all the answers

    Quale affermazione riguardo ai layout canonici è corretta?

    <p>Rappresentano modelli base per diverse applicazioni</p> Signup and view all the answers

    Qual è un metodo alternativo per gestire il multi-window su dispositivi che non supportano la maniglia di trascinamento?

    <p>Pulsanti per scambiare i layout</p> Signup and view all the answers

    Cosa rappresenta un layout a Feed?

    <p>Una composizione a griglia per contenuti dinamici</p> Signup and view all the answers

    Quale delle seguenti affermazioni sulle griglie è corretta?

    <p>La griglia a colonne può variare in base al dispositivo, come 12 colonne per desktop e 4 per mobile.</p> Signup and view all the answers

    Qual è l'obiettivo principale delle Web Content Accessibility Guidelines (WCAG)?

    <p>Rendere il web accessibile a tutti, comprese le persone con disabilità.</p> Signup and view all the answers

    Quale affermazione riguardo alle Style Tiles e agli Element Collages è vera?

    <p>Le Style Tiles comunicano l'atmosfera visiva senza richiedere mockup dettagliati.</p> Signup and view all the answers

    Quale delle seguenti euristiche non è parte delle 10 Usability Heuristics di Jakob Nielsen?

    <p>Facilitare l’accesso a funzionalità per utenti avanzati.</p> Signup and view all the answers

    Quale livello di accessibilità rappresenta l'eccellenza accessibile secondo le WCAG?

    <p>Livello AAA</p> Signup and view all the answers

    Signup and view all the answers

    Quale aspetto non è fondamentale per la mappatura degli asset in un progetto transmedia?

    <p>Utilizzo di social media per marketing</p> Signup and view all the answers

    Qual è una caratteristica distintiva del design Mobile-first rispetto al design Desktop-first?

    <p>Semplicità e prestazioni ottimizzate</p> Signup and view all the answers

    Quale linea guida specifica è adottata per il design su dispositivi Android?

    <p>Material Design Guidelines</p> Signup and view all the answers

    Qual è l'aspettativa di caricamento per un sito web su dispositivi desktop?

    <p>Circa 5 secondi</p> Signup and view all the answers

    Qual è il principale vantaggio dell'approccio Atomic Design nella progettazione digitale?

    <p>Favorisce i sistemi di design dinamici</p> Signup and view all the answers

    Quale di queste affermazioni non è vera riguardo al design dei progetti responsivi?

    <p>Favorisce elementi statici immutabili</p> Signup and view all the answers

    Nel mobile, quale sensore è comunemente utilizzato per creare esperienze immersive?

    <p>Accelerometro</p> Signup and view all the answers

    Qual è il principio alla base della Legge di Postel?

    <p>Essere tolleranti rispetto agli input, ma precisi nelle risposte.</p> Signup and view all the answers

    Quale legge suggerisce di posizionare elementi correlati vicini per migliorare la comprensione?

    <p>Legge della prossimità</p> Signup and view all the answers

    Cosa descrive l'Effetto di Von Restor?

    <p>La facilità di ricordare oggetti distinti all'interno di un gruppo simile.</p> Signup and view all the answers

    Quale delle seguenti affermazioni è vera riguardo alla Soglia di Doherty?

    <p>Indicizza la produttività che aumenta se un sistema risponde entro 400 ms.</p> Signup and view all the answers

    Qual è il concetto fondamentale della Legge della somiglianza?

    <p>Gli elementi visivamente simili vengono percepiti come un gruppo.</p> Signup and view all the answers

    Qual è il principale vantaggio dell'uso di riquadri multipli nei layout espansi?

    <p>Adattano dinamicamente il contenuto a seconda dello spazio disponibile.</p> Signup and view all the answers

    Qual è lo scopo principale delle classi di dimensioni delle finestre?

    <p>Definire come un layout deve adattarsi allo spazio disponibile.</p> Signup and view all the answers

    In quale caso si utilizza il layout a singolo riquadro?

    <p>Per smartphone in verticale con larghezza inferiore a 600dp.</p> Signup and view all the answers

    Quale dichiarazione sui layout canonici è corretta?

    <p>Forniscono modelli base per diverse applicazioni.</p> Signup and view all the answers

    Quale delle seguenti affermazioni sui breakpoints delle Window Size Classes è falsa?

    <p>Le classi di dimensioni non influenzano la visualizzazione del contenuto.</p> Signup and view all the answers

    Quali elementi devono essere considerati nella progettazione di una Window Size Class?

    <p>Come e quali elementi devono essere ridimensionati.</p> Signup and view all the answers

    Quale metodo può essere utilizzato per scambiare i layout sui dispositivi che non supportano la maniglia di trascinamento?

    <p>Applicare pulsanti per cambiare layout.</p> Signup and view all the answers

    Cosa determina un layout a Feed in un'applicazione?

    <p>Composizione a griglia per contenuti riadattabili.</p> Signup and view all the answers

    Quale dei seguenti utilizzi rappresenta la classe 'Compact' nelle Window Size Classes?

    <p>Layout per smartphone in verticale con margini di 16dp.</p> Signup and view all the answers

    Qual è l'importanza del test di 20 secondi nella progettazione di artefatti digitali?

    <p>Aiuta a definire i valori estetici condivisi.</p> Signup and view all the answers

    Qual è la dimensione raccomandata per il testo sui tablet secondo le linee guida sul design?

    <p>15-19pt</p> Signup and view all the answers

    Quale delle seguenti affermazioni è corretta riguardo all'interlinea nel design tipografico?

    <p>La misura ideale per l'interlinea è il 145-150% della dimensione del carattere.</p> Signup and view all the answers

    Nella creazione delle palette colori, quale categoria è riservata per i messaggi specifici come errori?

    <p>Colori semantici</p> Signup and view all the answers

    Quando si selezionano caratteri per il design digitale, quale fattore non deve essere trascurato?

    <p>Il numero totale di caratteri disponibili</p> Signup and view all the answers

    Quale delle seguenti affermazioni sui layout compact è vera?

    <p>Si sviluppano verticalmente con una lista di card.</p> Signup and view all the answers

    In un layout responsivo, perché è importante mantenere una gerarchia visiva nel testo?

    <p>Per migliorare la leggibilità e la comprensione.</p> Signup and view all the answers

    Qual è un errore comune quando si sceglie il colore per un design accessibile?

    <p>Non considerare il rapporto di contrasto minimo di 4,5:1.</p> Signup and view all the answers

    Quale caratteristica rende un'icona facilmente riconoscibile?

    <p>La sua funzionalità e chiarezza comunicativa.</p> Signup and view all the answers

    Qual è la principale preoccupazione quando si realizzano card in layout digitali?

    <p>Possono nascondere elementi non essenziali sui dispositivi piccoli.</p> Signup and view all the answers

    Quale legge suggerisce di limitare il tempo per completare un compito migliorando così l'esperienza utente?

    <p>Legge di Parkinson</p> Signup and view all the answers

    Quale legge sostiene che la memoria a breve termine può gestire circa sette elementi?

    <p>Legge di Miller</p> Signup and view all the answers

    Cosa indica il 'paradosso dell'utente attivo' nel contesto del design?

    <p>Gli utenti iniziano a usare un software senza familiarizzare con esso.</p> Signup and view all the answers

    Quale legge afferma che il tempo necessario per prendere una decisione aumenta con il numero di opzioni?

    <p>Legge di Hick</p> Signup and view all the answers

    Quale principio etico sostiene che gli utenti trovano più usabili i design esteticamente gradevoli?

    <p>Effetto estetico-usabilità</p> Signup and view all the answers

    Secondo la Legge di Fitts, cosa determina il tempo necessario per raggiungere un obiettivo?

    <p>La distanza dell'obiettivo e la sua grandezza.</p> Signup and view all the answers

    Qual è l'importanza della Legge di Jakob nel design web?

    <p>Suggerisce che gli utenti preferiscono interfacce che funzionano come siti noti.</p> Signup and view all the answers

    Quale delle seguenti affermazioni è vera riguardo al 'goal-gradient effect'?

    <p>Forniamo indicazioni circa i progressi per incentivare il completamento.</p> Signup and view all the answers

    Cosa rappresenta la Legge di Prägnanz nel contesto della Gestalt?

    <p>Le persone tendono a percepire forme semplici piuttosto che complesse.</p> Signup and view all the answers

    Qual è l'impatto di suddividere compiti complessi in fasi secondo la Legge di Hick?

    <p>Facilita la scelta e riduce il tempo di decisione.</p> Signup and view all the answers

    Study Notes

    Architettura dell'Informazione (IA)

    • L'IA è il processo di strutturazione, organizzazione ed etichettatura di contenuti digitali per renderli accessibili e comprensibili agli utenti.
    • Non è visibile all'utente, ma è la base per lo sviluppo dell'interfaccia e dell'esperienza utente.
    • Una buona IA migliora la findability (capacità di trovare ciò che si cerca) e la discoverability (capacità di scoprire nuove informazioni).
    • Componenti principali:
      • Contenuto: analisi e organizzazione dei dati.
      • Utente: esigenze e aspettative.
      • Contesto: ambiente d'uso del sistema.

    Processi correlati

    • Content Inventory: lista dettagliata dei contenuti digitali disponibili per l'analisi.
    • Content Audit: valutazione della qualità del contenuto, identificando elementi da aggiornare, eliminare o integrare.
    • Taxonomy: elenco gerarchico di termini per classificare i contenuti, facilitando la navigazione.
    • Metodi come Card Sorting e Tree Testing sono fondamentali per una tassonomia efficace.
    • Sitemaps: rappresentazioni visive della struttura gerarchica dei contenuti, mostrando relazioni tra pagine e flussi informativi.

    User Flow

    • È una rappresentazione grafica dei percorsi che un utente può seguire per completare attività all'interno di un sistema.
    • Elementi principali:
      • Inizio/fine (ovale)
      • Azioni/processi (rettangolo)
      • Decisioni (diamante)
      • Flusso/percorso (freccia)
    • Fasi operative:
      • Identificazione obiettivi utente.
      • Allineamento sistema agli obiettivi.
      • Definizione punti di accesso e informazioni necessarie.
      • Creazione mappa visiva del flusso
      • Test e revisione
    • La navigazione comprende gli elementi che permettono agli utenti di accedere alle informazioni in modo rapido ed efficace.
    • Tipologie: globale, locale, utility, breadcrumb.
    • Fattori da considerare nel design:
      • Elementi da includere nei menu.
      • Posizionamento degli elementi.
      • Aderenza ai modelli di navigazione.

    Wireframing

    • È una rappresentazione schematica di una pagina web o di un'app, con l'evidenziazione della struttura e dei principali elementi funzionali.
    • Tipologie: Low-Fidelity (Lo-Fi), Mid-Fidelity (Mid-Fi), High-Fidelity (Hi-Fi).
    • Vantaggi:
      • Identificare e correggere problemi nelle prime fasi del progetto.
      • Favorire la collaborazione nel team e con gli utenti.

    Prototipazione e Testing

    • Processo di creazione di modelli (Lo-Fi o Hi-Fi) per testare design e funzionalità.
    • Prototipi Lo-Fi: vantaggiosi per test preliminari, ma con limitata interattività.
    • Prototipi Hi-Fi: dettagliati e realistici, ma con costi maggiori. Utile per test più approfonditi.

    Think Aloud Protocol

    • Metodo di testing in cui gli utenti esprimono verbalmente le loro impressioni mentre interagiscono con il prototipo.
    • Utile per comprendere i processi mentali degli utenti e migliorare l'interfaccia.

    Formati e Layout

    • Mobile: schermi piccoli, risoluzioni inferiori, utilizzo verticale.
    • Desktop: schermi grandi, risoluzioni superiori, utilizzo orizzontale.
    • Tipologie di layout: Fixed, Responsive, Fluid, Adaptive.

    Contesto d'uso e interazioni

    • Desktop: ambiente tranquillo, attività complesse, utente concentrato.
    • Mobile: utilizzo in movimento, attività rapide, utente spesso distratto.
    • Interazioni: Mobile basate su touch, Desktop con mouse e tastiera.
    • Dimensioni pulsanti: iOS 44x44 px, Android 48x48 dp.

    Contenuti

    • Adattamento: Mobile contenuti brevi e diretti, Desktop contenuti ricchi e complessi.

    Asset Mapping

    • Mappa che organizza schermate ed elementi per garantire coerenza tra dispositivi e canali.
    • Funzionalità accessibili su tutti i dispositivi
    • Workflow fluidi tra dispositivi diversi
    • Coerenza visiva e di tono in tutto il design.

    Performance e Standard

    • Mobile: utilizzo sensori (GPS, accelerometro, fotocamera) per esperienze immersive, aspettative di caricamento < 3 secondi.
    • Desktop: maggiore capacità di elaborazione e memoria, aspettative di caricamento ≤ 5 secondi.

    Approcci al design

    • Mobile-first: priorità al design per dispositivi mobili.
    • Desktop-first: design iniziale per desktop, ma con difficoltà di adattamento a dispositivi mobili.

    Atomic Design

    • Sistema modulare per il design di interfacce digitali, basato su componenti organizzati in livelli.
    • Livelli: Atomi (elementi base), Molecole (combinazioni di atomi), Organismi (combinazioni di molecole), Template (struttura di pagine), Pagine (istanze di template).

    Flipped Classroom - Layout

    • Layout efficace manipola il centro visivo dell'utente, ottimizzando l'esperienza.
    • Spazi vuoti per migliorare la leggibilità.
    • Classi di dimensioni delle finestre, per la variazione del layout in base all'ambiente e allo schermo.
    • Componenti principali: Colonne, Margini, Riquadri, Maniglie, Distanzianti, Folds.
    • Tipi di riquadri: fissi, flessibili, multipli.

    Multi-window

    • Multi-window per visualizzare più app contemporaneamente, con riquadri ridimensionabili.
    • Possibili pulsanti/impostazioni in-app per personalizzare la visualizzazione.
    • Classi di dimensioni delle finestre: Compact, Medium, Expanded, Large, Extra-Large.

    Immersione nel web

    • Stato psicologico dove l'utente è assorbito dal contenuto e dalle interazioni.
    • Influenzata da stimolazione sensoriale, coinvolgimento cognitivo e predisposizione emotiva.
    • Metodologia di ricerca: revisione di letteratura, analisi di casi studio e test con utenti.
    • Dimensioni principali: vividezza, interattività.
    • Qualità immersive: controllo, sensoriale, distrazione, realismo, comprensione spaziale.

    Multimedia Package

    • Combinazione di più media interattivi con funzionalità interattive.
    • Fasi di progettazione: analisi dei contenuti, definizione degli obiettivi, scelta dei linguaggi e delle modalità di interazione.
    • Obiettivi comunicativi: contenuti principali, supporto, approfondimento.
    • Moduli di contenuto: basati su immagini, video, audio.
    • Operazioni principali: trasformazione, aggregazione, traduzione.
    • Casi studio per formati immersivi, articoli, narrazioni, story maps.

    Digital Design Theory

    • Evoluzione del design digitale in tre fasi:
      • Structuring the Digital (1960-1980): Interfacce grafiche, rete.
      • Resisting Central Processing (1980-2000): Personal computer, GUI, web.
      • Encoding the Future (2000-oggi): Collaborazione, interazioni organiche, ibridazione uomo-macchina.
    • Importanza di iterazione, design collaborativi e l'interazione uomo-macchina.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    Digital Media PDF

    Description

    Questo quiz esplora i concetti fondamentali dell'Architettura dell'Informazione (IA), compresi i processi di strutturazione e organizzazione dei contenuti digitali. Scoprirai l'importanza della findability e discoverability, nonché strumenti chiave come il Content Inventory e la Taxonomy. Testa la tua comprensione di come l'IA influisce sull'esperienza utente.

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser