Mobile Web Development
Download as PPT, PDF0 likes661 views
The document discusses the rise of mobile devices and opportunities for businesses to engage customers through mobile websites and applications. It provides statistics on mobile usage and recommendations for businesses to consider their goals, audiences, and options for developing mobile-optimized websites or native applications. Competitive research and usability testing are advised to create successful mobile solutions.
Mobile Web Development
- 1. Making your Site Mobile? February 2011
- 2. In 2010, the computer went mobile…
- 3. Mobile enabled devices started to emerge in new forms iPad and other tablets Gaming devices TV’s, DVD players, etc., become WiFi enabled It’s still morphing…into cars, home appliances and (insert what you see in the crystal ball here) 81 Million smartphones were sold worldwide in the third quarter of 2010 (source: Gartner) nearly twice as many as in 2009 Dumbphones supercharge!
- 4. Demographic Info 25 - 34 25% 18 - 24 17% 35 - 44 24% 45 - 54 17% +55 9% -17 8%
- 5. What are people doing online… 23.2% play games 15.7% listen to music 68% use SMS 36.4 % browse the internet 34.4% download & use apps 23.7% access social media Source: ComScore MobiLens December 2010
- 6. New Opportunities – But Market Place is Fragmented Multiple platforms: RIM (31.5%) Google (28.7%) Apple (25%) Microsoft (8.4%) Palm (4.2%) Fragmentation with platforms Multiple OS versions in use Source: ComScore MobiLens December 2010
- 7. Degree of Mobile Implementation Mobile accessible web site Mobile optimized web site Dedicated application (app)
- 8. Mobile Accessible Site Web site can be accessed via mobile device Uses the same: Layout Graphics Text Information architecture Poor user experience Image are big Text is small Does not present critical information to the user
- 9. Mobile Optimized Site Web site is designed to be accessed via mobile device Custom: Layout Graphics Text Information architecture Optimized user experience Images are “lighter” Designed to fit a smaller screen layout Provides the user easy access to critical information
- 10. Native application (app) Designed to be run on a specific device type Uses native technology Optimized user experience Experience is more aligned with the device experience Best used for repetitive quick tasks
- 11. The New Reality! Customer Engagement Brand Awareness/Exposure Improved Customer Service New Partnerships Response to Calls to Action CONTENT Website Mobile Web Social Networks Offline
- 12. US Retailers Leverage Mobile Solutions (2010) Fully functional mobile site 51.9% Showcase a select group of products 33.3% Store locator 25.9% Coupons 11.1% QR 3.7% Source: Fit for Commerce, Navigating Your Roadmap – October 16, 2010 (eMarketer.com) 11.1% Location (Foursquare, shopkick, gowalla, stickybits, etc)
- 13. What can be tactically supported via mobile to better serve our business goals What do we need Member exclusive or open to all Customer service channel, content generation. elearning, market research, marketing, partner development, product research and development What about you? Ask a few questions…
- 14. What about you? Ask a few questions… Competitive Analysis What are our competitors doing and is it working Audience Research Who are we developing for/communicating with Where are they now What incentives might increase participation (esteem, access, information, app)
- 15. What will success look like What measures are we looking for Increased sales Leads Ease of use Accessible content/functions How will we track it Traffic Business measures (affects on purchase, R&D, etc.)
- 16. Implementation What are the business objectives? Have a mobile presence? Provide information? Repeatable actions? Which level of mobile implementation meets the identified needs? A web site? An application?
- 17. Native or Web Native App Generally better usability & performance Exist in device “eco-system” Reduce market reach Complete access to device API Get an icon on the device home page
- 18. Native or Web Mobile web Only need to support one “platform” More freedom No revenue split Unlimited market reach Easier to find experienced developers Generally less cost
- 19. Native or Web Which to choose? Web: Information is the focus Native app: Repeatable functions are the focus Question still very much unresolved at this time…
- 20. Mobile Development Discovery What is the information that mobile users will require? Address Contact information Event details … What are the top 10 tasks for mobile users? What information is required? How much information is required? Mobile site is often stripped down, but more advanced technology is supported
- 21. Location Based Mobile Services Increased use of ‘Check-in’ style Allows users to register their location with various services Foursquare Google Latitude Facebook places
- 22. Social Media and the Open API Increased free stylin’ using Open API Leverages connectivity to people pockets Leverages community of developers
- 23. Native Application Which platforms to target? Is a web based application possible Which actions need to available? What are the top tasks? Forms Work flow What native technology can you take advantage of? Will you be able to take advantage of cross-platform development?
- 24. Mobile Web Site Mobile accessible? Test in various devices Mobile devices are getting better and better at rendering sites Will likely find that the experience is “good enough” Mobile optimized? A separate web development project…
- 25. Mobile Web Development Design Which screen sizes & aspect ratio to target? Portrait or landscape BB with keyboard? iPhone? iPad? What appears above the fold? Below? Does the device support zooming? Hardware input (scroll wheel, mouse touch)? No mouseovers
- 26. Mobile Web Development Design How to handle transition between mobile and desktop users Auto detect? A specific domain? How do users get back and forth? What type of bandwidth will users have access to? What content to display? How much content to display? Text size?
- 27. Mobile Web Development Design Keep images small Large buttons Reduce scrolling (especially horizontal) Reduce the amount of text Or, give users choices and hints Degrade gracefully Indicate when plugins will not function
- 28. Technology can be confusing…we get that. At Redengine, we’re here to help. We combine strategic thinking and creative ideas with a technology solution that works for you!” We`re here to help!