• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
AI (Architettura dell'Informazione) for dummies: lezioni e project work
 

AI (Architettura dell'Informazione) for dummies: lezioni e project work

on

  • 993 views

 

Statistics

Views

Total Views
993
Views on SlideShare
820
Embed Views
173

Actions

Likes
29
Downloads
0
Comments
6

5 Embeds 173

http://www.mauriziogalluzzo.it 115
http://astrastudio.eu 46
https://twitter.com 9
http://www.slideee.com 2
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

16 of 6 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    AI (Architettura dell'Informazione) for dummies: lezioni e project work AI (Architettura dell'Informazione) for dummies: lezioni e project work Presentation Transcript

    • Progettare un sito web: strumenti Project Work Trento, marzo2014 | DanielaCostantini
    • Lezioni
    • CHI COSTRUISCE UN SITO? l’architetto dell’informazione.
    • IA is… … the individual who organizes the patterns inherent in data, making the complex clear R.S.Wurman
    • information architecture (IA) is a practice of making sense of complexity COS’E’ L’AI? Abby Covert
    • COSA FA?  identificae rappresenta la struttura organizzativa delle informazionidi un ecosistema  al finedi favorirne la trovabilità, la funzionalità e l’usabilità  adottando un approccio di designcentrato sulla persona
    • design is a teamsport vagamundos
    • LE FASI DEL PROCESSO C. Lavazza
    • IDEAZIONE almoko
    • IDEAZIONE: gli elementi “exploring and defining the problem” obiettivi target requisiti vincoli
    • IDEAZIONE: gli strumenti di analisi
    • l’ascolto Interviste al cliente Interviste agli utenti Questionari Focus-group Osservazione diretta ThomasHawk
    • analisi competitiva ReneMensen
    • inventariocontenuti (audit)
    • personas
    • IDEAZIONE: gli strumenti di creazione
    • mappa concettuale
    • scketch
    • Qualche tecnica di co-design JenLen
    • brainstorming TheImageGroup
    • card-sorting Rosenfeld Media
    • 6-to-1
    • design the box Design by FireEvents
    • KJ method SeanMunson
    • DESIGN [che non vuol dire disegnare ma progettare] magnusfranklin
    • azioni individuazione del core message (ed eventuale payoff) 1
    • (pay off) riassume in una frase assai semplice l’essenzadell’azienda: Life is Now - Vodafone Dovec’è Barillac’è casa – Barilla Just do it – Nike Connecting People – Nokia Think different – Apple Cuoredi Panna – CornettoAlgida Re della Casa – Ariete Più bianco non si può – detersivo Dash
    • azioni definizione del layout 2
    • azioni strutturazione contenuti e menu di navigazione (labeling) 3
    • azioni definizione supporto alla navigazione (guida al sito, mappa, contatti, breadcrumbs…) 4
    • azioni scelta dei colori e delle principali impostazioni grafiche (visual designer) 5
    • (style guide)
    • strumenti
    • strumenti
    • strumenti wireframes sono la dichiarazionedi intenti di come sarà la struttura delle pagine
    • strumenti-> wireframe
    • tools wireframes online https://moqups.com/ https://gomockingbird.com/mockingbird/ http://www.mockflow.com/ http://creately.com/ https://wireframe.cc/ http://pencil.evolus.vn/Default.html http://blog.hotgloo.com/
    • adactio cross-channel experience
    • mobile. mobile…
    • SVILUPPO jesse757
    • RILASCIO tempusvolat
    • Ora lavoriamo. Insieme.
    • quale scenario Ideare una strutturadi sito-vetrinache ha come obiettivo primario quello di promuovereil marchioEcolabel, intesocome valoreaggiunto per una strutturaturistica che offreservizi e prodotti a ridottoimpattoambientale
    • IDEAZIONE: co-design
    • DELIVERABLES -> mappa concettuale
    • DELIVERABLES: specifiche strutturaAI
    • DELIVERABLES: wireframe
    • DELIVERABLES: prototipo
    • DELIVERABLES: prototipo CannedTuna
    • DELIVERABLES: prototipo
    • homepage: cosa metterci? HisforHome
    • la homepage: «the fold»
    • above the fold http://www.wordwatch.com/blog/conversion-tracking/above-the-fold-content-and-conversion-rates/
    • value proposition è una promessa di valore : è la ragione per cui un utente dovrebbe fermarsi (e «comprare») da noi.
    • buoni esempi di value proposition
    • buoni esempi di value proposition
    • buoni esempi di value proposition
    • «encourage scrolling»
    • «encourage scrolling»
    • «encourage scrolling»
    • eye tracking
    • screen sizes
    • Ora lavoriamo. Insieme.
    • mocqups