際際滷

際際滷Share a Scribd company logo
Mobile and TaBlet design for
         Business
      Presented by: Francis Ibikunle
and over one third of the time they spending sleeping each day.

               91% of mobile Internet access is to socialize as compared to 79% on
               desktop

Mobile and Tablet usage
               Over one third of Facebook's 900 million users user base uses
               Facebook mobile.

               Twitter has 165 million users, 50% of them use Twitter Mobile

               200 Million plus YouTube views occur on mobile devices per day




          200 Million plus YouTube views occur on mobile devices per day
Estimated Future Usage

                             By 2014, mobile Internet would take over
                             desktop Internet usage

                             Morgan Stanley's analysts believe that,
                             based on the current rate of change and
                             adoption, the mobile web will be bigger
                             than desktop Internet use by 2015.

                            Global mobile data traffic will increase 26-
                             fold between 2010 and 2015

                            There will be nearly one mobile device per
                             capita by 2015

                             Two-thirds of the worlds mobile data
                             traffic will be video by 2015
How mobile and tablet usage has
impacted web design
                       Factors to Consider When
                       Building Mobile Websites

                    *Small viewing areas,

                    *Load times

                    *Touch screen support.

                    *Quick launch menu or will your site
                      only be one page?

                    *Media types
Current technologies that can be used to
make websites accessible on all devices


                     HTML5 and a vibrant ecosystem of libraries are
                     making the mobile Web a compelling alternative to
                     developing native code

                     With the introduction of CSS3 media queries, web
                     developers can create CSS which enables a web page to
                     adapt and respond to whatever device renders it.
Bad examples of websites that dont work
well on mobile/tablet devices




  mrbottles.com      gatesnfences.com
Good examples of websites that work well
on mobile/tablet devices




  stevejobs.ismissed.com   robertkovacs.likes2ride.com
Benefits Of Mobile Website


                An additional avenue to market your business and your
                brand

                Grow your customers emaling list quickly by
                providing coupons, specials, and much more

                Reach customers on the move, be quickly and easily
                found

                Achieve findability within all search engines

                Create a professional and reputable image to your
                market
Other Benefits contd.


               Change your mobile website content quickly and easily

               Market directly to your prospects, customers,
               andvisitors mobile devices

               Usecall-to-action content to improve your brand
               visibility, purchases, and clear interaction

               Add new products, create special offers, and much
               morequickly,instantly
OTher benefits contd



                 Be easily contacted by providing functionality
                 such as tap to email, tap to call, tap to text.

                 Visitors stay on your site longer, browsing,
                 searching, and learning more about your
                 business while they wait in doctorsoffices,
                 airports, or just are killing time
recommedations

                 Define Your Need for a Mobile
                 Site

                 Consider the Business
                 Objectives

                 Study the Data of the Past
                 Before Moving Forward

                 Single-Column Layouts Usually
                 Work Best
Recommendations contd


             Vertical Hierarchy: Think in
             Collapsible Terms

             Go From Clickable to Tappable

             Provide Interaction Feedback
References
http://www.seositecheckup.com/articles/147

http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/

http://www.infoworld.com/d/mobile-technology/13-essential-programming-tools-the-mobile-web-246

https://www.ibm.com/developerworks/mydeveloperworks/blogs/bobleah/entry/code_example_of_responsive_web_design_u

http://www.snackwebsites.com/create-personal-websites.html

http://www.topdesignmag.com/20-examples-of-bad-web-design/

http://www.slideshare.net/apptapmobile/12-benefits-of-a-mobile-website-for-your-business

http://mashable.com/2011/03/24/mobile-web-design-tips/

More Related Content

Mobile and Tablet Design for Business