Siti Web / Applicazioni Mobili

Spazio IT – Siti web e-Commerce
"mobile"
Siti web
e-Commerce
"mobile"
Migrazione di siti web
e-Commerce
"tradizionali"su
piattaforma "mobile"
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
Maurizio Martignano
Spazio IT – Soluzioni Informatiche s.a.s
Via Manzoni 40
46030 San Giorgio di Mantova, Mantova
http://www.spazioit.com
1
Siti Web “Mobile” – Agenda
 Spazio IT – esperienza in sviluppo soluzioni HCI e Mobile Apps
 Piattaforma "Mobile"
 Migrazione Siti Web – Requisiti generali
– Spazio disponibile ed esperienza utente
– Basso costo
– Sviluppo e distribuzione dei contenuti
 Siti web di e-commerce – Requisiti particolari
– Nessuna distrazione
– Semplicità, usabilità
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
2
Siti Web “Mobile” – Agenda (cont)
 La Bottega del Patchwork – Un esempio concreto
– Lavoro svolto e risultati ottenuti
– Confronto con siti simili (www.mediaworld.it e
www.amazon.com)
– App nativa o Web?
– Raccomandazioni
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
3
Spazio IT – Esperienze
 Spazio IT è attiva dal 2003 nel campo dell’usabilità (UX e
HCI) su piattaforme “Mobile” e “Tradizionali”.
http://www.esa.int/esaMI/Astrolab/SEML9ISMTWE_1.html
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
4
Spazio IT – Esperienze (cont)
 “Mobile” o “Tradizionale” – Spazio IT ha sempre
utilizzato tecnologie Web per realizzare le proprie
applicazioni.
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
5
Piattaforma “Mobile”
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
6
Piattaforma “Tradizionale”
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
7
Requisiti Generali
 Spazio Disponibile:
– Limitato  Concentrarsi sull’essenziale
– “Multi-touch gestures” con funzioni di zoom-in e zoom-out
possono aiutare la navigazione all’interno di una pagina  da
usare con attenzione
 Niente Mouse
– Il “pointing device” principale, prevalente è la punta del dito.
 Multi-touch gestures (p.es. “Home”) non sono ancora
standard cross-platforms
– Meglio non usarle troppo.
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
8
Requisiti Generali (cont)
 Basso Costo
– Molte SME, molte “operazioni” relativamente piccole, spesso
fanno fatica a mantenere i propri siti web “tradizionali”
aggiornati.
– Mantenere due contenuti diversi, due contenuti dedicati: uno per
la piattaforma “mobile” e l’altro per quella “tradizionale” risulta
insostenibile 
 Stesso Contenuto – Diverse Presentazioni
 Adottare Piattaforme CMS/e-Commerce open source e di
facile utilizzo (da parte di chi deve inserire i contenuti e
da parte degli utenti finali)
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
9
Requisiti e-Commerce
 Nessuna distrazione
– I visitatori devono comprare (non devono essere distratti, non
devono essere portati a “navigare” altrove).
(scelte opposte a “Facebook”)
 Usabilità / Semplicità
– I visitatori non devono fare fatica a trovare quello che “cercano”
e a vederlo in modo appropriato
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
10
BDP – Lavoro Svolto
 Progettazione, selezione ed adattamento dei moduli
software, testing, debugging e validazione: Spazio IT
(www.spazioit.com)
 Motore di e-Commerce : Prestashop (www.prestashop.com)
 Tema mobile per Prestahop: PSM (www.prestashopm.com)
 ETL – migrazione dei dati, dei contenuti (descrizioni, foto
prodotti ecc…) dal sito precedente al nuovo : Spazio IT
(www.spazioit.com)
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
11
BDP – Qualche Confronto
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
12
BDP – Qualche Confronto (cont)
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
13
BDP – Qualche Confronto (cont)
 Subito al sodo – la vendita
 Nessun zoom-in, zoom-out
 Nessuna multi-touch gesture
 In base al contesto solo l’informazione rilevante viene
mostrata.
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
14
App Nativa o Web?
 In realtà ci sono almeno quattro opzioni:
– App Nativa – un App che girà solo su un certo tipo di smart
phone
– App Ibrida – un App (Web su Nativa) che gira grazie ad
un’infrastruttura fornita da terza parte. E’ questa terza parte che si
preoccupa e garantisce la portabilità dell’infrastruttura e quindi
dell’applicazione sulle varie piattaforme mobili (p.es. Titanium,
Sencha, PhoneGap, ecc…);
– Web App Dedicata – un applicativo Web (HTML5?) con costrutti
specifici per una certa piattaforma (p.es. Linkedin).
– Web App Generica – un applicativo Web (HTML5?) che funziona
in maniera accettabile su tutte le piattaforme mobili (p.es.
Wikipedia)
 Ognuna ha i suoi pro ed i suoi contro, dipende dal contesto.
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
15
App Nativa o Web?
(cont)
 Spazio IT ha scelto una Web App Generica per:
– considerazioni di costo
– poter raggiungere il pubblico più ampio possibile
– evitare le complicazioni degli App Stores
 Inoltre:
– L’acquisto avviene inerentemente on-line
– Quando si è on-line il catalogo (l’elenco dei prodotti e
la loro disponibilità) è inerentemente aggiornato
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
16
Raccomandazioni
 Stesso contenuto – diversa
presentazione (in base alla
piattaforma)
 Web App Generica sviluppata su
framework(s) open source
 Nessuna distrazione
 Interfaccia utente semplice e
rigida (no zoom-in, zoom-out, no
multi-touch gestures)
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
17
Fine
www.spazioit.com
Grazie!!!
Giugno 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
18