Siti web e-commerce "mobile"

Transcript

1 Spazio IT Siti web e-commerce "mobile" Siti web e-commerce "mobile" Migrazione di siti web e-commerce "tradizionali"su piattaforma "mobile" Maurizio Martignano Spazio IT Soluzioni Informatiche s.a.s Via Manzoni San Giorgio di Mantova, Mantova 1

2 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à 2

3 Siti Web Mobile Agenda (cont) La Bottega del Patchwork Un esempio concreto Lavoro svolto e risultati ottenuti Confronto con siti simili ( e App nativa o Web? Raccomandazioni 3

4 Spazio IT Esperienze Spazio IT è attiva dal 2003 nel campo dell usabilità (UX e HCI) su piattaforme Mobile e Tradizionali. 4

5 Spazio IT Esperienze (cont) Mobile o Tradizionale Spazio IT ha sempre utilizzato tecnologie Web per realizzare le proprie applicazioni. 5

6 Piattaforma Mobile 6

7 Piattaforma Tradizionale 7

8 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. 8

9 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) 9

10 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 10

11 BDP Lavoro Svolto Progettazione, selezione ed adattamento dei moduli software, testing, debugging e validazione: Spazio IT ( Motore di e-commerce : Prestashop ( Tema mobile per Prestahop: PSM ( ETL migrazione dei dati, dei contenuti (descrizioni, foto prodotti ecc ) dal sito precedente al nuovo : Spazio IT ( 11

12 BDP Qualche Confronto 12

13 BDP Qualche Confronto (cont) 13

14 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. 14

15 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. 15

16 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 16

17 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) 17

18 Fine Grazie!!! 18