Download to read offline
Uploaded byFrancis Ibikunle
Mobile and Tablet Design for Business
This document discusses mobile and tablet usage trends and provides recommendations for designing effective mobile websites. It notes that over one third of Facebook users and 50% of Twitter users access those sites via mobile. By 2015, two-thirds of the world's mobile data traffic will be video. When designing mobile websites, factors to consider include small screens, load times, touchscreen support, and media types. HTML5 and responsive design using CSS media queries allow sites to adapt to different devices. Recommendations include defining mobile needs, studying past data, using single-column layouts, vertical hierarchies, and tappable instead of clickable elements.
More Related Content
Similar to Mobile and Tablet Design for Business
Mobile and Tablet Design for Business
- 1. Mobile and TabletDesign for Business Presented by: Francis Ibikunle
- 2. and over onethird 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
- 3. 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 world’s mobile data traffic will be video by 2015
- 4. How mobile andtablet 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
- 5. Current technologies thatcan 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.
- 6. Bad examples ofwebsites that don’t work well on mobile/tablet devices mrbottles.com gatesnfences.com
- 7. Good examples ofwebsites that work well on mobile/tablet devices stevejobs.ismissed.com robertkovacs.likes2ride.com
- 8. Benefits Of MobileWebsite An additional avenue to market your business and your brand Grow your customer’s 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
- 9. Other Benefits contd. Change your mobile website content quickly and easily Market directly to your prospect’s, customer’s, andvisitor’s mobile devices Usecall-to-action content to improve your brand visibility, purchases, and clear interaction Add new products, create special offers, and much more…quickly,instantly
- 10. 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 doctor’soffices, airports, or just are killing time
- 11. 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
- 12. Recommendations contd Vertical Hierarchy: Think in Collapsible Terms Go From “Clickable” to “Tappable” Provide Interaction Feedback
- 13.