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 6 6



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