Mobile web-first-121107192502-phpapp02
-
Upload
managing-partner-3xc-global-partners-darori-capital-luxemborg-start-up-nation-icritical-canvas -
Category
Technology
-
view
395 -
download
0
description
Transcript of Mobile web-first-121107192502-phpapp02
![Page 1: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/1.jpg)
Mobile or Web first?
Bernard Leong
Priorities, Challenges, Paradigms on Product Development in the IDM industry.
1
![Page 2: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/2.jpg)
The new digital dilemma• Priorities: Product
Management from Start-up to Corporation.
• Challenges: Desktop vs Mobility, Device Fragmentation & Market Demand
• Paradigms: Responsive Web Design, Lean Startup Model
2
![Page 3: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/3.jpg)
Priorities3
![Page 4: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/4.jpg)
In a start-up...• Setting: Limited engineering & financial
resources.
• Strategy: Develop a product based on an idea that drives sustainable business growth
• Market: B2B or B2C
• Execution: Quick and iterative development based on customer feedback & internal metrics
• Platform Choices: Should we start with one platform or a solution opening up to many?
4
![Page 5: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/5.jpg)
In a large corporation• Setting: Strong but focussed engineering &
financial resources.
• Strategy: Expanding a portfolio of products or a product to other platforms (mobility).
• Market: B2B or B2C
• Execution: Longer product development cycles
• Question: Should we start with one platform or a solution opening up to many?
5
![Page 6: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/6.jpg)
Challenges6
![Page 7: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/7.jpg)
“Desktop First” Perspective
Facebook7
![Page 8: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/8.jpg)
“Mobile First” Perspective
Fab.com - E-Commerce Site8
![Page 9: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/9.jpg)
Native vs Web App
Picture Credits: Six Revisions9
![Page 10: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/10.jpg)
Development Native App Web App
Development ProcessEach platform has its own development process (iOS, Android, WP7, BB)
Runs on the browser of the device (desktop or mobile)
Programming LanguageEach platform has its own programming language: Java (Android), Objective-C (iOS)
Written on HTML5, CSS, Javascript or web application frameworks: PHP, Ruby or Python.
Programming Tools Standard SDKs provided by each platform. No standard frameworks.
10
![Page 11: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/11.jpg)
Development Native App Web App
Capabilities
Leverage on native features, information & hardware of the device, e.g, camera, GPS, gyroscope, accelerometer.
Leverage on limited features: GPS, camera.
Installation & UpdatesInstallation as an application & requires users to download & update.
No installation and updates are made to the web server without user intervention
Distribution App stores and marketplaces No app stores but requires SEO and social media efforts.
11
![Page 12: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/12.jpg)
Which mobile platform?
12
![Page 13: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/13.jpg)
Display Resolution & Screen Sizes
Picture Credits: Display Resolution (Wikipedia) 13
![Page 14: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/14.jpg)
Numbers can be deceiving ...
32%
49%
12%
4% 2%2%
Apple iPhone OSAndroid OSBlackberry RIMWindows MobileWindows PhoneOthers
14
![Page 15: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/15.jpg)
15
![Page 16: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/16.jpg)
Paradigms16
![Page 17: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/17.jpg)
Can we build a product as quickly as possible?
Eric Ries: The Lean Startup Model
17
![Page 18: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/18.jpg)
How do we develop for various devices?
Responsive Web Design18
![Page 19: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/19.jpg)
Source: DCI - http://www.dotcominfoway.com/ 19
![Page 20: Mobile web-first-121107192502-phpapp02](https://reader034.fdocuments.us/reader034/viewer/2022051818/54b7333c4a795925408b4614/html5/thumbnails/20.jpg)
Summary• Priorities: Focus on the business objectives first
before product development.
• Challenges: Make decisions on product based on design & platforms. Successful platforms tend to focus on one platforms.
• Paradigms: Build products with modern ideas from the lean startup model and responsive web design to limit the complexities of the mobile web.
20