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 (D)</p> Signup and view all the answers

Il metodo Think Aloud Protocol è utilizzato principalmente per:

<p>Comprendere i processi mentali degli utenti (C)</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 (D)</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 (A)</p> Signup and view all the answers

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

<p>4.5:1 (C)</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 (B)</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 (D)</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 (D)</p> Signup and view all the answers

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

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

Quale affermazione riguardo ai layout canonici è corretta?

<p>Rappresentano modelli base per diverse applicazioni (B)</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 (C)</p> Signup and view all the answers

Cosa rappresenta un layout a Feed?

<p>Una composizione a griglia per contenuti dinamici (A)</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. (B)</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à. (A)</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. (B)</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. (B)</p> Signup and view all the answers

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

<p>Livello AAA (A)</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 (A)</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 (D)</p> Signup and view all the answers

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

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

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

<p>Circa 5 secondi (C)</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 (A)</p> Signup and view all the answers

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

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

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

<p>Accelerometro (D)</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. (D)</p> Signup and view all the answers

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

<p>Legge della prossimità (C)</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. (A)</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. (A)</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. (A)</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. (C)</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. (B)</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. (D)</p> Signup and view all the answers

Quale dichiarazione sui layout canonici è corretta?

<p>Forniscono modelli base per diverse applicazioni. (D)</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. (A)</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. (D)</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. (B)</p> Signup and view all the answers

Cosa determina un layout a Feed in un'applicazione?

<p>Composizione a griglia per contenuti riadattabili. (D)</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. (C)</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. (B)</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 (D)</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. (D)</p> Signup and view all the answers

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

<p>Colori semantici (D)</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 (A)</p> Signup and view all the answers

Quale delle seguenti affermazioni sui layout compact è vera?

<p>Si sviluppano verticalmente con una lista di card. (D)</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. (B)</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. (A)</p> Signup and view all the answers

Quale caratteristica rende un'icona facilmente riconoscibile?

<p>La sua funzionalità e chiarezza comunicativa. (C)</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. (A)</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 (B)</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 (A)</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. (C)</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 (B)</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à (C)</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. (B)</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. (D)</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. (A)</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. (C)</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. (B)</p> Signup and view all the answers

Flashcards

Navigazione

Gli elementi dell'interfaccia che aiutano gli utenti a navigare tra le informazioni in modo rapido ed efficace.

Navigazione Globale

Menu principali visibili su tutte le pagine del sito.

Navigazione Locale

Menu specifici per sezioni o categorie del sito.

Wireframe

Un disegno schematico di una pagina web o un'app che evidenzia la struttura e gli elementi funzionali.

Signup and view all the flashcards

Think Aloud Protocol

Un metodo di test in cui gli utenti verbalizzano le loro impressioni mentre interagiscono con il prototipo.

Signup and view all the flashcards

Riquadro flessibile

Un riquadro che si adatta dinamicamente allo spazio disponibile, cambiando dimensioni per adattarsi allo spazio del dispositivo.

Signup and view all the flashcards

Riquadri multipli

Si usano quando ci sono più riquadri con larghezze variabili per supportare dispositivi pieghevoli o layout dinamici.

Signup and view all the flashcards

Multi-window

Permette di visualizzare più app contemporaneamente, utilizzando riquadri ridimensionabili.

Signup and view all the flashcards

Classi di dimensioni delle finestre

Definiscono come un layout deve adattarsi allo spazio disponibile in base alla dimensione dello schermo.

Signup and view all the flashcards

Layout Canonici

Modelli base per diverse app, ottimizzati per adattarsi alle Window Size Classes.

Signup and view all the flashcards

20-second gut test

Un test che si svolge in 20 secondi per raccogliere informazioni dai clienti riguardo le preferenze estetiche di un progetto.

Signup and view all the flashcards

Adattabilità del design

Una strategia che punta a rendere il design adattabile a diverse dimensioni di schermo. Elementi non essenziali vengono nascosti sui dispositivi più piccoli e resi accessibili tramite menu o pulsanti.

Signup and view all the flashcards

Tipografia nel design digitale

La scelta di caratteri progettati per la lettura su schermo, con forme distintive e leggibili. Si considerano tipologia, altezza della X, larghezza, stile dei gli e peso.

Signup and view all the flashcards

Palette colore nel design digitale

L'uso strategico dei colori per guidare l'utente. Si distinguono colori primari (dominanti), secondari (accento), neutri e semantici (per messaggi specifici).

Signup and view all the flashcards

Icone nel design digitale

Elementi grafici che variano per riconoscibilità (universali, uniche, somiglianti, di referenza, arbitrarie), funzione (chiari catrici, decorative) e caratteristiche visive (flat, scheumorphic, glyph).

Signup and view all the flashcards

Transizioni nell'interfaccia

Le transizioni nell'interfaccia devono essere guidate e chiare, aiutando l'utente a comprendere i cambiamenti senza distrarlo.

Signup and view all the flashcards

Griglie nel design

La griglia è un sistema per organizzare i contenuti, dividendo la pagina in colonne, righe, moduli e altri elementi. Aiuta a creare ordine e coerenza visiva.

Signup and view all the flashcards

Style Tiles

Le Style Tiles sono una rappresentazione visiva dell'aspetto generale di un progetto, mostrando colori, tipografia e stile senza la necessità di mockup completi.

Signup and view all the flashcards

Element Collages

Gli Element Collages sono simili alle Style Tiles, ma includono anche la visualizzazione di elementi dell'interfaccia con gli stili applicati. Mostrano come gli elementi si integrano.

Signup and view all the flashcards

WCAG (Web Content Accessibility Guidelines)

Le WCAG definiscono linee guida per rendere i siti web accessibili a tutti, inclusi persone con disabilità. Si basano su quattro principi: percepibilità, operabilità, comprensibilità e robustezza.

Signup and view all the flashcards

Legge della somiglianza

Gli elementi visivamente simili vengono percepiti come un gruppo. Ad esempio, link, pulsanti e altre funzionalità dovrebbero essere distinti dal testo normale per una migliore organizzazione.

Signup and view all the flashcards

Legge della prossimità

Gli oggetti vicini tra loro vengono percepiti come correlati. Posiziona elementi correlati uno accanto all'altro per migliorare la comprensione.

Signup and view all the flashcards

Effetto Zeigarnik

Le persone ricordano meglio compiti incompleti o interrotti. Usa barre di avanzamento o notifiche per aumentare la motivazione del tuo pubblico.

Signup and view all the flashcards

Soglia di Doherty

La produttività aumenta quando un sistema risponde entro 400 ms. Usa feedback visivi e barre di avanzamento per ridurre la percezione dei tempi di attesa.

Signup and view all the flashcards

Legge della connessione uniforme

Elementi visivamente connessi vengono percepiti come più correlati rispetto a quelli non connessi. Usa linee, colori o forme per collegare visivamente elementi correlati.

Signup and view all the flashcards

Transmedia

Ogni canale racconta una parte autonoma, ma interconnessa, della narrazione.

Signup and view all the flashcards

Asset Mapping

Mappa che organizza schermate ed elementi per garantire coerenza tra dispositivi e canali.

Signup and view all the flashcards

Material Design Guidelines

Contiene linee guida per progettare applicazioni Android.

Signup and view all the flashcards

Mobile-first

Priorità al design per dispositivi mobili. Vantaggi: semplicità e prestazioni ottimizzate. Svantaggi: difficoltà di adattamento al desktop.

Signup and view all the flashcards

Desktop-first

Design iniziale per desktop. Vantaggi: maggiore creatività e completezza. Svantaggi: prestazioni inferiori su mobile.

Signup and view all the flashcards

Atomic Design

Un cambiamento di prospettiva nel design digitale, che crea sistemi dinamici basati su componenti adattabili.

Signup and view all the flashcards

Atomic Design (continua)

Metodo che si adatta perfettamente alle esigenze dei progetti responsivi, garantendo una maggiore coerenza e flessibilità.

Signup and view all the flashcards

Feed Layout

Composizione a griglia per contenuti, come schede o elenchi. Gli elementi si riadattano dinamicamente con il cambiamento dello spazio disponibile.

Signup and view all the flashcards

Domanda chiave per progettare una Window Size Class

Quali parti del layout devono essere visibili?

Signup and view all the flashcards

Domanda chiave per progettare una Window Size Class

Come dividere lo schermo?

Signup and view all the flashcards

Domanda chiave per progettare una Window Size Class

Quali elementi devono essere ridimensionati?

Signup and view all the flashcards

Legge di Parkinson

Un compito si espande per occupare tutto il tempo disponibile. Limiti il tempo necessario per completare un compito secondo le aspettative degli utenti per migliorare l'esperienza.

Signup and view all the flashcards

Legge di Miller

La memoria a breve termine di una persona può gestire circa sette elementi (± 2). Organizzare i contenuti in blocchi più piccoli aiuta a migliorarne la comprensione e la memorizzazione.

Signup and view all the flashcards

Legge di Hick

Il tempo necessario per prendere una decisione aumenta con il numero e la complessità delle opzioni. Ridurre il numero di scelte, suddividere compiti complessi in fasi e guidare gli utenti con opzioni raccomandate.

Signup and view all the flashcards

Effetto estetico-usabilità

Gli utenti percepiscono i design esteticamente gradevoli come più usabili. Un design visivamente piacevole può mascherare problemi di usabilità, quindi è importante testare sempre.

Signup and view all the flashcards

Legge di Fitts

Il tempo per raggiungere un obiettivo è funzione della distanza e della dimensione dell'obiettivo. Rendere i target abbastanza grandi e ben distanziati per facilitarne l'interazione.

Signup and view all the flashcards

Legge di Jakob

Gli utenti preferiscono che un sito funzioni come gli altri siti che conoscono. Sfruttare i modelli mentali esistenti per facilitare l'apprendimento e l'interazione.

Signup and view all the flashcards

Paradosso dell'utente attivo

Gli utenti iniziano subito a usare un software senza leggere il manuale. Integrare strumenti di guida nel contesto dell'interfaccia (es. tooltip) per supportare gli utenti.

Signup and view all the flashcards

Effetto goal-gradient

La motivazione degli utenti aumenta man mano che si avvicinano al completamento di un compito. Fornire indicazioni chiare sui progressi per incentivare la finalizzazione.

Signup and view all the flashcards

Legge di Prägnanz (Principi della Gestalt)

Le persone preferiscono percepire immagini complesse nella forma più semplice possibile. Semplificare le forme visive e creare gerarchie per guidare l'attenzione.

Signup and view all the flashcards

Gut Test di 20 secondi

Un test di 20 secondi che raccoglie feedback dai clienti riguardo le preferenze estetiche di un progetto. Si usano screenshot di siti web pertinenti o visivamente interessanti, valutati dai clienti in 20 secondi.

Signup and view all the flashcards

Psicologie degli utenti

I designer che ignorano i bisogni psicologici degli utenti rischiano di fallire. La comprensione della psicologia di un utente è fondamentale per creare design efficaci.

Signup and view all the flashcards

Linguaggio visivo

Un set di regole visive che definiscono l'aspetto generale di un progetto, inclusi i colori, la tipografia, l'iconografia e lo stile generale.

Signup and view all the flashcards

Layout per dispositivi pieghevoli

Un layout specifico per i dispositivi pieghevoli, che consente di visualizzare il contenuto in modo ottimale su schermi con più sezioni.

Signup and view all the flashcards

Variabili tipografiche

L'altezza della X, la larghezza, lo stile dei glif e il peso.

Signup and view all the flashcards

Unità di misura scalabili (rem ed em)

Unità di misura scalabili che si adattano alla dimensione del testo e del contenitore.

Signup and view all the flashcards

Gerarchia visiva con i colori

L'uso strategico dei colori per guidare l'utente in un progetto.

Signup and view all the flashcards

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