웹사이트를 사용자 친화적으로 만드는 방법: 8가지 필수 팁
게시 됨: 2018-06-22보기 흉하고 최적화되지 않은 웹사이트를 발견했을 때 보통 어떻게 하시나요? 원하는 정보를 찾기 위해 계속해서 모든 역경에 맞서 싸우고 있습니까? 할 것 같지 않은. 다른 웹사이트가 그렇게 많이 있는데도 왜 귀찮게 하겠습니까? 귀하의 시간은 소중하며 다른 인터넷 사용자의 시간도 마찬가지입니다. 이것이 바로 좋은 사용성이 웹 디자인의 초석으로 간주되는 이유이며 사이트가 의도한 목적에 부합하는지 여부를 결정합니다.
실제로 웹사이트 사용성을 가볍게 여겨서는 안 됩니다. 79%의 사람들이 편리한 사용에 최적화되지 않은 웹사이트를 포기 한다고 보고 됩니다 . 비즈니스 또는 다른 목적을 위한 웹사이트를 만들 때 마지막으로 원하는 것은 방문자가 몇 초 만에 다시는 돌아오지 않는 것입니다.
그러나 어쨌든 사용자 친화적 인 웹 사이트는 무엇입니까? 사용성은 디자인, 탐색, 최적화, 모바일 응답성 등을 포함한 다양한 요소에 따라 달라집니다. 이 게시물에서는 긍정적인 사용자 경험을 정확히 만드는 요소를 파악하고 웹사이트 사용성을 유지하는 데 도움이 되는 좋은 웹사이트 사용성을 보장하기 위한 몇 가지 팁을 검토합니다. 당신의 방문자를 가능한 오랫동안.
처음부터 웹 사이트 아키텍처 계획
사용자 친화적인 웹사이트를 만들려면 많은 계획이 필요합니다. 웹사이트 구축을 시작하기 전에도 웹사이트의 미래 구조와 모양에 대해 매우 명확한 아이디어가 있어야 합니다.
이것이 미래 웹사이트의 기본 회로도를 만들 수 있도록 대략적인 청사진을 만드는 것이 합리적인 이유입니다. 이 단계를 프로토타이핑이라고 하며 종이와 연필을 제외하고는 특별한 도구가 필요하지 않습니다.
실제로 해야 할 일은 헤더, 바닥글, 탐색 메뉴, 섹션 및 카테고리, 페이지 레이아웃, 기능적 요소, 광고, 버튼 등과 같은 사이트의 핵심 요소의 전체 배열을 렌더링하는 간단한 스케치를 그리는 것입니다.
좋은 사용성을 보장하기 위해 사용자의 입장이 되어보고 웹사이트에서 정보를 찾고 소비하는 가장 쉽고 효과적인 방법을 제공하는 방법을 생각하십시오.
프로토타입을 사용하면 웹 개발자를 위한 디자인 과제를 준비하거나 Ning 과 같은 사이트 빌더를 사용하여 스스로 웹사이트를 만드는 것이 훨씬 쉬워집니다 . 
웹사이트 디자인이 흠잡을 데 없는지 확인하십시오
시각적인 측면은 구조만큼이나 웹사이트 사용성에 중요합니다. 웹 사이트 제작자는 디자인하는 동안 자신의 미적 취향과 창의적인 비전을 자유롭게 따를 수 있습니다. 그러나 프로세스에 전략적으로 접근하십시오. 다음은 염두에 두어야 할 몇 가지 사항입니다.
- 귀하의 웹사이트 디자인 에이전시를 참여시킬 청중에게 맞게 조정하십시오 . 타겟 그룹마다 취향이 다릅니다. 웹사이트에 대한 첫인상은 그들이 머물 것인지 떠날 것인지를 결정합니다.
- 적절한 색 구성표를 선택합니다 . 웹사이트 배경과 콘텐츠의 색상이 잘 대조되고 눈에 부담을 주지 않는지 확인하십시오. 이상적으로는 색상이 너무 밝거나 흐릿하지 않아야 합니다. 내용은 읽기 쉬워야 합니다.
- 모든 페이지의 디자인을 통일하십시오 . 페이지는 동일한 디자인 패턴 내에서 똑같이 좋아야 합니다. 디자인 측면에서 원하는 일관성을 달성하려면 웹 사이트 템플릿을 사용하는 것이 좋습니다.
- 웹사이트 머리글과 바닥글이 올바른 위치에 있는지 확인하세요 . 최대한 활용하되 과도한 탐색 및 디자인 요소로 인해 과부하가 걸리지 않도록 하십시오. 로고를 추가하는 것을 잊지 마십시오.
- 최근 트렌드는 웹사이트 사용성을 위해 디자인을 단순화하는 것입니다 . 웹 사이트가 더 깨끗하고 가벼울수록 탐색이 더 쉬워집니다. 영감을 얻으려면 Apple 웹 사이트 를 확인하십시오 .
효율적이고 편리한 탐색 보장
탐색은 웹 사이트를 탐색하는 동안 사용자 경험에 직접적인 영향을 미치므로 사용성을 향상시키는 데 특히 중요합니다. 탐색이 더 쉬울수록 사용자는 필요한 정보를 더 쉽게 찾을 수 있고 웹사이트에 더 좋은 인상을 남길 수 있습니다.
좋은 탐색에는 다음과 같은 여러 측면이 포함됩니다.
- 잘 설계된 탐색 메뉴 : 정확하고 짧은 레이블, 적당한 수의 탭, 어수선한 효과의 부재, 우수한 가독성, 잘 정의된 섹션 및 범주, 드롭다운 및 하위 탐색 메뉴 스크롤하는 동안 시야에서 사라지지 않도록 탐색 모음을 고정하는 것을 잊지 마십시오.
- 쉽게 액세스할 수 있는 검색 도구 : 때때로 필요한 콘텐츠를 검색하기 위해 웹사이트 페이지를 탐색할 시간이 없습니다. 검색 창은 사용자가 키워드로 정보를 찾고 귀중한 시간을 절약할 수 있도록 도와주는 훌륭한 솔루션입니다.
- 콘텐츠를 탐색하는 다양한 방법 : 다양한 차트 또는 필터를 도입하여 콘텐츠를 정렬합니다(날짜, 비율, 관련성 등).
- 잘 관리된 내부 연결 시스템 : 이것은 좋은 사용성을 보장할 뿐만 아니라 SEO를 향상시킵니다.
- 기능적 머리글 및 바닥글 : 직관적인 탐색 탭, 유익한 소개 콘텐츠(홈페이지에 연결된 웹사이트 이름 및 로고, 태그라인 등), 추가 버튼, 예: 구독, 문의, [소셜 미디어] 팔로우 등;
- 정확한 제품 분류 : 사이트에서 여러 제품을 판매하는 경우 고객이 필요한 제품을 쉽게 찾을 수 있도록 제품을 여러 카테고리로 분류합니다.
웹 사이트 탐색이 직관적이지 않으면 사람들이 떠날 가능성이 더 큽니다. 필요한 콘텐츠나 기능을 찾는 데 시간을 보내고 싶어하는 사람은 아무도 없습니다. 
로딩 속도 최적화
사실, 느린 웹사이트는 짜증납니다. 대부분의 인터넷 사용자가 웹사이트가 로드될 때까지 앉아서 기다리는 것을 원하지 않는다는 사실은 놀라운 일이 아닙니다. 사실 40%의 사람들은 3초 이내에 로드되지 않으면 웹사이트를 떠납니다 .
로딩 속도를 최소화하려면 웹사이트를 최대한 가볍게 만들어야 합니다. 다수의 타사 플러그인 및 위젯은 사이트 속도를 상당히 저하시키므로 적당히 사용하십시오. 웹사이트에서 사용자 경험에 필수적인 것만 적용하십시오.
이미지는 또한 데이터가 상당히 많기 때문에 로딩 속도를 최적화할 때 이미지를 압축하거나 크기를 조정하는 것은 나쁜 생각이 아닙니다. ImageSmaller 또는 Image Optimizer 와 같은 온라인 도구를 사용 하여 작업을 완료할 수 있습니다.
웹사이트가 충분히 빠른지 확인하려면 포괄적인 속도 테스트를 실행할 수 있고 로드 시간 개선에 대한 유용한 제안을 제공하는 서비스인 Pingdom 을 사용하십시오.
사이트가 모바일 반응형인지 확인
전 세계 페이지뷰의 49.7%가 모바일에서 발생하는 것으로 추정 됩니다. 즉, 모바일 사용을 위해 웹사이트를 최적화하지 않으면 잠재적으로 생성할 수 있는 트래픽의 절반을 잃을 수 있습니다.
많은 사람들이 스마트폰과 태블릿에서 인터넷에 액세스하기 때문에 사용자 친화적인 웹사이트를 만드는 것은 모바일 친화적으로 만드는 것과 거의 같습니다. 모바일 응답성에 대해 말하면 Ning 에서 사이트 를 구축하는 경우 자신을 보호하는 것으로 간주하십시오.
콘텐츠 형식을 올바르게 지정하세요.
무엇을 쓰느냐 못지않게 어떻게 쓰느냐가 중요하다. 귀하의 콘텐츠는 가능한 한 훌륭할 수 있지만 제대로 표시되지 않으면 웹사이트 방문자를 유지하는 것이 상당히 어려울 것입니다.
다음은 텍스트 기반 콘텐츠의 페이지 배열에 대한 몇 가지 기본 팁입니다.
- 거대하고 조밀한 텍스트 덩어리를 피하십시오 . 대부분의 사람들은 많은 양의 정보가 던져지는 것을 두려워하는 경향이 있습니다.
- 전체 내용을 보다 쉽게 이해할 수 있도록 텍스트를 여러 개의 작은 부분 으로 나눕니다 . 논리적 단락으로 나누고 부제목을 사용하십시오.
- 번호 매기기 및 글머리 기호 목록 은 청중의 관심을 유지하는 데 좋습니다.
- 필요한 경우 굵은 글꼴이나 기울임꼴로 텍스트의 가장 중요한 부분을 강조 표시합니다 .
- 내용을 더 흥미롭게 만들기 위해 구절 사이에 이미지 를 삽입합니다.
인간의 평균 집중 시간이 금붕어보다 짧다는 사실을 알고 계셨습니까? 단 8초 ! 즉, 최상의 사용자 경험을 보장하기 위해 가능한 한 접근하기 쉬운 콘텐츠를 만들어야 합니다. 
양식 단순화
길고 복잡한 양식은 사람들이 웹사이트를 일찍 포기하는 이유 중 하나입니다. 그러나 양식은 리드를 생성하고 웹사이트에서 최상의 사용자 경험을 보장하는 데 매우 중요합니다. 더 쉽게 접근할 수 있도록 하려면 다음과 같은 간단한 팁을 따르세요.
- 필드 수를 최소화하십시오.
- 필드에 정확한 제목을 지정하십시오.
- 유익한 툴팁을 추가하십시오.
- 확인 메시지를 표시합니다.
- 간단한 검증 방법을 적용합니다.
사용자가 등록 과정을 더 쉽게 진행할 수 있을수록 웹 사이트가 더 사용자 친화적으로 될 것입니다.
적당히 디스플레이 광고
마지막으로 온라인 광고는 웹사이트의 유용성에 큰 영향을 미칠 수 있습니다. 말할 필요도 없이 광고는 웹사이트 경제에 중요합니다. 그들은 주요 수입원이 될 수도 있습니다. 그러나 그것을 직시하자, 그것들은 엄청나게 짜증을 낼 수 있다.
너무 많은 광고를 표시하고 사용자 경험을 방해하는 경우(예: 웹사이트와 상호작용할 때마다 갑자기 나타나는 팝업 광고), 많은 방문자는 너무 짜증나서 계속하기 싫어서 단순히 사이트를 포기할 것입니다. 이것이 상업적 이익이 사용성을 침식하기 시작하는 얇은 선을 넘지 않도록 항상 확인해야 하는 이유입니다.
마지막 단어
사용자 친화적 웹사이트를 만드는 것은 사용자의 관점에서 접근하는 한 가능한 작업입니다. 귀하가 귀하의 웹사이트 방문자라면 무엇을 보고 싶은지 생각해 보십시오. 그리고 사람들이 필요한 정보를 더 쉽고 빠르게 찾을 수 있을수록 결국 머물며 정보와 상호 작용할 가능성이 높아진다는 것을 기억하십시오.
단순함은 궁극의 정교함이다. 명확하고 직관적으로 유지하면 결과에 만족할 것입니다.
