웹 앱 및 모바일 앱을위한 필수 출시 체크리스트

이것은 제품 및 프로젝트 관리자가 앱의 성능을 빠르게 테스트 할 수 있도록 준비한 웹 및 모바일 앱용 간단한 시작 체크리스트입니다. 또한 앱이 예상대로 작동하는지 확인하기 위해 일반적으로 간과되는 간단한 모바일 앱 테스트 목록도 포함되어 있습니다.

클라이언트 측의 제품 관리자는 제공된 도구를 사용하여 디지털 대행사 또는 개발 상점과 작업 할 때 성능 결과를 볼 수 있습니다.

웹 애플리케이션

웹 애플리케이션의 경우 시작 체크리스트는 다음을 포함해야합니다.

  1. 성능 : Google Page Speed ​​Insights 테스트 통과
  2. 보안
  3. 끊어진 링크
  4. 적합성
  5. SEO / 소셜
  6. 가지고 좋은

성능 : Google Page Speed ​​Insights 테스트 통과

  1. 사이트를 Google PageSpeed ​​Insights에 연결하여 결과를 확인하세요.
  2. 사이트에 로그인 / 자격 증명이 필요한 경우 먼저 사이트에 로그인하고 Chrome Page Speed ​​Insights Extension으로 성능을 확인하십시오.
  3. 또 다른 유용한 도구는 Pass GTMetrix Analysis입니다.

이유 : 통계에 따르면로드 시간이 몇 초면 유지율이 크게 달라집니다. 사이트를로드하는 데 3 초 이상 걸리면 사이트 방문의 53 %가 중단됩니다. 더 빠른 사이트를 사용하면 방문자를 유지하고 사이트 참여도를 높일 수 있습니다. 그러면 이탈률이 감소하고 SEO에 도움이됩니다.

보안

  1. HTTPS 만 사용하십시오. HTTP는 항상 HTTPS로 리디렉션되어야합니다.
  2. Qualys SSL 서버 테스트-A 이상의 점수를 목표로합니다.
  3. Qualys, OpenVAS, Nmap, OSSEC, Security Onion, OpenSSH와 같은 무료 / 오픈 소스 스캔 도구를 고려하십시오.

이유 : 체크리스트가 없으면 이러한 기능은 일반적으로 UI의 일부가 아니고 탐색 테스트에 포함되지 않을 수 있기 때문에 잊기 쉽습니다.

끊어진 링크

  1. 모든 페이지에 Monkeytest에서 깨진 링크가 없는지 확인하십시오.
  2. Screaming Frog에서 모든 페이지에 잘못된 링크가 없는지 확인하십시오.

이유 : UX에 더 좋으며 링크가 끊어지면 SEO가 손상 될 수 있습니다.

적합성

  1. 주요 데스크톱 브라우저 및 해당 버전 (Chrome, Firefox, Safari, Opera, Internet Explorer)과의 호환성 확인
  2. 모바일 브라우저도 확인하세요!
  3. 또한 다양한 화면 크기에서 Safari (iOS) 및 Chrome (Android)의 성능을 확인하십시오.

인앱 브라우저도 다르게 작동 할 수 있습니다. 매우 일반적이므로 Facebook, Reddit, Twitter 또는 Inbox 앱에서 링크를 열어 볼 수 있습니다.

이유 : 모든 데스크톱 브라우저가 동일한 방식으로 렌더링되는 것은 아니며 일관되고 고품질의 사용자 경험을 보장하고자합니다. 또한 반응 형 웹 사이트 또는 웹 앱은 다양한 화면 크기에 맞게 조정해야합니다 (하지만 렌더링 된 버전이 특정 크기에 대해 예상대로 작동하지 않는 경우도 있음).

예를 들어 Internet Explorer 용 YouTube의 고정 헤더에서 찾은 사례를 확인하세요.

SEO / 소셜 미디어

  1. Google에서 올바르게 가져 왔나요? (Google 웹 마스터 도구로 확인)
  2. Google 검색 결과 페이지 (SERP)의 첫 페이지에 있습니까?
  3. 소셜 공유를위한 올바른 OpenGraph 태그가 포함되어 있습니까? 링크를 Facebook / Twitter / Pinterest에 드롭하여 테스트하여 생성 된 이미지, 제목 및 설명을 확인하십시오.
  4. 사이트 또는 앱에 올바른 제목 / 메타 설명 태그가 있습니까?
  5. Favicon이 있습니까?

이유 : SEO 및 소셜 미디어의 기술적 측면을 완료하여 앱, 서비스 또는 웹 사이트를 검색 할 수 있도록합니다. SEO는 잠재 사용자가 주요 검색어를 사용하여 귀하를 찾을 수 있도록 도와줍니다. 소셜 최적화는 사용자와 커뮤니티가 쉽게 공유하여 더 많은 사용자를 추천 할 수 있도록 사이트 콘텐츠의 형식을 지정합니다.

Hubspot의 2017 년 통계에 따르면 마케터의 61 %는 인바운드 마케팅에서 SEO를 개선하고 유기적 온라인 존재를 늘리는 것이 최우선 과제라고 말합니다.

가지고 있으면 좋은 것

  1. //validator.w3.org로 HTML / CSS 유효성 검사
  2. WAVE 또는 //www.w3.org/WAI/ER/tools/에서 도구를 사용하여 기본 웹 접근성을 확인하십시오.
  3. 404 페이지는 유익합니까?
  4. 사이트에 인쇄 스타일 시트가 필요합니까?
  5. 페이지가로드 될 때 JavaScript에 오류가 없는지 확인하십시오 (Google 크롬의 개발자 도구에서 확인).
  6. URL이 합리적이고 설명 적인가? 합리적인 URL은 방문자와 검색 엔진이 귀하의 콘텐츠를 이해하는 데 도움이됩니다.
  7. Canonical 도메인이 작동합니까? (www.abc.com vs abc.com 등)

모바일 앱용

모바일 앱 테스트를위한 간단한 체크리스트입니다. 다음은 모바일 앱에서 일반적으로 간과되는 몇 가지 문제입니다.

  1. 입력이 올바른 유형의 키보드 (예 : 이메일 또는 숫자 입력은 관련 키보드 유형을 사용해야 함) 및 CTA를 사용합니까? (예를 들어, 양식에서 iOS 오른쪽 하단의 키보드 CTA가 다음에 표시되어야하며 탭하면 양식의 다음 입력으로 이동해야합니다.)
  2. 사용자가 기다려야하는 작업을 수행 할 때 앱에 적절한로드 표시기가 있습니까?
  3. 네트워크 상태가 좋지 않은 상태에서 앱을 테스트하여 예상대로 작동하는지 확인합니다.
  4. 비행기 모드에서 앱을 테스트합니다 (오프라인으로 작동해야하는 경우).
  5. 다양한 화면 크기 (특히 작은 화면)에서 앱의 호환성을 테스트합니다.
  6. 앱이 적절한 설명과 함께 권한을 요청하는지 테스트합니다.
  7. 앱에 이해하기 쉬운 오류 메시지가 표시되는지 테스트합니다.
  8. Android에서 중단 (예 : 통화 또는 저장 용량 부족) 중에 앱이 올바르게 작동하는지 테스트합니다.
  9. 다른 현지화 / 시간대를 사용하여 앱을 테스트합니다.
  10. 다양한 글꼴 크기로 앱을 테스트합니다 (특히 iOS에서).

그게 다야. 이 게시물이 도움이된다면 공유 해주세요!

Oursky는 홍콩에 본사를 둔 엔지니어 주도의 디지털 대행사로 글로벌 브랜드 및 상장 기업과 협력 해 왔습니다. 앱이 있거나 제품에 대한 디지털 솔루션을 개발하고 싶다면 연락하십시오!

이 노트는 제가 홍콩에있는 한 기업의 프로젝트 관리자를 위해 개최 한 워크숍에서 발췌 한 것이며 2018 년 5 월 21 일 블로그에 게시되었습니다.