Elementi di informatica e web - di Guido Fusco · La caffettiera del masochista, Donald A. Norman....

29
a.a. 2017/2018 Guido Fusco - Michela Paola Cortese 1 Elementi di informatica e web

Transcript of Elementi di informatica e web - di Guido Fusco · La caffettiera del masochista, Donald A. Norman....

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 1

Elementidiinformaticaeweb

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 2

Elementidiinformaticaeweb

Progettazione=

Design

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 3

ProgettazioneSostantivo

attivitàallabasedellacostruzione/realizzazionediunoggettocomplesso,materialeoconcettuale

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 4

Waterfall model

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 5

Modelliiterativi

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 6

Designthinking

tuttoè esperienza

unprodottoèunserviziounservizioè un’esperienzaun’esperienzaèunarelazione

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 7

Elemento

Contesto

Emozione

= UX

Lauser experience èunametodologia diprogettazioneepuòesseredefinitaosservandotreelementichelacaratterizzano:

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 8

“Seavessichiestoallepersonecosadesideravano,miavrebberorisposto:uncavallopiùveloce.”

HenryFord

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 9

user experience elosviluppodiprogettiuser centered

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 10

user experience

›ruolocentraledell’utente›ISO›animedellaUX

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 11

›ruolocentraledell’utente›ISO›animedellaUX

user experience

Èindispensabilecheilprogettosiacostruitoilpiùfedelmentepossibileintornoalui,alsuopensiero,alsuomododiagire:loscopoèottenereun’esperienzautenteinvisibile,facilmenteintuibile,senzalosforzodiunriconoscimentocognitivoesenzailrischiodiimbattersiinformedidecodificatortuosepercompiereilpassaggiodalmodellomentaledelprogettistaequellodell’utilizzatorefinale.

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 12

›ruolocentraledell’utente›ISO›animedellaUX

user experience

LostandardISO13407èstatounodeiprimipronunciamentiintemadihumancentered design (HCD)dapartedell’ISO.Nel2011èstatoaggiornatoeripubblicatocomeISO9241-210perportarloinlineaconglialtristandarddiusabilitàISO.

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 13

›ruolocentraledell’utente›ISO›animedellaUX

user experience

Iltermineuser experience èdaconsiderarsicomeunumbrella term inquantoquestodisciplinaabbracciatuttelefasidelprocessodiprogettazione.Ilvisual design,l’informationarchitecture,l’interaction design,lausability, lauser research elacontent strategy.

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 14

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 15

I l v i s u a l des ign

Èlaprogettazioneperlosguardo.Èilpensareamaterialivisiviattiacreareun’esperienza.

Ilvisual designer deveessereingradofarconvergeretuttiquesticampiinununicoesolomessaggiouniformeecoerenteconunsolotonodivoce,combinandocreativitàefunzionalità.

prototipazione

copywritingtipografia

fotografiavideoediting

coloreinfoVis

illustrazione

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 16

Criticaportatilealvisual design,RiccardoFalcinelli

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 17

l ’ in format ion a r c h i t e c t u r e

L’architetturadell’informazioneèunadisciplinadeldesignchesiconcentrasulrendereleinformazionitrovabiliecomprensibili.

tagging

clusterizzazione tassonomie

Filtriafaccette

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 18

Informationarchitecture fortheworldwideweb,PeterMorville eLouisRosenfeld

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 19

L ’ i n t e r a c t i o n d e s i g n

Èunadisciplinacheappartieneall’ambitodistudidellaHCIhumancomputerinteraction el’obiettivofinalediquestadisciplinaèpotarel’usabilitàall’internodeiprodottiinterattivi

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 20

Lacaffettieradelmasochista,DonaldA.Norman

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 21

L a u s a b i l i t y

L’obiettivofinaledell’usabilitàèquellodirenderelatecnologiasottostanteinvisibile,trasparenteall’utente,ilqualedevepotersiconcentrareesclusivamentesulcompito,anzichésulmezzo.

JakobNielsen

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 22

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 23

L a u s e r r e s e a r c h

Perricercautentesiintendel’insiemedelletecnichediosservazionepercomprendereicomportamentidegliutenti,ilorobisognieleloromotivazioni.

focusgroup firstclicktesting

contextual interview

cardsorting

Individual interviews

parallel design usecasesUsability testing

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 24

Observing theuser experience,MikeKuniavsky

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 25

L a c o n t e n t s t r a t e g y

Laprogettazionedellastrategiadeicontenutihainizioconladefinizionedeirequisitidapartedeidesigner,degliobiettividapartedeglistakeholdereconl’identificazionedeibisogniedelleesigenzedegliutenti.

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 26

Contentstrategy fortheweb,KristinaHalvorson

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 27

DEFINIZIONE DEI REQUISITI

WEB DESIGN

VISUAL DESIGN

SVILUPPO SITO

CONTENT MARKETING

GESTIONE SITO

Architettura Informazione (A.I.)

Comunicazione: progetto grafico in relazione all'A.I.

Sviluppo: Scelta e sviluppo del software da usare

Redazione del contenuto

Obiettivi e vincoli al progetto

INIZIO FASE DI PROGETTAZIONE

INIZIO FASE DI SVILUPPO

PUBBLICAZIONE SITO- Monitoraggio. - Aggiornamento contenuti.- Mantenimento server.- Mantenimento software

USABILITA'U n m o d e l l o d i q u a l i t à

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 28

Libroditestodiriferimento

a.a.2017/2018 GuidoFusco- MichelaPaolaCortese 29

http://www.corso-informatica-web.com/appunti-corso/

Riferimenti

Contatti

[email protected]

[email protected]