Den vigtige tjekliste til lancering af webapps og mobilapps

Dette er en simpel lanceringstjekliste til web- og mobilapps, som jeg har forberedt til produkt- og projektledere til hurtigt at teste deres apps ydeevne. Den indeholder også en liste over almindeligt overset enkle mobilapptest for at bekræfte, at appen opfører sig som forventet.

Produktadministratorer på klientsiden kan bruge de medfølgende værktøjer til at se præstationsresultater, når de arbejder med digitale bureauer eller dev-butikker.

Webapplikationer

For webapplikationer skal startchecklisten omfatte følgende:

  1. Ydeevne: Bestå Google Page Speed ​​Insights Test
  2. Sikkerhed
  3. Brudte links
  4. Kompatibilitet
  5. SEO / Social
  6. Dejligt at have

Ydeevne: Bestå Google Page Speed ​​Insights Test

  1. Tilslut webstedet til Google PageSpeed ​​Insights for at se dine resultater
  2. Hvis webstedet kræver login / legitimationsoplysninger, skal du først logge ind på webstedet og kontrollere ydelsen med Chrome Page Speed ​​Insights Extension
  3. Et andet nyttigt værktøj er Pass GTMetrix-analyse

Hvorfor: Statistik har konsekvent vist, at et par sekunder i indlæsningstid gør en enorm forskel i tilbageholdelse. 53% af webstedsbesøg opgives, hvis det tager mere end 3 sekunder at indlæse et websted. At have et hurtigere websted hjælper med at fastholde besøgende og øger engagementet med dit websted. Dette reducerer igen din afvisningshastighed og hjælper din SEO.

Sikkerhed

  1. Brug kun HTTPS. HTTP skal altid omdirigere til HTTPS.
  2. Qualys SSL Server Test - Mål for en score på A og derover
  3. Overvej disse gratis / open source scanningsværktøjer (blandt andre): Qualys, OpenVAS, Nmap, OSSEC, Security Onion, OpenSSH

Hvorfor: Det er let at glemme, hvis der ikke er nogen tjekliste, fordi disse funktioner normalt ikke er en del af brugergrænsefladen og muligvis ikke bliver fanget i sonderende tests.

Brudte links

  1. Kontroller, at alle sider ikke har nogen ødelagte links på Monkeytest
  2. Kontroller, at alle sider ikke har nogen ugyldige links på Screaming Frog

Hvorfor: det er bedre for UX, og ødelagte links kan skade din SEO.

Kompatibilitet

  1. Kontroller kompatibilitet med større desktop-browsere og deres versioner (Chrome, Firefox, Safari, Opera, Internet Explorer)
  2. Tjek også mobile browsere!
  3. Kontroller også, hvordan Safari (iOS) og Chrome (Android) fungerer på forskellige skærmstørrelser.

Browsere i appen kan også opføre sig anderledes. Da de er meget almindelige, kan du prøve at åbne et link fra Facebook, Reddit, Twitter eller endda din Indbakke-app.

Hvorfor: Ikke alle desktop-browsere gengiver på samme måde, og du vil sikre en ensartet brugeroplevelse af høj kvalitet. Derudover skal responsive websteder eller webapps tilpasse sig forskellige skærmstørrelser (men undertiden opfører den gengivne version sig ikke som forventet for en bestemt størrelse).

Se f.eks. En sag, vi fandt med YouTubes klæbrig overskrift til Internet Explorer.

SEO / sociale medier

  1. Hentes det korrekt af Google? (Tjek med Google Webmasterværktøjer)
  2. Er det på den første side af Googles søgeresultatsider (SERP'er)?
  3. Indeholder den korrekte OpenGraph-tags til social deling? Test ved at slippe linket på Facebook / Twitter / Pinterest for at se, hvilket billede, titel og beskrivelse der genereres
  4. Har webstedet eller appen den korrekte titel / meta-beskrivelseskode?
  5. Har den et Favicon?

Hvorfor: Sørg for, at din app, service eller dit websted kan findes ved at udfylde den tekniske side af SEO og sociale medier. SEO hjælper potentielle brugere med at finde dig ved hjælp af nøgleudtryk. Social optimering formaterer dit webstedsindhold, så dine brugere og samfund let kan dele for at henvise flere brugere.

Ifølge Hubspots 2017-statistik siger 61% af marketingfolk at forbedre SEO og dyrke en organisk online-tilstedeværelse er deres højeste prioritet for indgående markedsføring.

Ting, der er rart at have

  1. Valider HTML / CSS med //validator.w3.org
  2. Tjek grundlæggende webtilgængelighed med WAVE eller med værktøjer på //www.w3.org/WAI/ER/tools/
  3. Er de 404 sider informative?
  4. Har dit websted brug for et typografiark til udskrivning?
  5. Sørg for, at din JavaScript er fejlfri, når din side indlæses (tjek fra Google Chrome's Developer Tools)
  6. Er URL'erne rimelige / beskrivende? Rimelige webadresser hjælper besøgende og søgemaskiner med at forstå dit indhold.
  7. Fungerer Canonical domæne? (www.abc.com vs abc.com osv.)

Til mobilapps

Dette er en simpel tjekliste til test af mobilapps. Her er nogle ofte overset problemer med mobilapps:

  1. Bruger input den korrekte type tastatur (f.eks. Skal e-mail eller nummerinput bruge den relaterede type tastaturer) og CTA? (for eksempel i en form skal tastaturet CTA nederst til højre i iOS vises næste, og når der trykkes på det, skal det gå til næste input af formularen).
  2. Har appen en korrekt indlæsningsindikator, når den udfører arbejde, der kræver, at brugerne venter?
  3. Test appen under dårlige netværksforhold for at kontrollere, om den opfører sig som forventet.
  4. Test appen i flytilstand (hvis den skal fungere offline).
  5. Test kompatibiliteten af ​​apps i forskellige skærmdimensioner (især små skærme).
  6. Test om appen beder om tilladelser med en korrekt forklaring.
  7. Test, om appen viser fejlmeddelelser, der er lette at forstå.
  8. Test om appen fungerer korrekt under afbrydelser i Android (såsom et opkald eller lav lagerplads).
  9. Test appen med forskellige lokaliserings- / tidszoner.
  10. Test appen med forskellige skriftstørrelser (især i iOS).

Det handler om det. Del venligst, hvis du fandt dette indlæg nyttigt!

Oursky er et ingeniørledet digitalt bureau med base i Hong Kong, der har arbejdet med globale mærker og børsnoterede virksomheder. Hvis du har en app eller gerne vil udvikle en digital løsning til dit produkt, så kontakt os!

Disse noter er tilpasset fra en workshop, jeg afholdt for projektledere i en virksomhed i Hong Kong og blev offentliggjort på vores blog den 21. maj 2018.