{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Mobile First |Digital.gov",
    "description": "Mobile First",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2013/09/30/mobile-first/index.json","item" : [
    {"title" :"Mobile First","summary" : "Mobile First is the idea that web sites should first be designed for mobile devices, including only those tasks/items that website visitors use most. Then as screen real estate increases, add in tasks/features as needed based on user priority. This means the site","date" : "2013-09-30T11:44:17-04:00","date_modified" : "2025-01-27T19:42:55-05:00","topics" : {
        
            "content-strategy" : "Content strategy",
            "design" : "Design",
            "mobile" : "Mobile",
            "user-experience" : "User experience"
            },"branch" : "bc-archive-content-3",
      "filename" :"2013-09-30-mobile-first.md",
      
      "filepath" :"news/2013/09/2013-09-30-mobile-first.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/news/2013/09/2013-09-30-mobile-first.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/news/2013/09/2013-09-30-mobile-first.md","slug" : "mobile-first","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2013/09/30/mobile-first/","content" :"\u003cp\u003eMobile First is the idea that web sites should first be designed for mobile devices, including only those tasks/items that website visitors use most. Then as screen real estate increases, add in tasks/features as needed based on user priority.\u003c/p\u003e\n\u003cdiv class=\"image image-right image-right-legacy\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2014/04/smartphones-250-x-167.jpg\"\n    alt=\"An illustration of a stack of smart cell phones\"/\u003e\u003c/div\u003e\n\n\u003cp\u003eThis means the site will work (to some degree) on that shiny new web-enabled gizmo sitting under your neighbor’s Christmas tree 4 years from now.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eAllows websites to reach more people (77% of the world’s population has a mobile device, 85% of phones sold in 2011 equipped with browser)\u003c/li\u003e\n\u003cli\u003eForces designers to focus on core content and functionality (What do you do when you lose 80% of your screen real estate?)\u003c/li\u003e\n\u003cli\u003eLets designers innovate and take advantage of new technologies (geolocation, touch events and more)\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eBy first creating an experience that prioritizes a worst-case mobile scenario, you ensure that your users will be able to accomplish their goals despite a lot of factors working against them. In short, if you can support the mobile web, you can support anything.\u003c/p\u003e\n\u003cp\u003eAccording to \u003ca href=\"http://www.lukew.com/resources/mobile_first.asp\" rel=\"nofollow\"\u003eLuke Wroblewski\u003c/a\u003e, a leading proponent of mobile first design, going mobile first:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eprepares you for the explosive growth and new opportunities emerging on mobile today,\u003c/li\u003e\n\u003cli\u003eforces you to focus and prioritize your products by embracing the constraints inherent in mobile design, and\u003c/li\u003e\n\u003cli\u003eallows you to deliver innovative experiences by building on new capabilities native to mobile devices and modes of use.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eMobile first is closely related to the concept of \u003ca href=\"/preview/gsa/digitalgov.gov/bc-archive-content-3/2013/06/11/responsive-design/\" title=\"Responsive Design Overview, Resources and Tools\"\u003eresponsive web design\u003c/a\u003e which uses \u003ca href=\"http://en.wikipedia.org/wiki/Cascading_Style_Sheets#CSS3\" rel=\"nofollow\"\u003eW3C CSS3 media queries\u003c/a\u003e.\u003c/p\u003e\n"}
  ]
}