1 / 0

Join us in Ibiza June 4 th – 7 th 2011

Join us in Ibiza June 4 th – 7 th 2011 . mCommerce on Magento Tips and tricks for making mCommerce Apps. Nickolay Tischenko Technical Development Manager Magento Mobile nickolay.tischenko@magento.com. We will talk about:. Mobile consumers. Who they are and what they want. .

pavel
Télécharger la présentation

Join us in Ibiza June 4 th – 7 th 2011

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Join us in Ibiza June 4th – 7th2011
  2. mCommerce on Magento Tips and tricks for making mCommerce Apps Nickolay Tischenko Technical Development Manager Magento Mobile nickolay.tischenko@magento.com
  3. We will talk about: Mobile consumers. Who they are and what they want. XMLConnect module. The basics of Magento’smCommerce core. Making aflexible app: Localization and graphics support. Apps vs Mobile websites Providing the best UX: saving user’s money, implementing the best OS practices. Making PayPal payments possible and more.
  4. Mobile consumers
  5. Worldwide smartphonesmarketshare -18.4% +15.8% +3.7% -2.6% +1.4% +0.1% Gartner
  6. Worldwide smartphonesmarketshare
  7. Growth 100 million activated Android devices (Google IO 2011) 400,000 new Android devices activated per day(Google IO 2011) 296 million smartphones shipped in 2010 (80% growth over 2009, Gartner) 468 million smartphones shipped in 2011 (expected, Gartner)
  8. UX requirements UX 1. Fast 3. Cheap to run 5 sec for receiving response from remote server 10 sec for loading remote data 100-200 milliseconds for interface delay 4. Safe 5. Lots of features 6. Easy to tune 2. Optimized design and interface
  9. Magento Mobile CE 1.3+ EE 1.6+ PE All Multiple RDBMS http://www.magentocommerce.com/product/mobile
  10. Purpose XMLConnect
  11. Basics XMLConnect
  12. Creating an app Helpers Fonts Color schemes Supported banners Supported background images Tabs etc config Rules for scaling images, icons, fonts, etc.
  13. Preview
  14. Preview themes and graphics support Themes are saved into xml-files. Some settings are not defined in the device’s helper. Rules for Image Helpers in the config.xml <_480x854> <default> <source>default</source> <updates> <u1> <path>/</path> <function>zoom</function> <data>1.5</data> </u1> <u2> <path>content/product_gallery_big</path> <function>update</function> <data>840</data> </u2> </updates> </default> </_480x854> 3 different screens for iOS: 320x480 640x960 768x1024 6 main screens for Android: 240x320 240x400 240x432 320x480 480x800 480x854
  15. Graphics support screen_size/320x480 iPhone 3GS ImageHelper iPhone 4 config Rules for scaling images, icons, fonts, etc.
  16. Localization Currently supported: <configuration> <body> <backgroundColor>#ABABAB</backgroundColor> … <primaryColor>#A8A8A8</primaryColor> </body> ... <fonts> <font label="Title1" name="HelveticaNeue-Bold" size="14" color="#FFFFFF"/> ... </fonts> ... <general> ... <currencyCode>USD</currencyCode> ... <primaryStoreLang>en_US</primaryStoreLang> ... <general> </configuration>
  17. Actions Rewrite output. Create XML instead of HTML No code copy&pasting Faster development process Forms are rendered dynamically
  18. Apps vs websites
  19. Mobile website Pros: Cons: Improved UX for already existing users Best OS practices and features implementation is not possible No changes to the admin system required Available for any smartphone with HTML browser Mobile browsers do not fully support JS 24/7 interaction with users possibility ignored
  20. Mobile app Cons: Pros: Hard to update (iOS) Access to device’s features (camera, gps, multitouch, messaging, address book, calls, memory) Users should download the app Ability to implement the best OS practices -> Brilliant UX New functionality needs additional development on the app’s side Access to the new consumers Safer (no redirects, etc.) 24/7 (push messages, airmail)
  21. Cache temporary data Server Wifi Avg. 0.912 sec Load from cache Immediately
  22. Store large data Is image already stored in the local SQLite database? Yes No Load the image in background thread using NSURLConnection 70x70px Wifi Avg. 1.285 sec Return the image to the delegate Store the image in the SQLite database and return the image to the delegate 70x70px Avg. 0.127 sec
  23. Devices Multitouch display Hardware buttons Hardware keyboard Scrollpad, etc. Or none of those Swipe, shake Touch-and-hold One screen size Several different screen sizes Multitasking “Multitasking” for the latest iOS UINavigationController UITabBarController TitleBar Buttons and menu Optimized for OS Users used to these features
  24. Devices Optimized design layout Portrait and landscape orientations support Popovers Scrollable gallery in the product page Extended NavigationBar
  25. Summarizing features 1. OS best practices must be used 2. Data caching is a must 3. Design layout should be optimized for device 4. The app should be easy to use, yet capable and fun: it should have plenty of features 5. The app must be interactive: user’s feedback engine and social networking, etc. 6. The app should support wide range of the payment methods
  26. PayPal 1. MPL (PayPal Mobile Payments Library) 2. MECL (PayPal Mobile Express Checkout Library)
  27. PayPal MPL adjustAmounts AdvancedForAddress Yield PayPal thread Provide shipping method setting experience Adjust order amounts Resume the PayPal thread
  28. Why the app? One last thing Users spend: 20 minutes per day in the app 14,9 pages eBay mobile sales (gross merchandise volume): $600 million in 2009 $2 billion in 2010 In the US, mobile online shopping rose from $396 million in 2008 to $1.2 billion in 2009 (ABI research) Mobile shopping will grow to $119 billion in 2015 (ABI research)
  29. Questions NickolayTischenko Technical Development Manager MagentoMobile nickolay.tischenko@magento.com Please send questions to: magentomobile@magento.com
More Related