https://unsplash.com/photos/RLw-UC03Gwc

The Essential Launch Checklist for Websites, Web Apps, and Mobile Apps

This is a simple web app and website launch checklist for product/project managers to quickly test performance plus a list of commonly overlooked mobile app simple tests to confirm that the app behaves as expected. Product managers on the client side can use the tools provided to see performance results when working with digital agencies or dev shops.

For Sites:

  1. Performance: Pass Google Page Speed Insights Test
  2. Security
  3. Broken Links
  4. Compatibility
  5. SEO / Social
  6. Nice to Haves

Performance: Pass Google Page Speed Insights Test

website launch checklist
Note that Google will make page speed a factor in mobile search ranking starting July 2018
  1. Plug the site into Google PageSpeed Insights to see your results
  2. If the site requires login / credentials, login to the site first and check with Chrome Page Speed Insights Extension
  3. Another useful tool is Pass GTMetrix Analysis

Why: Statistics have consistently shown that a few seconds in load time makes a huge difference in retention. 53% of site visits are abandoned if a site takes more than 3 seconds to load. Having a faster site retains visitors, which actually has them engaging with your site, reducing your bounce rate, and helping your SEO.

Security

website launch checklist
Ensure your website / web app has at least Grade A score for SSL.
  1. HTTPS only, HTTP should always redirect to HTTPS
  2. Qualys SSL Server Test – Score A
  3. Scanning tools such as these free/opensource options: Qualys, OpenVAS, Nmap, OSSEC, Security Onion, OpenSSH

Why: Easy to forget if there is no checklist because these features are usually not part of the UI and may not be caught in exploratory tests.

Broken Links

website launch checklist
Image source: Screaming Frog website
  1. Check that all pages get no broken links onMonkeytest
  2. Check all pages get no invalid links on Screaming Frog

Why: Better for UX and broken links can hurt SEO.

Compatibility

website browser compatibility
Websites need to be compatible with the latest browsers.
  1. Check compatibility with major desktop browsers and their versions (Chrome, Firefox, Safari, Opera, Internet Explorer)
  2. Check mobile browsers too!
  3. Safari (iOS) and Chrome (Android) for with various screen sizes
  4. In-app browsers can also behave differently. Since they are very common, you can try opening a link from Facebook, Reddit, Twitter or even your Inbox app.

Why: Not all desktop browsers render the same way, and you want to ensure consistent quality for user experience. In addition, responsive websites or web apps should adjust for screen sizes, but sometimes the rendered version does not behave as expected for a specific size. For example, we discussed a case we found with YouTube’s sticky header for Internet Explorer.

SEO / Social

website launch checklist
Keeping #1 in Google’s SERPs is essential for clicks!
  1. Is it fetched correctly by Google? (Check with Google Webmaster Tools)
  2. Is it in the first page of Google Search Results Pages (SERPs)
  3. Does it contain correct OpenGraph tags for social sharing:
  4. Test by dropping the link into Facebook / Twitter / Pinterest to see what image, title, and description is generated
  5. Does the site or app have the correct Title / Meta Description Tag?
  6. Does it have Favicon?

Why: Ensure your app, service, or website is discoverable by completing the technical side of SEO and social media. SEO helps potential users find you using key search terms. Social optimization formats your site content so that your users and community can easily share to refer more users. According to Hubspot’s 2017 statistics, 61% of marketers say improving SEO and growing an organic online presence is their top priority for inbound marketing.

Nice to have

offline paper css
Image Source: Paper CSS by cognitom on GitHub
  1. Validate HTML/CSS with https://validator.w3.org
  2. Basic Web Accessibility with WAVE or with tools at https://www.w3.org/WAI/ER/tools/
  3. Are the 404 pages informative?
  4. Does your site need a print stylesheet?
  5. Make sure Javascript is error free (check from Google Chrome’s Developer Tools)
  6. Are the URLs reasonable/descriptive? Reasonable URLs helps visitors and search engines to understand your content.
  7. Does Canonical domain work? (www.abc.com vs abc.com, etc)

For Mobile Apps

iphone 4se ui breaks
Small screens like the iPhone 4SE pose UI challenges.

This is a simple checklist for testing mobile apps. Here are some commonly overlooked problems with mobile apps:

  • Does input use the correct type of keyboard (e.g. Email or number inputs should use the related type of keyboards) and CTA? (e.g. in a form, the keyboard CTA on bottom right in iOS, should show next, and when tapped on, it should go to the next input of the form)
  • Does the app have proper loading indicator when it is performing work that requires users to wait?
  • Test the app in poor network conditions, to check if it behaves as expected (Details: https://code.oursky.com/offline-first-network-connection-error/).
  • Test the app in airplane mode (if it is supposed to work offline).
  • Test the compatibility of apps in different screen dimensions (especially small screens).
  • Test if the app asks for permissions with a proper explanation.
  • Test if the app displays error messages that are easy to understand.
  • Test if the app works correctly during interruptions in Android (such as a call, or low storage).
  • Test the app with different localization / time zones.
  • Test the app with different font sizes (especially in iOS).

Please share if you found this post helpful, please share!

Oursky is an engineer-led digital agency based in Hong Kong that has worked with global brands and listed companies. If you have an app or would like to develop a digital solution for your product, get in touch!

Leave a Reply

%d bloggers like this: