Siti web e-Commerce mobile - Spazio IT"mobile" Siti web e-Commerce "mobile" Migrazione di siti web...

© 2012 Spazio IT - Soluzioni Informatiche s.a.s.

1Giugno 2012

Spazio IT – Siti web e-Commerce

"mobile"

Siti webe-Commerce"mobile"

Migrazione di siti webe-Commerce "tradizionali"supiattaforma "mobile"

Maurizio Martignano

Spazio IT – Soluzioni Informatiche s.a.s

Via Manzoni 40

46030 San Giorgio di Mantova, Mantova

http://www.spazioit.com


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à

Giugno 2012


3

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


4

Spazio IT – Esperienze

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

Giugno 2012

http://www.esa.int/esaMI/Astrolab/SEML9ISMTWE_1.html


5

Spazio IT – Esperienze (cont)

“Mobile” o “Tradizionale” – Spazio IT ha sempre utilizzato tecnologie Web per realizzare le proprie applicazioni.

Giugno 2012


6

Piattaforma “Mobile”

Giugno 2012


7

Piattaforma “Tradizionale”

Giugno 2012


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 ancorastandard cross-platforms– Meglio non usarle troppo.

Giugno 2012


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)

Giugno 2012


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

Giugno 2012


11

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, fotoprodotti ecc…) dal sito precedente al nuovo : Spazio IT (www.spazioit.com)

Giugno 2012

http://www.spazioit.com/

http://www.prestashop.com/

http://www.prestashopm.com/



12

BDP – Qualche Confronto

Giugno 2012


13

BDP – Qualche Confronto (cont)

Giugno 2012


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.

Giugno 2012


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.

Giugno 2012


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

Giugno 2012


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)

Giugno 2012


18

Fine

Giugno 2012

www.spazioit.com

Grazie!!!


Siti web e-Commerce mobile - Spazio IT"mobile" Siti web e-Commerce "mobile" Migrazione di siti web...

Documents

Transcript of Siti web e-Commerce mobile - Spazio IT"mobile" Siti web e-Commerce "mobile" Migrazione di siti web...