Mobile e-commerce Websites

Size: px

Start display at page:

Download "Mobile e-commerce Websites"

Cuthbert Riley
8 years ago
Views:

1 Spazio IT mobile Ecommerce Websites Mobile e-commerce Websites Migrating traditional e-commerce websites to mobile platforms Maurizio Martignano Spazio IT Soluzioni Informatiche s.a.s Via Manzoni San Giorgio di Mantova, Mantova 1

Maurizio Martignano Spazio IT Soluzioni Informatiche s.a.s Via

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 2

Real estate and user experience Low cost Content development and delivery

3 Mobile Websites Agenda (cont) La Bottega del Patchwork A real case Performed activites and results A comparison with similar websites ( and Native or Web App? Lessons learned and guidelines 3

comparison with similar websites (www.mediaworld.

4 Spazio IT Experience Spazio IT has been working since 2003 on Human Computer Interfaces and User experience (HCI and UX) 4

5 Spazio IT Experience (cont) Mobile or Traditional Spazio IT has always based its applications development on Web technologies. 5

6 Mobile Plartform 6

7 Traditional Platform 7

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 8

be used carefully No Mouse The only pointing

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

Producing two contents, one for the traditional platform and one for the mobile one is

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

(this is not Facebook ) Usability / Simplicity Visitors must easily find

11 BDP Work Done Design, software packages selection and modification, testing, debugging and validation: Spazio IT ( e-commerce engine: Prestashop ( Prestahop mobile theme: PSM ( ETL data, contents migration (descriptions, pictures, ectc ) from the old to the new site: Spazio IT ( 11

prestashop.com) Prestahop mobile theme: PSM (www.prestashopm.

12 BDP Comparison 12

13 BDP Comparison (cont) 13

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

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

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 16

others It reaches the greatest possible public It avoids the App Stores complications On

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

source framework(s) No distraction Simple and rigid

18 The end Thank you!!! 18

CASE STUDY. Varian ARIA Offering oncologists better tools to help patients

CASE STUDY. Varian ARIA Offering oncologists better tools to help patients CASE STUDY Varian ARIA Offering oncologists better tools to help patients When ipads were first gaining popularity in 2010, Varian Medical, a leader in oncology medical devices, had a hunch that mobile