방문자의 관심을 끄는 웹사이트를 디자인하는 방법

게시 됨: 2017-07-18

당신은 일시적인 주의 지속 시간으로 어려움을 겪고 있는 디자이너 중 한 명입니까?

목차 숨기기
웹사이트의 평균 관심 지속 시간
30초 안에 방문자의 관심을 사로잡는 방법은 무엇입니까?
보유하고 있는 최고의 콘텐츠에 의존
방문자처럼 생각하십시오: 그가 찾고 있는 것은 무엇입니까?
가독성은 필수
참신함은 언제나 푸르다
군중에서 눈에 띄다
대비를 사용하는 것을 두려워하지 마십시오.
멀티미디어는 미래다
신뢰가 먼저다

우리가 '주의 시간'이라고 말할 때 의미하는 것은 사용자가 산만하지 않고 한 작업에 집중할 수 있는 시간의 경과입니다.

최악의 경우 사용자가 제품 정보를 확인하거나 구매하는 데 방해가 됩니다. 따라서 웹사이트에서 사용자의 관심을 끌고 필요할 때까지 유지할 ​​수 있는 기술을 개발하는 것이 중요합니다.

이상적으로 모든 디자이너는 사용자가 자신의 콘텐츠를 주의 깊게 스크롤하고 마음에 두 번째 생각(가입, 구매 등) 없이 행동으로 흘러가는 것을 꿈꿉니다. 씁쓸한 진실은 고객이 구매하러 온 것이 아니라는 것입니다.

그렇게 하려면 고객의 마음을 바꿀 수 있는 흥미롭고 매력적인 콘텐츠를 제공해야 합니다. 잠재 고객이 사이트를 탐색하고 행동(가입, 구매)을 향한 흐름을 따르기를 원합니다.

웹사이트의 평균 관심 지속 시간

얼마나 오랫동안 웹사이트에 사용자를 유지할 수 있습니까?

웹사이트의 평균 집중 시간 - 그래프

분명히 그것은 당신에게 달려 있지만 일반적인 대답이 필요한 경우 오래 걸리지 않을 것입니다.

통계에 따르면 주의 집중 시간은 1분 미만입니다.

사용자 습관을 고려할 때, 그들은 활동 사이에 사이트에 '잠입'할 것이고 실제로 그 중 4분의 1(그렇게 많지는 않음)만 확인할 수 있을 것입니다. 따라서 매우 직설적이고 모호하지 않으면 그들에게 어떤 메시지도 전달할 수 없습니다.

요약하자면: 사용자는 사이트에서 몇 초를 보낼 수 있지만 여전히 정보를 공유하고 부정적인 Weibull 배포를 물리칠 수 있습니다(깨끗하고 눈에 잘 띄는 콘텐츠를 제공하는 경우).

30초 안에 방문자의 관심을 사로잡는 방법은 무엇입니까?

우선, 제한된 시간에 방문자가 귀하의 웹 사이트를 열어준 것에 대해 감사하는 법을 배우십시오.

그들이 '뒤로'를 클릭하고 다시는 돌아오지 않기로 결정하기 전에 그들을 정복할 독점 콘텐츠로 보상하십시오. 디자이너들 사이에서는 일반적으로 더 짧은 타임랩스를 언급하지만 이를 '30초 주의 집중 규칙'이라고 합니다.

잘 디자인된 쇼핑 페이지의 예

두 번째로, 당신이 실제로 온라인 세계에 존재하는 이유에 대해 생각해 보십시오(웹사이트와 블로그 모두를 통해). 귀하의 비즈니스를 향상시키기 위해 온라인 인지도를 사용하시겠습니까?

더 많은 사람들이 당신의 작업에 익숙해지기를 기대합니까? '이 물 속으로 다이빙'하는 데는 여러 가지 이유가 있을 수 있지만, 기꺼이 시간을 내줄 사람들 없이는 목표를 달성할 수 없습니다.

여기에서 30초 규칙이 적용됩니다.

많은 연구에 따르면 고객이 더 중요한 일을 하기 위해 떠나기 전 30초면 충분합니다. 좋은 웹사이트 헤더 디자인은 필수입니다. 왜요? 방문자가 가장 먼저 보게 되는 것입니다.

경쟁이 있다는 것을 염두에 두십시오. 가장 먼저 관심을 끌 수 있어야 합니다! 두 번째이자 가장 어려운 장애물은 사용자의 시간을 훔치고 사용자가 할 수 없는 경우에도 머물게 하는 것입니다. 인기 있는 웹 앱이 이 문제를 어떻게 처리하는지 보십시오. 뷰포트 부동산을 낭비하지 않습니다.

보유하고 있는 최고의 콘텐츠에 의존

최선의 정보를 미리 공개하는 것 외에 다른 선택의 여지가 없습니다. 우선 사용자는 목표를 가지고 도착했고 정확하게 달성해야 합니다.

그들은 귀하의 주요 정보를 찾고 있을 수 있으므로 올바른 장소에 올바른 방식으로 정보를 노출해야 합니다.

방문자처럼 생각하십시오: 그가 찾고 있는 것은 무엇입니까?

웹사이트 디자인에서 정보의 적절한 표현의 예

개인 선택 . 우리는 새 장치를 구입하는 것에 대해 생각했고 우리의 모든 관심은 그것에 집중되었습니다. 우리는 전에는 눈치채지 못했는데도 우리 주변 어디에서나 볼 수 있습니다. 효과는 프라이밍이라고도 합니다.

우리 이름 . 우리는 우리보다 더 소중한 이름이 없으며, 우리가 그것을 들을 때 항상 종을 울립니다.

감정 . 무언가가 우리의 감정을 깨울 수 있다면 이미 우리의 모든 관심을 끌고 있습니다.

다음은 방문자의 관심을 끌 수 있는 웹사이트 디자인에 대한 몇 가지 팁입니다.

가독성은 필수

당신은 아마도 개인적인 경험을 통해 이것을 알고 있을 것입니다. 크고 얼굴이 없는 텍스트 블록이 당신을 계속 붙잡아 둘 방법은 없습니다.

방문자의 관심을 끄는 또 다른 예

계속해서 텍스트를 읽으십시오. 최소한의 노력이 필요한 경우 사용자는 이동하여 '더 깔끔한' 정보를 찾을 것입니다.

우리가 여전히 텍스트 콘텐츠를 다루는 동안, 당신은 그것을 작은 단락으로 나누거나 글머리 기호, 번호 매기기 및 설명적인 부제목을 사용하는 것에 대해 생각할 수 있습니다.

이미 알고 있듯이 사람들은 읽는 대신 스캔하고 원하는 부분을 쉽게 선택할 수 있도록 해야 합니다. 온라인 행동 습관과 일치하는 형식으로 콘텐츠를 조정할 수 있다면 30초 규칙을 어긴 것으로 간주하십시오.

참신함은 언제나 푸르다

일부 신경 과학자에 따르면 새로움은 정보 전달을 향상시킵니다. 그것은 우리의 두뇌가 그것을 위해 노력하고 때로는 기본적인 욕구로 변형되기 때문입니다.

시선을 사로잡는 특이한 디자인의 예

참신함은 새롭고 알려지지 않은 것을 의미하며 최소한 그것을 인식하기 위해 우리의 주의를 기울여야 합니다. 그런 다음 우리는 시간을 들여 그것을 관찰하고 이해하려고 노력하고 일단 완료되면 다른 참신함을 찾기 시작합니다.

당신의 임무는 단순히 완벽하게 매력적인 참신함을 생산하는 것이 아니라 가능한 한 많이 생산하는 것입니다!

참신함은 무거운 텍스트 콘텐츠를 다룰 때 특히 중요합니다. 사용자는 작업과 관련하여 긍정적인 이전 경험을 가지고 있으며 새로운 작품을 소개하고 해당 웹사이트에 관심이 있다는 사실을 알게 하는 것으로 충분할 수 있습니다.

군중에서 눈에 띄다

군중 속에 숨어 있는 사치를 누릴 수 있는 쿠키 커터 템플릿과 데이터 피드가 너무 많습니다.

어수선한 디자인의 예

주목받고 싶지 않았나요?

특히 웹 사이트 홈페이지에서 아름다운 모습을 사용하고 내용을 짧고 관련성 있는 메시지로 잘라냅니다.

신디케이트 및 콘텐츠 공장을 피하십시오. 귀하의 임무는 혁신을 유지하고 브랜드에 대한 인식 가능한 스타일을 구축하는 것입니다.

흥미로운 것을 사용하십시오. 어쩌면 당신의 제안을 제시하는 영웅 슬라이더. 왜 안 돼?

대비를 사용하는 것을 두려워하지 마십시오.

서로 섞인 것들이 종종 무시된다는 것이 입증되었습니다. 대조되는 항목이 발견되는 동안.

웹 디자인에서 고대비의 예

대조되는 환경을 원하는 대조가 될 수 있습니다. 종류의 이전 항목을 대조하거나 개인 취향을 대조합니다. 어떤 형태로 나타나든 대비는 주의를 끈다.

우리 뇌의 오래되고 결정적인 부분은 항상 대비를 추구하며, 이는 우리가 긴급한 결정을 내리고 결과를 계산하는 데 도움이 됩니다.

판매를 예로 들어 보겠습니다. 이전 가격과 새 가격(상당히 저렴한)을 비교하는 공급업체의 제안을 얼마나 자주 봅니까?

예, 꽤 자주 발생합니다. 필요한 것은 재정적, 미학적, 통계적, 물리적 등 모든 종류의 변형입니다.

우리의 오래된 뇌는 파괴와 수정에 대한 강력한 신호기이기도 합니다. 위험한 상황이 안전할 때 확실히 반응합니다. 와 함께는 ~없이된다; 또는 빠른 스위치를 느리게로 전환합니다. 당신은 이미 중립성과 흐릿한 대비가 결과를 가져오지 않을 것이라는 결론을 내렸을 것입니다.

대비의 이점을 사용하고 제품 서비스에 사용하십시오. 예를 들어, 효율적인 진공 청소기를 판매하는 경우 동일한 성능이 없는 청소기와 비교하십시오. 그것은 당신이 얻을 수있는 관심에 가장 가깝습니다.

색상 측면에서 빨간색 웹사이트가 있는 경우 CTA 또는 주목하고 싶은 요소에 녹색 또는 파란색을 사용합니다.

멀티미디어는 미래다

다행인지 아닌지, 오늘날의 사용자는 길고 설명적인 기사를 피하고 앞에 서빙되는 것을 좋아합니다.

방문자의 관심을 끌기 위한 멀티미디어 사용

멀티미디어는 이를 수행하는 방법을 확실히 알고 있습니다. 비디오에서 흥미로운 이야기를 복제합니다. 이미지에 대한 사실 정보를 제공하고 실제로 주의를 끕니다. 누가 짧고 재미있는 비디오를 좋아하지 않습니까?

이전에 언급했듯이 참신함은 주의를 기울일 가치가 있으므로 멀티미디어를 특별하고 실험적인 방식으로 자유롭게 사용할 수 있습니다. 하루가 끝나면 청중과 공유할 특별한 이야기와 멋진 이야기꾼이 있을 수 있습니다. 이상하든 아니든 독창성은 판다.

또는 SVG 및 CSS3 덕분에 웹 인포그래픽을 만들 수 있습니다. 다양한 차트와 데이터를 인터랙티브 방식으로 보여주어 방문자를 즐겁게 할 수 있습니다.

신뢰가 먼저다

최고의 경험을 제공하기 위해 사용자의 손에 '마음을 다할' 수도 있지만 여전히 웹사이트와 콘텐츠의 권한은 사용자에게 있습니다.

신뢰성을 사용하여 사이트에 사용자를 유지

관심을 얻는 것은 존경을 받는 것과 밀접하게 연결되어 있으므로, 특히 디자인, 온라인 컨설팅 또는 기본적으로 디지털 영역에 대한 전문 지식을 필요로 하는 모든 일에 종사하는 경우 최대한 전문가처럼 보이도록 노력하십시오.

완벽한 피드백을 제공하고 문법 및 기타 실수를 최소화하고 광고를 피하고 콘텐츠를 혁신하십시오. 당신은 당신이 제공하고, 글을 쓰거나, 판매하는 것에 대한 권위자로 자신을 확립해야 합니다.

신용은 가장 큰 장점이자 가장 큰 위험입니다. 열심히 벌었지만 한 눈에 잃는 것입니다. 이것이 바로 신뢰성이 자연스럽게 관심과 유사한 이유이며 전체 웹사이트의 성공이 관심에 달려 있는 이유입니다.