Spazio IT – mobile Ecommerce
Websites
Mobile
e-Commerce
Websites
Migrating traditional
e-Commerce
websites to
mobile platforms
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
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?
Spazio IT – Experience
Spazio IT has been working since 2003 on Human
Computer Interfaces and User eXperience (HCI and UX)
Spazio IT – Experience (cont)
“Mobile” or “Traditional” – Spazio IT has always based its
applications development on Web technologies.
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
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)
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”.
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,
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.
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
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
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-The end
www.spazioit.com