De essentiële startchecklist voor webapps en mobiele apps

Dit is een eenvoudige startchecklist voor web- en mobiele apps die ik heb opgesteld voor product- en projectmanagers om de prestaties van hun apps snel te testen. Het bevat ook een lijst met vaak over het hoofd geziene eenvoudige tests voor mobiele apps om te bevestigen dat de app zich gedraagt ​​zoals verwacht.

Productmanagers aan de klantzijde kunnen de geboden tools gebruiken om prestatieresultaten te zien bij het werken met digitale bureaus of ontwikkelaars.

Web applicaties

Voor webtoepassingen moet de startcontrolelijst het volgende bevatten:

  1. Prestaties: slaag voor Google Page Speed ​​Insights Test
  2. Veiligheid
  3. Gebroken links
  4. Compatibiliteit
  5. SEO / sociaal
  6. Leuk om te hebben

Prestaties: slaag voor Google Page Speed ​​Insights Test

  1. Sluit de site aan op Google PageSpeed ​​Insights om uw resultaten te zien
  2. Als de site login / inloggegevens vereist, log dan eerst in op de site en controleer de prestaties met de Chrome Page Speed ​​Insights-extensie
  3. Een andere handige tool is Pass GTMetrix Analysis

Waarom? Statistieken hebben consequent aangetoond dat een paar seconden laadtijd een enorm verschil maakt in retentie. 53% van de sitebezoeken wordt gestaakt als het laden van een site meer dan 3 seconden duurt. Het hebben van een snellere site helpt bezoekers vast te houden en vergroot de betrokkenheid bij uw site. Dit verlaagt op zijn beurt uw bouncepercentage en helpt uw ​​SEO.

Veiligheid

  1. Gebruik alleen HTTPS. HTTP moet altijd omleiden naar HTTPS.
  2. Qualys SSL Server Test - Streef naar een score van A en hoger
  3. Overweeg deze gratis / open source scantools (onder andere): Qualys, OpenVAS, Nmap, OSSEC, Security Onion, OpenSSH

Waarom: het is gemakkelijk te vergeten als er geen checklist is, omdat deze functies meestal geen deel uitmaken van de gebruikersinterface en mogelijk niet worden ontdekt in verkennende tests.

Gebroken links

  1. Controleer op Monkeytest of alle pagina's geen verbroken links krijgen
  2. Controleer of alle pagina's geen ongeldige links krijgen op Screaming Frog

Waarom: het is beter voor UX, en verbroken links kunnen uw SEO schaden.

Compatibiliteit

  1. Controleer de compatibiliteit met de belangrijkste desktopbrowsers en hun versies (Chrome, Firefox, Safari, Opera, Internet Explorer)
  2. Controleer ook mobiele browsers!
  3. Controleer ook hoe Safari (iOS) en Chrome (Android) presteren op verschillende schermformaten.

In-app-browsers kunnen zich ook anders gedragen. Omdat ze heel gewoon zijn, kun je proberen een link te openen vanaf Facebook, Reddit, Twitter of zelfs je Inbox-app.

Waarom: niet alle desktopbrowsers worden op dezelfde manier weergegeven en u wilt een consistente en hoogwaardige gebruikerservaring garanderen. Bovendien moeten responsieve websites of webapps zich aanpassen aan verschillende schermformaten (maar soms gedraagt ​​de gerenderde versie zich niet zoals verwacht voor een specifiek formaat).

Bekijk bijvoorbeeld een case die we hebben gevonden met de plakkerige koptekst van YouTube voor Internet Explorer.

SEO / sociale media

  1. Is het correct opgehaald door Google? (Raadpleeg Google Webmaster Tools)
  2. Staat het op de eerste pagina van Google-zoekresultatenpagina's (SERP's)?
  3. Bevat het de juiste OpenGraph-tags voor sociaal delen? Test door de link op Facebook / Twitter / Pinterest neer te zetten om te zien welke afbeelding, titel en beschrijving wordt gegenereerd
  4. Heeft de site of app de juiste titel / metabeschrijvingstag?
  5. Heeft het een favicon?

Waarom: zorg ervoor dat uw app, service of website vindbaar is door de technische kant van SEO en sociale media te voltooien. SEO helpt potentiële gebruikers u te vinden met behulp van belangrijke zoektermen. Met sociale optimalisatie wordt de inhoud van uw site opgemaakt, zodat uw gebruikers en community deze gemakkelijk kunnen delen om meer gebruikers door te verwijzen.

Volgens de statistieken van Hubspot over 2017 zegt 61% van de marketeers dat het verbeteren van SEO en het vergroten van een organische online aanwezigheid hun topprioriteit is voor inbound marketing.

Dingen die leuk zijn om te hebben

  1. Valideer HTML / CSS met //validator.w3.org
  2. Controleer de basiswebtoegankelijkheid met WAVE of met tools op //www.w3.org/WAI/ER/tools/
  3. Zijn de 404 pagina's informatief?
  4. Heeft uw site een print stylesheet nodig?
  5. Zorg ervoor dat uw JavaScript foutloos is wanneer uw pagina wordt geladen (controleer dit in de ontwikkelaarstools van Google Chrome)
  6. Zijn de URL's redelijk / beschrijvend? Redelijke URL's helpen bezoekers en zoekmachines uw inhoud te begrijpen.
  7. Werkt het canonieke domein? (www.abc.com vs abc.com, enzovoort)

Voor mobiele apps

Dit is een eenvoudige checklist voor het testen van mobiele apps. Hier zijn enkele vaak over het hoofd geziene problemen met mobiele apps:

  1. Gebruikt invoer het juiste type toetsenbord (e-mail- of cijferinvoer moet bijvoorbeeld het gerelateerde type toetsenbord gebruiken) en CTA? (in een formulier moet bijvoorbeeld de CTA op het toetsenbord rechtsonder in iOS het volgende worden weergegeven, en wanneer erop wordt getikt, moet het naar de volgende invoer van het formulier gaan).
  2. Heeft de app een goede laadindicator wanneer deze werk uitvoert waarbij gebruikers moeten wachten?
  3. Test de app in slechte netwerkomstandigheden om te controleren of deze zich gedraagt ​​zoals verwacht.
  4. Test de app in vliegtuigmodus (als deze offline zou moeten werken).
  5. Test de compatibiliteit van apps in verschillende schermafmetingen (vooral kleine schermen).
  6. Test of de app toestemming vraagt ​​met een goede uitleg.
  7. Test of de app foutmeldingen weergeeft die gemakkelijk te begrijpen zijn.
  8. Test of de app correct werkt tijdens onderbrekingen in Android (zoals een oproep of weinig opslagruimte).
  9. Test de app met verschillende lokalisatie / tijdzones.
  10. Test de app met verschillende lettergroottes (vooral in iOS).

Dat is het zowat. Deel alsjeblieft als je dit bericht nuttig vond!

Oursky is een door ingenieurs geleid digitaal bureau gevestigd in Hong Kong dat heeft samengewerkt met wereldwijde merken en beursgenoteerde bedrijven. Heeft u een app of wilt u een digitale oplossing voor uw product ontwikkelen, neem dan contact met ons op!

Deze notities zijn ontleend aan een workshop die ik heb gehouden voor projectmanagers in een onderneming in Hong Kong en gepubliceerd op onze blog op 21 mei 2018.