© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
1June 2012
Spazio IT – mobile Ecommerce
Websites
Mobilee-CommerceWebsites
Migrating traditionale-Commerce websites to mobile platforms
Maurizio Martignano
Spazio IT – Soluzioni Informatiche s.a.s
Via Manzoni 40
46030 San Giorgio di Mantova, Mantova
http://www.spazioit.com
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
2
Mobile Websites – Agenda
Spazio IT – experience in developing HCI solutions and Mobile Apps
Mobile platform
Migrating websites – General requirements
– Real estate and user experience
– Low cost
– Content development and delivery
e-Commerce websites– Specific requirements
– No distraction
– Simplicity, usability
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
3
Mobile Websites – Agenda (cont)
La Bottega del Patchwork – A real case
– Performed activites and results
– A comparison with similar websites (www.mediaworld.it and www.amazon.com)
– Native or Web App?
– Lessons learned and guidelines
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
4
Spazio IT – Experience
Spazio IT has been working since 2003 on Human Computer Interfaces and User eXperience (HCI and UX)
June 2012
http://www.esa.int/esaMI/Astrolab/SEML9ISMTWE_1.html
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
5
Spazio IT – Experience (cont)
“Mobile” or “Traditional” – Spazio IT has always based its applications development on Web technologies.
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
6
Mobile Plartform
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
7
Traditional Platform
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
8
General Requirements
Real Estate:– Not that much better concentrate on what is essential
– “Multi-touch gestures” with zoom-in and zoom-out could help in navigating within a page they must be used carefully
No Mouse– The only pointing device is the fingertip.
Multi-touch gestures (e.g. “Home”) aren’t cross-platforms, they do not have the same semantic– better not to rely too much on them
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
9
General Requirements (cont)
Low Cost– Many SMEs have difficulties in maintaining their websites
updated.
– Producing two contents, one for the traditional platform and one
for the mobile one is unaffordable
One content – Different Presentations
Open source CMS/e-Commerce framworks can reduce the costs (but they must be easy to use for both the content developers and the end users)
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
10
e-Commerce Requirements
No distraction– Visitors must buy (they must not be distracted, invited to navigate
away from the intended sale workflow).
(this is not “Facebook”)
Usability / Simplicity– Visitors must easily find what they are “looking for”.
A proper presentation/appearance is also very important.
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
11
BDP – Work Done
Design, software packages selection and modification, testing, debugging and validation: Spazio IT (www.spazioit.com)
e-Commerce engine: Prestashop (www.prestashop.com)
Prestahop mobile theme: PSM (www.prestashopm.com)
ETL – data, contents migration (descriptions, pictures, ectc…) from the old to the new site: Spazio IT (www.spazioit.com)
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
12
BDP – Comparison
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
13
BDP – Comparison (cont)
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
14
BDP – Comparison (cont)
First things first – the sale
No zoom-in, no zoom-out
No multi-touch gesture
Only the information relevant to the current context is shown/used.
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
15
Native or Web App?
There are actually four options:
– Native App – an App running native only on one specific platform
– Hybrid App – an App (Web on top of Native) running on top of an infrastructure provided by a third party. It is this third party to worry about and guarantee the portability of the infrastructure an d therefore of the application on the various mobile platforms (e.g. Titanium, Sencha, PhoneGap, etc…);
– Dedicated Web App – a Web application (HTML5?) designed spefically with a given mobile platform in mind (e.g. Linkedin).
– Generic Web App – a Web application (HTML5?) design to work in a reasonable way on all mobile platforms (e.g. Wikipedia)
Each approach has its pros and cons, it depends on the context.
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
16
Native or Web App? (cont)
Spazio IT has selected a Generic Web App because:
– it is less expensive than the others
– It reaches the greatest possible public
– It avoids the App Stores complications
On top of that:
– The act of sale occurs inherently on-line
– When on-line the catalogue (i.e. the list of products and their availability) is inherently up to date
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
17
Guidelines
One content – different presentations (based on the platform)
Generic Web App developed using open source framework(s)
No distraction
Simple and rigid user interface (no zoom-in, zoom-out, no multi-touch gestures)
June 2012
© 2012 Spazio IT - Soluzioni Informatiche s.a.s.
18
The end
June 2012
www.spazioit.com
Thank you!!!
