Your SlideShare is downloading. ×
The Mobile Revolution
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The Mobile Revolution

587
views

Published on

The Mobile Revolution

The Mobile Revolution

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
587
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. D’arce HessDeveloper, Athlete and MusicianPixelMillBlog: www.thebrandingbutterfly.comWebsite: www.pixelmill.comEmail: dhess@pixelmill.com @darcehess www.linkedin.com/in/darcehess/ http://www.youtube.com/user/DarceHess
  • 2. Developing SharePoint SharePoint Branding and UIsolutions since Specialists 2004Developer of YourCost effective SharePoint SharePoint Branding Templates Experts
  • 3. Have you looked up awebsite on your mobiledevice and had to pinch thescreen to expand thecontent to reach theinformation you need?
  • 4. Steps to Mobile Recovery1. Is this you?2. Admit you have a UI/UX problem3. Seek help4. Have better experience
  • 5. Users accessedinformation using asingle device.Used Keyboard and amouse to deliver userexperience.
  • 6. • 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.
  • 7. Named by Steve Champeon in2003.Focuses on Content firstNot a good fit for SharePointsince SharePoint starts witha desktop view first.
  • 8.  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
  • 9. The fluid grid system uses percentsinstead of pixels for column widthsensuring proper proportions for key screenresolutions and devices.
  • 10. Desktop View Phone ViewTablet View
  • 11. 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
  • 12. Adaptive – “Serving orAble to adapt, likethe coloring of achameleon.”
  • 13. Focuses more on presentationthan on content.Items may selected to be hiddenor not presented as screen widthdecreases. i.e. Banner images orcolumns.
  • 14. Desktop Tablet Mobile

×