| slug | date | title | deck | summary | authors | topics | aliases | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|
mobile-user-experience-guidelines |
2013-12-11 04:13:00 -0400 |
Mobile User Experience Guidelines |
Six user experience guidelines for creating a mobile product. |
These mobile user experience guidelines were distilled from community feedback about mobile UX practices. |
|
|
|
If your app doesn't have a good user experience, it goes to the [app graveyard]({{< ref "2014-07-29-trends-on-tuesday-avoid-the-app-graveyard.md" >}}).
The need for digital products to work better is not new in the federal government. Resources like the Digital Playbook and Public Participation Playbook have had impact helping agencies become user-friendly and both of these resources note the importance of developing usable products for mobile users.
As more agencies develop mobile apps and websites, they need quick guidance on mobile user experience Do's and Don'ts. To answer their call, we asked [MobileGov Community of Practice]({{< ref "/communities" >}}) members to choose their top Mobile UX Guidelines from the original group of 42 created in 2013 at community events in late 2014 and early 2015. From that feedback, we have distilled the following six mobile user experience guidelines:
Guideline 1: Make sure your content is structured and chunked appropriately for multiple devices
Guideline 2: Follow industry user interface guidelines and government regulations (like 508) in the development of your mobile product
Guideline 3: Leverage the device’s features for usability and accessibility
Guideline 4: Test at multiple points in the design or development process
Guideline 5: Collect and use quantitative and qualitative data to determine what content your users want and where
Guideline 6: Develop security and privacy guidelines with regard to what the app does and how it protects user data and government systems
Below we have added specific resources to each guideline.
- [DigitalGov Resources to Make your Content Mobile-Friendly]({{< ref "2015-05-04-helpful-resources-to-help-make-your-content-mobile-friendly.md" >}}) – An overview of DigitalGov resources about making agency content mobile friendly. Find case studies, tools and code to help you mobilize content.
- [Why NCI Moved to a Structured]({{< ref "2013-07-25-why-nci-moved-to-a-structured-content-model.md" >}}) Content Model (a case study)
- [Structured]({{< ref "2015-03-20-structured-content-in-government-how-hhs-and-nci-are-getting-started.md" >}}) Content in Government: How HHS and NCI Are Getting Started
- 18F Digital Content Guide – This guide helps writers create content that’s easy to use and meets citizens where they’re at.
- Open Source Code for [Making Tables Responsive]({{< ref "2014-12-11-defense-finance-accounting-services-use-hhs-code-to-make-mobile-friendly-tables.md" >}}) – Learn how the Defense Financial Accounting Service [leveraged code that the Department of Health and Human Services developed]({{< ref "2014-10-30-hhs-conquers-tables-in-a-responsive-design.md" >}}) to make their tables and charts responsive.
- Open and Structured Content: “Article” and “Event” Models
- [Government Open and Structured Content Models Are Here]({{< ref "2014-05-05-government-open-and-structured-content-models-are-here.md" >}}) – Introduction to the content models developed by the Open and Structured Content Working Group
- Open and Structured Content Models Project – Article and Event Content Model Repository with element field definitions for both models.
- [What Structured Content Can Do For You: Webinar Recap]({{< ref "2014-06-09-what-structured-content-can-do-for-you-webinar-recap.md" >}}) – Introduction to the Article Content Model
- [Open and Structured Content Models Workshop Recap]({{< ref "2014-10-27-open-and-structured-content-models-workshop-recap.md" >}}) – Highlights from September 2014 workshop featuring speakers from National Public Radio and the Securities and Exchange Commission.
- [Top 5 Reasons to Use Government-wide Open]({{< ref "2014-08-20-top-5-reasons-to-use-government-wide-open-and-structured-content-models.md" >}}) and Structured Content Models
- [Always Future Ready: The Benefits of Open]({{< ref "2013-10-28-always-future-ready-the-benefits-of-open-content-models-and-structured-data-webinar.md" >}}) Content Models and Structured Data Webinar
- [The Content Corner: Humanizing Structured Content]({{< ref "2015-06-01-the-content-corner-humanizing-structured-content.md" >}}) – Article offering tips on how to encourage content creators and SMEs to use content models.
- Open and Structured Content Working Group Discussion Board— Join the discussion about adopting structured content models across government.
- Guidelines to [making Mobile Websites]({{< ref "2015-04-15-mobilegeddon-government-edition.md" >}}) mobile search friendly – A how-to guide written by the Search.gov (formerly DigitalGov Search) team
- [How to Use Open Source CMS to Implement Responsive Web Design]({{< ref "2014-09-03-mobile-web-templates-how-to-use-open-source-cms-to-implement-responsive-web-design-webinar-recap.md" >}})
Guideline 2: Follow industry user interface guidelines and government regulations (like 508) in the development of your mobile product
- Section 508 Rules refresh – includes guidance for smartphones and other new devices.
- [Status of Worldwide Efforts to Update Accessibility Guidance]({{< ref "2015-06-23-trends-on-tuesday-global-efforts-underway-to-update-mobile-accessibility-guidelines.md" >}})
- U.S. Department of Labor’s Accessibility test script for Section 508 compliance of native apps .
- [Mobile Statement of Work and Developer Qualifications]({{< ref "mobile-sow-and-developer-qualifications.md" >}})
- Developed by agencies with mobile contracts, includes current iOS, Google Play, etc. SDK requirements).
- Android Accessibility Guidelines and iOS Accessibility Guidelines
- Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile – Provides informative guidance on how the WCAG 2.0 guidelines map to mobile devices.
- BBC’s Standards and Guidelines for Mobile Accessibility – a set of technology agnostic best practices for mobile web content, hybrid and native apps.
- Google’s Material Design – Develop a single underlying system that allows for a unified experience across platforms and device sizes. Mobile precepts are fundamental, but touch, voice, mouse, and keyboard are all first-class input methods.
- Google’s Material Design Lite – brings Material Design Guidelines to web browsers so web pages on mobile will display similarly to native apps
- Google Mobile Tool – checks to see how your website appears on mobile devices.
- Google Mobile Friendly PDF – Basic one sheeter for webmasters.
- Google Principles of Mobile Site Design – Tips for delighting mobile users and increasing mobile conversions.
- [How Six Agencies are CrowdSourcing with Native Apps]({{< ref "2014-12-22-how-six-agencies-are-crowdsourcing-with-mobile-apps.md" >}})
- [NOAA CrowdMag: Citizen Science on the Go]({{< ref "2015-06-18-noaas-crowdmag-app-citizen-science-on-the-go.md" >}})
- [American Battle Monuments Commission Native Apps]({{< ref "2015-03-05-explore-iconic-overseas-world-war-ii-sites-with-abmc-apps.md" >}})
- Mobile User Experience: Limitations and Strengths
- A Checklist for Designing Mobile Input Fields
- Accordions on Mobile
- [Design Sketching: The Easiest Prototype Method Ever]({{< ref "2014-08-08-design-sketching-the-easiest-prototype-method-ever.md" >}}) – Discusses how paper sketching can quickly capture the essence of a mobile app/website.
- [Mobile paper prototype]({{< ref "2014-05-22-how-to-make-a-mobile-paper-prototype.md" >}})
- [Mobile Product Testing Guidelines and Resources]({{< ref "2013-08-22-mobile-product-testing-guidelines.md" >}})
- [The Emulator Dilemma: Can Mobile Device Testing Be Completed With Devices?]({{< ref "2015-06-09-the-emulator-dilemma-can-mobile-device-testing-be-completed-without-mobile-devices.md" >}})
- [AIDS.Gov Performance Testing Lessons Learned]({{< ref "2014-11-18-trends-on-tuesday-speed-matters-when-measuring-responsive-web-design-performance-load-times.md" >}})
- Android Testing Guidance
- iOS Testing Guidance
- Blackberry Testing Guidance
- Windows Testing Guidance
- W3C Mobile OK Checker
- Why Mobile Testing is Tough
Guideline 5: Collect and use quantitative and qualitative data to determine what content your users want and where
- [Digital Analytics Program]({{< ref "/guides/dap/_index.md" >}})
- [SaferBus Mobile Usability Case Study]({{< ref "2013-03-21-saferbus-mobile-usability-case-study.md" >}})
- [AIDS.gov Responsive Design]({{< ref "2012-07-11-aids-gov-responsive-design.md" >}})
- [CDC’s Digital Front Door Goes Responsive]({{< ref "2014-06-05-cdcs-digital-front-door-goes-responsive.md" >}})
- [Responsive Web Design Challenges Webinar Recap]({{< ref "2014-10-21-responsive-web-design-challenges-webinar-recap.md" >}})
- Google Analytics Academy - Mobile App Analytics Fundamentals (YouTube playlist, 14 videos)
- Flurry Mobile Analytics
- GovUK Analysis of Mobile User Habits
- Multi-armed Bandit Approach to Testing
- The Ultimate Guide to A/B Testing
Guideline 6: Develop security and privacy guidelines with regard to what the app does and how it protects user data and government systems
- Federal Mobility Group
- Mobile Privacy Disclosures: Building Trust Through Transparency: A Federal Trade Commission Staff Report, Feb 2013
- Mobile App Developers: Start with Security, FTC
- Security and Privacy Changes in iOS 9 – iOS 9 to enforce HTTPS by default
- TOSDR.org – Write better Terms of Service by using plain language