This document discusses mobile web apps and chatbots. It provides links to resources about progressive web apps, advantages of mobile websites over native apps, how to attract users to apps and websites through ads and social sharing, and the importance of content and user experience. It also mentions web storage, responsive design patterns, chatbot platforms like Picklete Bot, and tools for testing performance and user interfaces like Lighthouse. The focus is on developing high quality mobile experiences through web technologies and chatbots.

1. PWA & Chatbot
Caesar Chi
@clonncd
with e-Commerce experience sharing

2. Caesar Chi
clonncd

3. Caesar Chi
2.0
clonncd

4. Trending

5. http://www.comscore.com/Insights/Presentations-and-Whitepapers/2016/The-2016-US-Mobile-App-Report

6. http://www.comscore.com/Insights/Presentations-and-Whitepapers/2016/The-2016-US-Mobile-App-Report
使⽤用者使⽤用⼿手機上網已經是現在進⾏行行式

7. Mobile First

8. https://www.statista.com/statistics/325926/monthly-app-downloads-of-us-smartphone-users/

9. http://www.comscore.com/Insights/Presentations-and-Whitepapers/2016/The-2016-US-Mobile-App-Report

10. http://www.comscore.com/Insights/Presentations-and-Whitepapers/2016/The-2016-US-Mobile-App-Report

11. APP

12. How to attract user

13. via ads, recommend, share, social. make ppl download apps or go to your website

14. via ads, recommend, share, social. make ppl download apps or go to your website
內容為王，打造貼近使⽤用者服務

15. Solution

16. https://www.moedict.tw/%E5%BF%AB

17. Advantages of a Mobile Website vs. Native Apps
• Immediacy – Mobile Websites Are Instantly Available
• Compatibility – Mobile Websites are Compatible Across Devices
• Upgradability – Mobile Websites Can Be Updated Instantly
• Findability – Mobile Websites Can be Found Easily
• Shareability – Mobile Websites Can be Shared Easily by Publishers, and Between Users
• Reach – Mobile Websites Have Broader Reach
• LifeCycle – Mobile Websites Can’t be Deleted
• A Mobile Website Can be an App!
• Time and Cost - Mobile Websites are Easier and Less Expensive
• Support and Maintenance
https://www.hswsolutions.com/services/mobile-web-development/mobile-website-vs-apps/

18. Mobile Web App ，來來吧

19. Progressive web apps
• Reliable - Load instantly and never show the
downasaur, even in uncertain network conditions.
• Fast - Respond quickly to user interactions with
silky smooth animations and no janky scrolling.
• Engaging - Feel like a natural app on the device,
with an immersive user experience.

20. e-commerce server infra (old)

21. Welcome to visit my website / app
歡迎參參觀我的網站或 app

22. Do you remember?

23. APP

25. 加入⼀一點點智能與開發技巧

26. https://goo.gl/MjLFCS

27. https://developers.facebook.com/docs/messenger-platform/send-api-reference/url-button

29. 將溝通成為服務，客⼾戶將隨之降臨臨

30. https://www.moedict.tw/%E5%BF%AB

31. Progressive web apps
• Reliable - Load instantly and never show the
downasaur, even in uncertain network conditions.
• Fast - Respond quickly to user interactions with
silky smooth animations and no janky scrolling.
• Engaging - Feel like a natural app on the device,
with an immersive user experience.

32. Responsive
https://developers.google.com/web/fundamentals/design-and-ui/responsive/patterns

33. Picklete Bot
http://bot.picklete.com/

34. Web Storage Overview
https://developers.google.com/web/fundamentals/instant-and-offline/web-storage/

35. http://scotthurff.com/posts/why-your-user-interface-is-awkward-youre-ignoring-the-ui-stack
How to fix a bad user interface

37. light house
https://developers.google.com/web/tools/lighthouse/

38. Service worker
https://github.com/GoogleChrome/sw-toolbox/

39. e-commerce server infra

40. bot.picklete.com
Picklete Bot

41. Picklete Bot
http://bot.picklete.com/

42. Caesar Chi
2.0
clonncd

43. Ref
• https://goo.gl/2Sfui8
• https://www.slideshare.net/NishilShah8/an-
introduction-to-chatbots
• https://www.slideshare.net/3x14159265/bot-
trends-2017
• https://goo.gl/fhHgKR