실행 가능한 사용성 체크리스트: 수정해야 할 사용성 실수

어떻게 우리가 2015년에 있고 2007년과 동일한 사용성 오류가 표시될 수 있습니까? 우리는 완전히 새로운 인터넷 시대에 살고 있지만 거대한 회사들조차 매우 명백한 문제 덕분에 거의 사용할 수 없는 웹사이트를 출시하고 있습니다.

이것들은 놀라울 정도로 일반적이며 자신을 그리워할 수도 있는 것들입니다.

나는 깨진 링크를 정기적으로 관리합니다.

몇 분 전에 Smashing Magazine의 링크를 따라가다가 404 오류가 발생했습니다. 페이지는 더 이상 존재하지 않았지만 댓글과 소셜에서 참여를 얻고 있는 여전히 트래픽이 많은 기사에서 바로 연결되었습니다.

페이지가 이동되거나 제거될 때마다 웹사이트 전체에서 다시 확인해야 합니다. 홈페이지뿐만 아니라 존재할 수 있는 모든 언급을 검색해야 합니다. 사이트에서 이러한 링크를 놓치면 아마추어적이고 비전문적으로 보이며 실제로 권한을 손상시킬 수 있습니다.

도구!

• 깨진 링크 검사기 (워드프레스 플러그인)
• 웹사이트 크롤러 및 XML 사이트맵 생성기 (웹 기반 도구)

내 사이트는 빠르고 원활합니다

가장 흔한 죄 중 하나: 너무 많은 웹사이트가 고통스러울 정도로 느리거나 자주 다운됩니다. 이것은 너무나 명백한 실수이지만 너무 자주 간과되어 거의 믿을 수 없습니다!

훌륭한 콘텐츠와 멋진 웹사이트는 사용자가 페이지를 로드할 수 없다면 가능성이 없습니다.

도구!

• WPBeginner에는 WordPress 속도와 성능을 향상시키는 훌륭한 도구 목록이 있습니다.
• 사이트긱 사용 월별 가동 시간 통계 신뢰할 수 있는 호스팅 제공업체를 찾기 위해
• 이 무료 페이지 속도 도구 사용 페이지 속도를 늦추는 원인 진단
• 핑돔 사용 또는 모니터링 사이트가 다운되는 즉시 업데이트되도록

내 사이트는 모바일에서 사용할 수 있습니다

운 좋게도 Google은 많은 웹사이트 소유자가 업데이트를 통해 위협하는 사이트의 모바일 친화성에 대해 생각하도록 권장했습니다. . 그러나 검색 엔진 가시성 문제와는 별개로 사이트는 사용자에게 좋은 서비스를 제공하기 위해 모바일 친화적이어야 합니다.

도구!

• Haris Bacic은 여기 SEP에서 모바일 친화성 테스트 도구를 훌륭하게 나열했습니다.
• 웹사이트를 모바일 친화적으로 재설계하는 것이 너무 어렵다면 WHH가 유일한 패키지입니다. 추천할 수 있다...

내 문구 및 클릭 유도문안이 명확합니다.

한 번 웹 디자이너로부터 엄청난 조언을 들은 적이 있습니다. 다른 행성에서 온 사람이 당신의 웹사이트가 몇 초 안에 무엇을 하는지 말할 수 없다면 그것은 제대로 작동하지 않는 것입니다.

이것이 많은 사이트에서 사용 중인 제품의 이미지를 첫 페이지에 바로 게시하는 이유입니다. 사람들은 한 가지도 읽지 않고도 제품에 대한 아이디어를 얻을 수 있으며 자세한 내용은 나머지 텍스트만 사용하면 됩니다. DirJournal 는 내가 말하는 것의 좋은 예입니다. 사이트가 하는 일을 한 눈에 볼 수 있습니다!

도구!

• 5초 테스트 시도 디자인을 평가하고 사람들이 디자인에 대해 말할 수 있는지 확인합니다.
• 이러한 도구를 사용하여 사이트 목적을 시각화하는 최소한의 명확한 그래프
• 이러한 도구를 사용하여 시각적 대화형 콘텐츠를 만듭니다.
• 헤밍웨이 편집기 사용 및 Atomic Reach Audience Engager (AtomicWriter 무료 WordPress 플러그인 다운로드 및 Google 크롬 확장 프로그램 ) 귀하의 사본이 얼마나 명확하고 읽기 쉽고 매력적인지 확인하십시오.

내 디자인이 기능보다 우선하지 않습니다

당신이 생각해낸 멋진 디자인이 멋져 보일 수 있습니다. 그러나 사용자에게 잘 작동합니까? 웹 사이트에 접속하여 로딩 애니메이션을 기다려야 하는 것은 매우 스타일리시합니다. 그러나 사용자에게는 매우 짜증나는 일이기도 합니다.

느린 로딩 메뉴, 제대로 스크롤되지 않는 모든 것(팝업 메뉴를 통한 스크롤과 같은) 또는 찾아야 하는 숨겨진 링크에 대해서도 마찬가지입니다.

창의적 욕구가 최종 제품의 기능을 무시하게 하지 마십시오. 보고있어요 포트폴리오메이커 여러분!

도구!

분필 사용 모형에 대한 빠른 피드백을 얻으려면

저에게 연락할 수 있는 다양한 방법을 제공합니다

첫 페이지에서 바로 연락할 수 있는 여러 수단이 있어야 합니다. 그렇지 않다면, 당신은 저지를 수 있는 가장 지독한 실수 중 하나를 저지르고 있는 것입니다. 특히 당신이 사업이라면.

전화번호를 나열하는 것은 좋지만 대부분의 사용자는 그것만으로는 만족하지 않을 것입니다. 사이트에 연락처 양식을 구축하는 경우에도 마찬가지입니다.

가능하면 채팅 옵션을 만들고 이메일과 전화번호를 설정하세요. 쉽게 보고 사용할 수 있습니다.

도구!

다양한 옵션을 제공하는 다양한 앱 연락처 양식, 온라인 지원 채팅 또는 기타 고객 서비스 앱을 추가합니다.

제안 과부하로 고객을 혼동하지 않습니다.

블로그에 가본 적이 있습니까? 사이트 안팎의 다른 게시물에 대해 10가지 다른 제안 행이 있는 것 같습니까? 아니면 시도해보고 싶은 12가지 다른 제품을 던지는 매장 계산대입니까?

제안에는 아무런 문제가 없으며 실제로 사이트에 머문 시간과 전환을 모두 개선할 수 있습니다. 그러나 너무 많으면 사이트 로드 속도가 느려지고 사용자의 주의가 산만해지며 모바일 기능을 방해할 수 있으며 공격적으로 보일 수 있습니다.

제안을 사용할 때는 적을수록 좋습니다.

사용자에게 다양한 방법으로 옵트인(또는 로그인)을 제공합니다.

왜 이 시대에 계정이 있는 웹사이트는 소셜 로그인 옵션을 제공하지 않습니까? Facebook, Twitter 및 Google 로그인은 특히 구현이 얼마나 쉬운지를 고려할 때 표준이어야 합니다. 하나의 플러그인만 있으면 바로 사용할 수 있습니다.

이것이 왜 중요한지 궁금할 것입니다. 그것은 사용 용이성으로 귀결되어 사용성 문제가됩니다. 사람들은 모든 세부 정보를 입력한 다음 확인을 위해 이메일로 이동하는 것보다 버튼을 클릭하는 것을 선호합니다.

게으른? 그럴 수도 있지만 중요한 것은 그들이 원하는 것을 주는 것뿐입니다.

도구!

• 응답 받기 옵트인 양식과 함께 정말 강력한 소셜 미디어 통합을 제공합니다.
• 다음은 여러 WordPress 플러그인입니다. 소셜 미디어 로그인 옵션 활성화

사용성 테스터 피드백 ... 따라

이러한 모든 문제는 사용성 테스터를 많이 확보한 다음 그들의 말을 들어보면 해결할 수 있습니다. 너무 많은 사람들이 이러한 불만을 무시하고 대신 버그만 수정합니다. 마치 버그가 처음부터 사용성 테스트를 하는 이유인 것처럼... 그건 아주 작은 부분에 불과합니다.

그 함정에 빠지지 마십시오. 위의 디자인 죄는 명백해 보일 수 있지만 사이트를 살펴보면 거의 확실하게 그 중 하나를 저지르고 있습니다. 귀하가 눈치채지 못하더라도 사이트 방문자는 알 수 있습니다. 결과적으로 가치 있는 전환을 놓칠 수 있습니다.

이 체크리스트에서 내가 놓친 중요한 항목이 있습니까? 의견에 알려주십시오.

픽사