• Save
User Centered Design per il Mobile, Un Approccio Cognitivo
Upcoming SlideShare
Loading in...5
×
 

User Centered Design per il Mobile, Un Approccio Cognitivo

on

  • 1,664 views

Lo User Centered Design (UCD) è un modo per progettare e costruire, App Native, WebApp o Servizi Mobile in genere, che tengono conto del punto di vista e delle esigenze dell’utente al fine di ...

Lo User Centered Design (UCD) è un modo per progettare e costruire, App Native, WebApp o Servizi Mobile in genere, che tengono conto del punto di vista e delle esigenze dell’utente al fine di realizzare un prodotto che risponda alle esigenze delle persone che lo utilizzeranno.

Come la nostra Mente Interagisce con il Design di un Interfaccia Utente? Come dobbiamo presentare i nostri Contenuti su un Dispositivo Mobile o su un Tablet? Quale Lingua usa la nostra mente per comunicare con un Interfaccia Utente?
Come Influenzare o Motivare un utente attraverso le nostre Applicazioni su un Dispositivo Mobile o un Tablet?

Queste sono solo alcune delle domande a cui daremo una risposta.

Nella Prima Parte analizzeremo le 4 Fasi (ISO 13407) dello User Centered Design (UX) e ne presenteremo alcune implementazioni in un Ottica Agile in modo da soddisfare i bisogni di singoli sviluppatori o piccoli team di design e sviluppo.

Nella Seconda Parte illustreremo i Fondamenti Cognitivi della User eXperience (UX) e vedremo, attraverso esempi concreti di progetti reali, come migliorare alcune tecniche classiche di design e come risolvere attraverso nuovi approcci situazioni tipiche della maggior parte dei progetti.

Statistics

Views

Total Views
1,664
Views on SlideShare
1,510
Embed Views
154

Actions

Likes
11
Downloads
0
Comments
0

4 Embeds 154

http://www.andreapicchi.it 143
http://www.linkedin.com 9
http://twitter.com 1
https://www.linkedin.com 1

Accessibility

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

User Centered Design per il Mobile, Un Approccio Cognitivo User Centered Design per il Mobile, Un Approccio Cognitivo Presentation Transcript

  • User Centered Design per il Mobile Andrea Picchi
  • ..Chi era Costui? Andrea Picchi Laurea in Psicologia (Padova) Laureando in Informatica (Pisa) 1. Interface Designer Domotica e Dispositivi Mobili 2. Designer & Developer iPhone e iPad
  • ..Chi siete Voi? Quanti Applicano dei Processi di Sviluppo?
  • uscita:29 GIU 2011http://www.apress.com/9781430232469
  • Di che cosaparleremo oggi?
  • Argomenti Trattati USER CENTERED DESIGN1 2 3 4 50 minuti
  • Argomenti Trattati USER CENTERED DESIGN UCDiso 13407 1 2 3 4 50 minuti
  • Argomenti Trattati USER CENTERED DESIGN UCD UCDiso 13407 fondamenti cognitivi 1 2 3 4 50 minuti
  • Argomenti Trattati USER CENTERED DESIGN UCD UCD UCDiso 13407 fondamenti cognitivi esempi concreti 1 2 3 4 50 minuti
  • Argomenti Trattati USER CENTERED DESIGN UCD UCD UCD Domandeiso 13407 fondamenti cognitivi esempi concreti e dubbi 1 2 3 4 50 minuti
  • PARTE 01 UCD ISO 13407- standard user centered design approach -
  • UCD ISO 13407Protocollo ISO 13407 (1999) “User Centered Design” Protocollo ISO 12207 (1994)“Software Lifecycle Processes”
  • UCD ISO 13407 Protocollo ISO 13407 “User Centered Design” Risponde alle Domande Cosa è importante per l’Utente?Che Task compie l’Utente? Con che Frequenza? In che Ordine? Quale è l’Ambiente di Utilizzo? Quali sono i Vincoli Utente in Ottica Funzionale? Quali sono le Aspettative dell’Utente?Come il Design può Ottimizzare i Processi Cognitivi dell’Utente?
  • Approcci a ConfrontoUser Centered Design Driven Technology Driven Focus sulle Soluzioni  Focus sui Componenti Focus sulla Robustezza della UI  Focus sulla Robustezza Sistema Scenario Driven (Real World)  System Driven (Use Case) Qualità basta su Completamento Task  Qualità basata su Difetti del Prodotto
  • UCD ISO 13407 Protocollo ISO 13407 (Principi)  Coinvolgimento Attivo Utenti  Assegnazione Ruoli Sistema ed Utente*  Iterare Soluzioni Design  Usare Team Multi-Disciplinare *Utente visto come Parte Centrale del Processo
  • UCD ISO 13407 Protocollo ISO 13407 (Attività)  Specificare Contesto Uso  Specificare Requisiti  Creare Soluzioni Progettuali  Valutare Design
  • UCD ISO 13407 1 2 Fasi di Analisi  Specificare Contesto Uso 2  Specificare Requisiti
  • UCD ISO 13407 1 Specificare Contesto Uso  Chi la Userà?  Che Cosa ci Farà?  In Quali Condizioni la Userà?
  • UCD ISO 13407 Specificare Requisiti  Quali sono gli User Task? 2  Quali sono gli Obiettivi Business?
  • UCD ISO 13407 1 Alcuni Strumenti Fase 1 e 2  Pianificazione Vincoli e Aspettative 2  Analisi Concorrenti  Interviste con Potenziali Utenti  Questionari  Creazione Profili Utenti  Creazione Elenco Compiti  Creazione di Scenari
  • UCD ISO 13407 Alcuni Strumenti Fase 3  Brainstorming e Discussioni Libere  Sketching delle Interfacce  Analisi Cognitiva Interfacce  Prototipi delle Interfacce 3
  • UCD ISO 13407 Alcuni Strumenti Fase 4  Test con Utenti  Questionari  Analisi Ispettive ed Euristiche  Analisi Comparative  Simulazioni Cognitive4  Implementazione
  • UCD ISO 13407 Processo Rigido? NOProcesso Personalizzabile? SI
  • Esempio 01Interview Personas Storyboard Sketch Electronic Usability Paper Prototype Testing PrototypeUsability BetaTesting Prototype Usability Testing RELEASE
  • Esempio 02
  • Esempio 03 Specifica Contesto Specifica RequisitiValutazione Design Soluzioni Design
  • PARTE 02Fondamenti Cognitivi - dello user centered design -
  • UCD ISO 13407 Caratteristiche Tecniche Interagisce col Sistema**Sistema visto come Utente + Software + Hardware + Ambiente
  • UCD ISO 13407 Risponde alle DomandeCome Ottimizzare i Processi Cognitivi*? *Processi Cognitivi dell’Utente durante l’Interazione con l’Interfaccia
  • UCD ISO 13407 E’ Guidato da Scenari Reali*Valore dell’Ambiente è una Variabile Fondamentale nel Processo
  • UCD ISO 13407 The White Box approach* *versus the black box approach
  • UCD ISO 13407 Sono Utentein quanto Essere Umano* *con delle peculiarità specifiche
  • {{
  • Creazione Design Domotica ad hoc Ubiquitous Computing Ottimizzazione Cognitiva Design Esistente Aumento Livello User eXperience*Elaborazione Design Persuasivo
  • Mainframe Personal Ubiquitous 1 Computer 1 Computer N Computer N Utenti 1 Utenti 1 Utenti100755025 0 1940 1950 1960 1970 1980 1990 2000 2010 2020 Chart: Mark Weiser
  • Def: Proc.Cognitivo“sequenza di singoli eventi necessari alla formazione di un qualsiasi contenuto di conoscenza”
  • “tutto”accade in pochi “momenti” image credit: flickr @ jtbrennan
  • Come l’Essere UmanoCome l’Essere Umano si interfaccia si interfaccia con l’ambiente? con l’ambiente?
  • I 5 Sensi comeframework genetico image credit: flickr @ victoriapeckham
  • Sist.Visivo come interfacciacon l’Ambiente image credit: flickr @ chefranden
  • visione
  • leggi eprincipi della percezione image credit: flickr @ devendernarang
  • percezione
  • Sist.Percettivoe l’archiviazionedell’informazione image credit: flickr @ yinyang
  • Breve Medio LungoTermine Termine Terminememoria memoria memoria cache ram di massa
  • Page FaultPROCESSO Load Page WORKING SET
  • Concetti ChiaveCI INTERFACCIAMO USANDO I 5 SENSI ... ... 1 2
  • Concetti ChiaveCI INTERFACCIAMO USANDO I 5 SENSI Sistema Visivo (occhio) ... ... 1 2
  • Concetti ChiaveCI INTERFACCIAMO USANDO I 5 SENSI Sistema Visivo (occhio) sistema percettivo (cervello) ... ... 1 2
  • Concetti ChiaveCI INTERFACCIAMO USANDO I 5 SENSI Sistema Visivo (occhio) sistema percettivo (cervello) ... ... 1 2 Nota: La Mappa Non e’ il Territorio
  • Risorse Cognitive Attenzione Percezione Categorizzazione Memoria Temporanea
  • Def: Risorsa Cognitiva“capacita’ di gestire ed elaborare informazioni”
  • Risorse DisponibiliRisorse Disponibili = Risorse Totali - Risorse Ambiente
  • APP AMBIENTE
  • Concetti ChiaveLE RISORSE COGNITIVE SONO LIMITATE 1 2
  • Concetti ChiaveLE RISORSE COGNITIVE SONO LIMITATE Consumate dall’ambiente 1 2
  • Concetti ChiaveLE RISORSE COGNITIVE SONO LIMITATE Consumate consumate dall’ambiente dall’applicazione 1 2
  • PARTE 03Esempi Concreti- di user (cognitive) centered design -
  • ESEMPIO 01Gestire Errori- ridurre la percentuale di errori -
  • Ampiezza Contenuti - meno opzioni = meno errori -
  • Profondità Contenuti - più focus = meno errori -
  • ISTANZA ISTANZA“CASA” “AUTOBUS” 15% 65%DISTURBO DISTURBO MOBILE RSS
  • AMBIENTE ≠ AMBIENTE
  • Concetti ChiaveOTTIMIZZARE SCORRIMENTO CONTENUTI 1 2
  • Concetti ChiaveOTTIMIZZARE SCORRIMENTO CONTENUTI wide: riducendo le opzioni 1 2
  • Concetti ChiaveOTTIMIZZARE SCORRIMENTO CONTENUTI wide: riducendo deep: aumentando le opzioni il focus 1 2
  • ESEMPIO 02Creare Interazione - uso delle leggi di percezione -
  • Interfacce Cognitive - negative e positive space -
  • Interfacce Cognitive - legge di prossimità e similarità -
  • Concetti Chiave MODELLARE TUTTI GLI SPAZI 1 2
  • Concetti Chiave MODELLARE TUTTI GLI SPAZI sia spazi positivi 1 2
  • Concetti Chiave MODELLARE TUTTI GLI SPAZI sia spazi sia spazi positivi negativi 1 2
  • Concetti Chiave MODELLARE TUTTI GLI SPAZI sia spazi sia spazi positivi negativi 1 2 * in quanto essere umano
  • ESEMPIO 03Carico Informativo- ridurre il rumore cognitivo dei contenuti -
  • Progressive Disclosure - fornire messaggi all’utente -V Summit di Architettura dell’Informazione - Milano, 5-7 maggio 2011 62
  • Dettagli Avanzati - solo su richiesta dell’utente -
  • Lasciatelo Agire- ridurre il rumore cognitivo nei processi decisionali -
  • Nella stessa “Pagina” - usando anche elementi grafici -
  • Concetti ChiaveOTTIMIZZARE FRUIZIONE CONTENUTI 1 2
  • Concetti ChiaveOTTIMIZZARE FRUIZIONE CONTENUTI riducendo il rumore cognitivo 1 2
  • Concetti ChiaveOTTIMIZZARE FRUIZIONE CONTENUTI riducendo il usando il rumore cognitivo progressive disclosure 1 2
  • ESEMPIO 04Ottimizzare Esperienze - aderenza tra schemi mentali e concettuali -
  • Implementation Mode Represented#import <Foundation/Foundation.h> Modeint main (int argc, const char * argv[]) { NSAutoreleasePool * pool = [[NSAutoreleasePool alloc] init];... ... ...} Mental Mode Nomenclature: Donald Norman
  • Manca Qualcosa- il supporto delle esperienze passate -
  • *
  • Introdurre Paradigmi - creare e forzare gli schemi mentali -
  • Concetti ChiaveDISEGNARE PER GLI SCHEMI MENTALI 1 2
  • Concetti ChiaveDISEGNARE PER GLI SCHEMI MENTALI schemi* già esistenti 1 2
  • Concetti ChiaveDISEGNARE PER GLI SCHEMI MENTALI schemi* schemi* già esistenti da creare 1 2
  • Concetti ChiaveDISEGNARE PER GLI SCHEMI MENTALI schemi* schemi* già esistenti da creare 1 2 * schemi mentali
  • ESEMPIO 05Esperienza Surrogate - implementare esperienze nell’utente -
  • RICORDO (reale) RICORDO (surrogato) Non VengonoPercepite Differenze
  • 1 RICORDO (reale)2 RICORDO (surrogato)
  • Concetti ChiaveSFRUTTARE TUTTI I TIPI DI RICORDI 1 2
  • Concetti ChiaveSFRUTTARE TUTTI I TIPI DI RICORDI reali: per ottimizzare sm* 1 2
  • Concetti ChiaveSFRUTTARE TUTTI I TIPI DI RICORDI reali: per surrogati: per ottimizzare sm* creare sm* 1 2
  • Concetti ChiaveSFRUTTARE TUTTI I TIPI DI RICORDI reali: per surrogati: per ottimizzare sm* creare sm* 1 2 * schemi mentali
  • ESEMPIO 06 Regole Sociali - usare regole sociali nelle interazioni -V Summit di Architettura dell’Informazione - Milano, 5-7 maggio 2011 84
  • 1sec
  • Concetti ChiaveUTENTE ASPETTA SEMPRE UN FEEDBACK 1 2
  • Concetti ChiaveUTENTE ASPETTA SEMPRE UN FEEDBACK nella navigazione 1 2
  • Concetti ChiaveUTENTE ASPETTA SEMPRE UN FEEDBACK nella nelle navigazione interazioni 1 2
  • ESEMPIO 07 Valore Sociale- incrementare la reputazione con i feedback -
  • PrincipioSimilarità + Principio Validazione Sociale
  • Concetti ChiaveUSARE SEMPRE LA VALIDAZIONE SOCIALE 1 2
  • Concetti ChiaveUSARE SEMPRE LA VALIDAZIONE SOCIALE per motivare gli indecisi 1 2
  • Concetti ChiaveUSARE SEMPRE LA VALIDAZIONE SOCIALE per motivare per rafforzare gli indecisi la reputazione 1 2
  • Concetti ChiaveUSARE SEMPRE LA VALIDAZIONE SOCIALE per motivare per rafforzare gli indecisi la reputazione 1 2 * in quanto essere umano
  • ESEMPIO 08 Creare Empatia- uso delle immagini per motivare azioni -
  • Neuroni Specchio- sfruttare indirettamente l’empatia -
  • Più Aggressivo- sfruttare direttamente l’empatia -
  • Ads Dinamici- aumentano realismo ed impatto cognitivo* -
  • Ads Dinamici- aumentano realismo ed impatto cognitivo* - * percepiti più aderenti al contesto
  • Concetti ChiaveCREARE EMPATIA CON GLI UTENTI 1 2
  • Concetti ChiaveCREARE EMPATIA CON GLI UTENTI in maniera diretta 1 2
  • Concetti ChiaveCREARE EMPATIA CON GLI UTENTI in maniera in maniera diretta indiretta 1 2
  • Concetti ChiaveCREARE EMPATIA CON GLI UTENTI in maniera in maniera diretta indiretta 1 2 * in quanto essere umano
  • UCD per il Mobile Grazie per l’ascolto! more info: www.andreapicchi.it slideshare.net/andreapicchi twitter.com/andreapicchi it.linkedin.com/in/andreapicchi info@andreapicchi.it
  • uscita:29 GIU 2011http://www.apress.com/9781430232469