U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you're on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Skip to page content

Mobile Gov User Experience Resources and Design Tools

MobileGov innovators huddled around laptops at a coffee shop.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 Private Sector

**

There are a number of resources in the private sector for designing excellent User Experience. Here are some recommended by the Mobile Community of Practice.

Government Guidance and Resources

Since November 2012, the Mobile Gov Community of Practice 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 Mobile User Experience Guidelines and Recommendations for government.

Mobile User Experience Tools

The 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.

General Mobile User Experience Tools

In 2013, Practical ECommerce released an article offering 19 tools to test your site on mobile devices.

Wire-Framing and Mockup Tools

The 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.

  • Fluid UI is a free software for creating mobile apps mockups/wireframes for Android, iOS and Windows 8.
  • Pencil Project is a free, open-source GUI prototyping tool with mockups available on Windows and Mac.
  • Framebox allows users to create a free, online only wireframe with drag and drop elements and then share the URL.
  • Balsamiq 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.
  • Axure allows for interactive prototype (ad functionality to the layout) and mockups for both websites and apps. This tool is not free.

Frontend Development (Responsive/Mobile Web)

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.

Development Frameworks/Tools

Mobile frameworks are reusable sets of libraries or classes for developing mobile web apps. See the Mobile Code Sharing Catalog for a sampling of these tools.

Tags: ,

GitHub LogoEdit
Top