The Mobile Revolution
Upcoming SlideShare
Loading in...5

The Mobile Revolution



The Mobile Revolution

The Mobile Revolution



Total Views
Views on SlideShare
Embed Views



1 Embed 7 7



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

The Mobile Revolution The Mobile Revolution Presentation Transcript

  • D’arce HessDeveloper, Athlete and MusicianPixelMillBlog: www.thebrandingbutterfly.comWebsite: www.pixelmill.comEmail: @darcehess
  • Developing SharePoint SharePoint Branding and UIsolutions since Specialists 2004Developer of YourCost effective SharePoint SharePoint Branding Templates Experts
  • Have you looked up awebsite on your mobiledevice and had to pinch thescreen to expand thecontent to reach theinformation you need?
  • Steps to Mobile Recovery1. Is this you?2. Admit you have a UI/UX problem3. Seek help4. Have better experience
  • Users accessedinformation using asingle device.Used Keyboard and amouse to deliver userexperience.
  • • Allowed for individual • Required users to maintain masterpages to target multiple masterpages in order specific devices. to provide unified experience• Allowed for a unique viewing for users. experience • Only available in SharePoint 2013 Publishing Sites. • Can have a maximum of 10 device channels.
  • Named by Steve Champeon in2003.Focuses on Content firstNot a good fit for SharePointsince SharePoint starts witha desktop view first.
  •  Ethan Marcotte coined the term responsive web design (RWD) in a May 2010 article in A List Apart. Uses fluid grids and CSS3 Media Queries to adjust layout as screen width decreases. The fluid grid concept calls for page element sizing to be in relative units like percentages, but can also use pixels or points. All content remains and adjusts to the screen width
  • The fluid grid system uses percentsinstead of pixels for column widthsensuring proper proportions for key screenresolutions and devices.
  • Desktop View Phone ViewTablet View
  • Here are some common break points to use for your RWDsites 320 px — Mobile portrait 480 px — Mobile landscape 600 px — Small tablet 768 px — Tablet portrait 1024 px — Tablet landscape/Netbook 1280 px & greater — Desktop
  • Adaptive – “Serving orAble to adapt, likethe coloring of achameleon.”
  • Focuses more on presentationthan on content.Items may selected to be hiddenor not presented as screen widthdecreases. i.e. Banner images orcolumns.
  • Desktop Tablet Mobile