{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Mobile Gov User Experience Resources and Design Tools |Digital.gov",
    "description": "Mobile Gov User Experience Resources and Design Tools",
    "home_page_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/","feed_url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2014/01/20/mobile-gov-user-experience-resources-and-design-tools/index.json","item" : [
    {"title" :"Mobile Gov User Experience Resources and Design Tools","summary" : "In September 2013, the Mobile Gov Community of Practice released user experience guidelines and recommendations for federal agencies to use in order to create good mobile user experiences. This article highlights private sector and government resources and tools to assist agencies in implementing those user experience guidelines. Mobile User Experience Resources and Tools From the","date" : "2014-01-20T02:50:23-04:00","date_modified" : "2025-01-27T19:42:55-05:00","authors" : {"jparcell" : "Jacob Parcell"},"topics" : {
        
            "mobile" : "Mobile",
            "user-experience" : "User experience"
            },"branch" : "bc-archive-content-3",
      "filename" :"2014-01-20-mobile-gov-user-experience-resources-and-design-tools.md",
      
      "filepath" :"news/2014/01/2014-01-20-mobile-gov-user-experience-resources-and-design-tools.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/bc-archive-content-3/content/news/2014/01/2014-01-20-mobile-gov-user-experience-resources-and-design-tools.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/bc-archive-content-3/content/news/2014/01/2014-01-20-mobile-gov-user-experience-resources-and-design-tools.md","slug" : "mobile-gov-user-experience-resources-and-design-tools","url" : "/preview/gsa/digitalgov.gov/bc-archive-content-3/2014/01/20/mobile-gov-user-experience-resources-and-design-tools/","content" :"\u003cp\u003e\u003ca href=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2013/09/MobileGovWikithon2013-06-17.png\"\u003e\u003cimg class=\"alignright size-full wp-image-99122\" alt=\"MobileGov innovators huddled around laptops at a coffee shop.\" src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2013/09/MobileGovWikithon2013-06-17.png\" width=\"436\" height=\"322\" /\u003e\u003c/a\u003eIn September 2013, the Mobile Gov Community of Practice released \u003ca href=\"/preview/gsa/digitalgov.gov/bc-archive-content-3/2013/09/18/making-mobile-gov-user-experience-recommendations/\" title=\"Making Mobile Gov: User Experience Recommendations\"\u003euser experience guidelines and recommendations\u003c/a\u003e for federal agencies to use in order to create good mobile user experiences. This article highlights private sector and government resources and tools to assist agencies in implementing those user experience guidelines.\u003c/p\u003e\n\u003cp\u003e**Mobile User Experience Resources and Tools From the Private Sector\u003c/p\u003e\n\u003cp\u003e**\u003c/p\u003e\n\u003cp\u003eThere are a number of resources in the private sector for designing excellent User Experience. Here are some recommended by the Mobile Community of Practice.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"http://mobile.smashingmagazine.com/2012/07/12/elements-mobile-user-experience/\"\u003eSmashing Magazine\u003c/a\u003e says there are 12 elements to consider for good mobile user experience— mobile context, user input, usability, trustworthiness, feedback, help, social, marketing, functionality, information architecture, content, design.\u003c/li\u003e\n\u003cli\u003eThe \u003ca href=\"http://www.w3.org/\"\u003eWorld Wide Web Consortium\u003c/a\u003e has guidance on \u003ca href=\"http://www.w3.org/Mobile/\"\u003edesigning for mobile\u003c/a\u003e and features a blog where it \u003ca href=\"http://www.w3.org/blog/category/technology/mobile/\"\u003epublishes about mobile design topics\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003eMobile Design expert Maximillo Firtman, who authored books on mobile design has gathered UI Guidelines on mobile and tablet web app design for \u003ca href=\"http://www.mobilexweb.com/blog/ui-guidelines-mobile-tablet-design\"\u003evarious platforms here\u003c/a\u003e. This page features an active discussion board around mobile design.\u003c/li\u003e\n\u003cli\u003eMobile UX Design Books \u003ca href=\"http://www.amazon.com/Tapworthy-Designing-Great-iPhone-Apps/dp/1449381650\"\u003eTapworthy: Designing Great iPhone Apps\u003c/a\u003e by Josh Clark (June 2010) and \u003ca href=\"http://www.nngroup.com/books/mobile-usability/\"\u003eMobile Usability\u003c/a\u003e by Jakob Nielsen (Oct. 2012) are two books that mobile designers turn to for inspiration.\u003c/li\u003e\n\u003cli\u003ePeriodically, \u003ca href=\"http://www.nextgov.com/media/webgraphics-apps/index.html\"\u003eNextGov’s Building Better Apps Series\u003c/a\u003e has 3 mobile experts rate government apps, suggest ideas for improvement and offer guidance for other agencies developing apps.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eGovernment Guidance and Resources\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eSince November 2012, the \u003ca href=\"https://digital.gov/communities/mobile/\" title=\"Mobile Gov Community Events\"\u003eMobile Gov Community of Practice\u003c/a\u003e has been working to create awesome mobile user experiences and expertise in government. The community has hosted workshops, webinars, a user experience toolkit and a crowdsourcing tool. In September 2013, based on this work, the community released over forty \u003ca href=\"https://digital.gov/resources/mobile-user-experience-guidelines-and-recommendations/\" title=\"Mobile User Experience Guidelines and Recommendations\"\u003e\u003cspan class=\"wiki_link_ext\"\u003eMobile User Experience Guidelines and Recommendations \u003c/span\u003e\u003c/a\u003efor government.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eMobile User Experience Tools\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eThe tools provided below are for creating excellent user experience in the planning and development stages of mobile development. In addition, please see the Functionality and Usability Testing Resources page that provides government guidance on user experience and resources that describe how to conduct functionality and usability testing on developed mobile products.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eGeneral Mobile User Experience Tools\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eIn 2013, Practical ECommerce released an article offering 19 tools to \u003ca href=\"http://www.practicalecommerce.com/articles/3883-19-Tools-to-Test-your-Site-for-Mobile-Devices\"\u003etest your site on mobile devices\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eWire-Framing and Mockup Tools\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eThe wireframing/mockup process is the straight-to-the-point and generally non-tech stage of any mobile project. This is the stage where agencies map out their mobile ideas to create great mobile user experiences. These services/companies or web sites are offered as a sample of what is currently available and do not indicate an endorsement of them or their products and/or services.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"ttps://www.fluidui.com/\"\u003eFluid UI\u003c/a\u003e is a free software for creating mobile apps mockups/wireframes for Android, iOS and Windows 8.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://pencil.evolus.vn/Default.html\"\u003ePencil Project\u003c/a\u003e is a free, open-source GUI prototyping tool with mockups available on Windows and Mac.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://framebox.org/hYtE\"\u003eFramebox\u003c/a\u003e allows users to create a free, online only wireframe with drag and drop elements and then share the URL.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://balsamiq.com/\"\u003eBalsamiq\u003c/a\u003e is a wireframing/mockups tool that works on Mac, Linux, Windows. This web-based tool has a cost and allows drag and drop of UI elements.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://www.axure.com/\"\u003eAxure\u003c/a\u003e allows for interactive prototype (ad functionality to the layout) and mockups for both websites and apps. This tool is not free.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eFrontend Development (Responsive/Mobile Web)\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eThese services/companies or web sites are offered as a sample of what is currently available and do not indicate an endorsement of them or their products and/or services.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"http://twitter.github.io/bootstrap/\"\u003eTwitter Bootstrap\u003c/a\u003e is a free front-end framework for web development\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://foundation.zurb.com/\"\u003eFoundation\u003c/a\u003e is a responsive front-end framework for all devices\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://www.getskeleton.com/\"\u003eSkeleton\u003c/a\u003e is a boilerplate for responsive, mobile-friendly development\u003c/li\u003e\n\u003cli\u003eThe Federal \u003ca href=\"http://gsa.github.io/Mobile-Code-Catalog/\"\u003eMobile Code Sharing Catalog\u003c/a\u003e contains mobile code and other similar tools for development.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eDevelopment Frameworks/Tools\u003c/strong\u003e\u003c/p\u003e\n\u003cp\u003eMobile frameworks are reusable sets of \u003ca href=\"http://en.wikipedia.org/wiki/Library_%28computing%29\"\u003elibraries\u003c/a\u003e or \u003ca href=\"http://en.wikipedia.org/wiki/Class_%28computer_programming%29\"\u003eclasses\u003c/a\u003e for developing mobile web apps. See the \u003ca href=\"http://gsa.github.io/Mobile-Code-Catalog/%7C\"\u003eMobile Code Sharing Catalog\u003c/a\u003e for a sampling of these tools.\u003c/p\u003e\n"}
  ]
}