작동하는 웹사이트를 디자인하는 방법

2018년 9월 14일 최종 업데이트

많은 중소기업은 웹사이트 사용자 경험(종종 웹사이트 UX라고도 함)을 적절하게 계획하고 테스트할 시간이나 리소스가 없다는 단점이 있습니다. 이 때문에 웹사이트 디자이너/개발자는 웹사이트나 회사에 익숙하지 않은 사람이 경험하게 될 것을 완전히 이해하지 못한 채 자신의 선호도와 신념에 기반한 사이트를 만들게 됩니다. 이로 인해 웹사이트가 최종 사용자의 주요 문제를 다루지 않아 판매, 리드 또는 기타 귀중한 정보에 비용이 발생할 수 있습니다.

웹사이트를 만들 때 자신의 문제에 대한 답변이나 솔루션을 찾고 있지만 아직 찾지 못한 사람의 관점에서 생각해야 할 많은 것들이 있습니다. 이러한 문제를 해결할 수 있다고 생각되면 이 정보를 쉽게 액세스할 수 있는 방식으로 사이트를 디자인해야 합니다. 이 작업을 수행할 수 없으면 최종 사용자가 의도한 대로 사이트를 사용하지 못할 가능성이 매우 높고 원하는 결과가 무엇이든 실패하게 됩니다.

사이트를 처음 계획할 때 다음과 같이 사이트를 만드는 사람을 결정하는 데 도움이 되는 몇 가지 핵심 질문을 자신과 동료에게 물어봐야 합니다.

기호 방향 새로운 삶 - 오래된 삶

• 최종 사용자가 우리 사이트에서 실제로 필요로 하는 것은 무엇입니까?
• 웹사이트는 최종 사용자를 위해 무엇을 해야 합니까?
• 대상 고객은 누구이며 이들의 고유한 특징은 무엇입니까?
• 그들이 겪고 있는 문제는 무엇이며 어떻게 그들을 해결하는 데 도움이 되는 길을 제시할 수 있습니까?
• 가장 일반적인 문제는 무엇이며 우리가 제공할 수 있는 좋은 솔루션은 무엇입니까?
• 언제 어디서 우리 제품을 사용합니까?
• 그들은 우리 제품을 어떻게 사용합니까?
• 그들이 어떻게 우리 제품을 구매하거나 액세스할 것으로 예상합니까? 얼마나 자주?
• 그들은 언제 어디서 우리 사이트에 액세스합니까?
• 그들은 무엇으로 우리 사이트에 액세스합니까?

이러한 질문을 하고 웹사이트의 방향을 더 잘 이해한 후에 회사 내 직원들에게 제시할 모형을 만드는 것이 도움이 될 것입니다. 그들이보고 경험하는 것에 대한 피드백을 받으면 실제보다 머리에서 더 잘 작동하는 것을 만들고 있지 않다는 것을 확인할 수 있습니다. 이것은 설문 조사, 관찰 또는 인터뷰를 통해 다른 사람들의 의견을 수집하여 수행할 수 있습니다.

또 다른 귀중한 도구는 회사의 일상적인 일과를 진행하면서 위의 정보를 수집하는 것입니다. 전화 통화든 이메일이든, 인지 여부에 관계없이 지속적으로 이 데이터를 수집하고 있습니다. 현재 다른 옵션은 기존 고객에게 설문조사를 보내거나 귀중한 피드백을 수집해야 할 수 있는 다른 커뮤니케이션 방법을 활용하는 것입니다. 무역 박람회와 같은 이벤트는 청중 앞에서 실제로 그들의 요구 사항을 들을 수 있는 시간을 갖는 데 훌륭합니다. 여기서 핵심은 실제로 문제가 무엇인지 정확히 듣고 기록을 시작하여 사이트를 만들 때 문제를 해결하기 위한 훌륭한 출발점이 될 수 있도록 하는 것입니다.

데이터를 수집하고 나면 사이트에 데이터가 표시되는 방식에 시간을 할애해야 합니다. 최종 사용자가 액세스할 수 있도록 가장 논리적이고 쉬운 방법으로 제시해야 합니다. 다음과 같은 사항도 고려해야 합니다.

• 조회 방법
• 로드 속도
• 다양한 화면 크기와 장치에 대해 내장된 옵션은 무엇입니까?
• 사용 중인 기술이 다양한 장치 유형과 플랫폼에서 확장되고 작동합니까?
• 사용 중인 기술이 다른 브라우저에서 잘 작동합니까?

일부 사람들에게만 제대로 작동하고 다른 사람들에게는 작동하지 않는 웹 사이트를 구축하고 싶지 않기 때문에 여기에서 테스트하는 것이 중요합니다. 유동적이거나 반응형 웹사이트의 도입으로 우리가 예전에 가지고 있던 많은 문제가 단계적으로 사라지고 있지만, 아무도 페이지 하단에 있는 양식을 사용하지 않을 것이기 때문에 페이지에 배치와 같은 문제에 대해 여전히 생각해야 합니다. 영원히 스크롤되는 페이지. 위에서 설명한 문제에 집중하고 최종 사용자가 원하는 것을 찾고 달성하려는 목표를 달성할 수 있도록 가능한 한 간단하게 만들고 있는지 스스로에게 계속 질문해야 합니다.

실패의 좋은 예는 디자이너가 홈 버튼이 없는 상태에서 클라이언트에게 제공하기 위해 웹사이트를 조롱하는 데 많은 시간을 투자했던 몇 년 전에 제가 작업한 사이트일 것입니다. 나는 그가 망설임 없이 현장에서 앞뒤로 자신의 길을 알고 있었다고 확신합니다. 나는 그가 최종 사용자가 어떻게 홈페이지로 돌아올 것이라고 예상했는지 물어볼 마음이 거의 없었습니다. 그 당시 그에게는 인쇄된 홈페이지 이미지를 가져와서 제시하는 것뿐이었습니다. 브라우저의 뒤로 버튼이 이 작업을 수행한다는 것을 알고 있지만 사용자가 사이트를 여러 번 클릭하면 다시 클릭할 생각은 절대 아닙니다. 말할 필요도 없이, 실제 수정은 이상적이지도 않았고 홈 버튼을 추가하기 위해 전체 상단 메뉴 시스템을 재설계해야 했기 때문에 신속하지도 않았습니다. 사이트를 천천히 둘러봐야 한다는 점을 충분히 강조할 수 없습니다. , 그것이 어떻게 작동할 것이라고 생각하든 상관없습니다.

웹페이지가 있습니다! 시작이 좋습니다.

따라서 조사 및 계획을 완료하고 귀하와 귀하의 사이트 방문자에게 효과가 있다고 생각하는 사이트를 만들었습니다. 여기가 고무가 도로를 만나는 곳입니다.

지금이야말로 당신이 상상했던 것보다 훨씬 더 많은 피드백을 받을 수 있는 때입니다. 다양한 방법을 통해 사이트가 의도한 대로 작동하는지 확인할 수 있습니다. 가장 안정적인 방법 중 하나는 웹 분석을 통한 것입니다.

웹 분석은 최종 사용자가 하는 "말"이 아니라 "무엇을 하고 있는지"를 보여줍니다. 이것은 그들이 무엇을 하는지 이해하는 데 도움이 될 것이지만 그들이 그것을 하는 "왜"에 대한 답은 아닙니다. 여기에서 찾을 수 있는 많은 측정항목을 통해 사이트의 어떤 부분이 작동하고 어떤 부분이 작동하지 않는지 알 수 있습니다. 아래에 몇 가지 측정항목과 해당 측정항목이 의미하는 바를 나열하겠습니다.

• 페이지 조회수 – 사이트 섹션이 얼마나 자주 방문되는지 알려줍니다. 방문수가 가장 많은 페이지를 살펴보고 그 이유를 알아보기에 좋은 시간입니다. 또한 페이지에 간단하고 액세스하기 쉬운 전환 지점이 있는지 확인하는 것이 좋습니다.
• 고유 방문자 – 방문자 중 얼마나 많은 방문자가 새로운 구절을 반환하는지입니다. 둘 다 있으면 좋지만 사이트 트래픽의 특성을 이해하기 시작할 수 있습니다.
• 사이트에 머문 평균 시간 – 사이트를 방문하는 사람들이 계속 참여를 유도하는 콘텐츠를 찾고 있습니까?
• 페이지에 머문 평균 시간 – 사용자의 참여를 유지하기에 충분한 페이지당 콘텐츠 품질입니다.
• 이탈률. – 얼마나 많은 사람들이 귀하의 사이트에 방문했고 아무런 조치도 취하지 않고 같은 페이지에서 즉시 떠났습니다. 종종 이것이 좋은 것은 아니지만 이탈한 이유는 필요한 정확한 정보를 찾았고 더 이상 볼 필요가 없었기 때문이라는 점을 항상 고려해야 합니다.
• 추천 사이트 – 트래픽이 어디에서 오는지 파악하는 데 도움이 됩니다.
• 어떤 키워드가 그들을 사이트로 데려오고 있습니다.

이 데이터를 분석하면 사이트에서 어떤 페이지가 실행되고 어떤 페이지가 실행되지 않는지 이해하는 데 도움이 됩니다. 사이트의 강점과 약점을 명확하게 배치하여 더 나은 사이트를 구축하는 데 도움이 되는 정보를 제공하여 사이트에서 도움이 필요한 영역에서 계속 작업할 수 있습니다.

분석 외에도 거의 모든 사람에게 사이트의 유용성을 테스트하도록 요청할 수 있습니다. 내가 하고 싶은 것은 그들과 함께 앉아서 웹사이트에서 다양한 작업을 수행하는 방법에 대한 일련의 특정 시나리오를 실행하는 것입니다. 다음과 같은 질문에 집중해야 합니다.

• 이것이 무엇을 위한 것이며 무엇을 할 것이라고 생각합니까?
• 이것을 어떻게 사용하시겠습니까?
• 사이트에서 검색과 같은 일반적인 작업을 수행하도록 요청하십시오.
• 특정 작업을 수행하기 위해 사이트의 항목이 어떻게 작동할 것으로 기대하는지 물어보십시오.
• “왜 그랬어?”라는 질문을 많이 하는 것을 두려워하지 마십시오.

마지막으로, 귀하의 웹사이트를 방문하는 사람들이 양식, 이메일 또는 전화를 통해 피드백을 제공하도록 권장하십시오.

피드백을 받고 있는 동안은 이 상태를 유지하고 최종 사용자가 필요로 하는 것을 충족시키는 것이 더 중요해지고 필요하다고 생각하는 것이 줄어들면서 사이트가 계속 성장하는 것을 지켜보십시오.