총 방문자. 그것은 쉽게 볼 수 있습니다. 모든 마케팅 담당자는 애널리틱스에 얼마나 많은 트래픽이 있는지 알고 있습니다. 그러나 다음에 일어나는 일은 분명하지 않습니다.
그래서 트래픽을 유도하기위한 조언을 제공하는 것은 쉽지만 웹 디자인 팁은 어렵습니다. 너무 많은 요인이 있다. 심지어 1000+성공적인 웹 디자인 프로젝트 후,우리가 가장 잘 작동합니다 알고하는 것은 어렵다.
이 기사에는 모든 단일 방문자로부터 더 많은 가치를 얻기위한 27 개의 웹 디자인 팁이 있습니다. 이 팁의 대부분은 연구에 의해 지원됩니다. 이들은 중소 기업 및 대기업을위한 초보자 디자이너 및 고급 사용자 전문가를위한 것입니다.
다음은 결과를 얻는 웹 사이트를 디자인하는 방법에 대한 최선의 조언,아이디어 및 영감입니다. 아름다운 보이는 사이트,방문자를 변환하고 그 힘들게 번 방문의 모든 하나에서 더 많은 가치를 얻는다.
여기에 인용 된 가장 중요한 두 가지 연구는 맨 끝에 있습니다. 당신이 참을성이 있다면,아래로 건너!
- 웹 사이트의 구조적 레이아웃
- 시각적 계층 구조 활용
- 홈페이지에서 설명적이고 키 프레이즈에 초점을 맞춘 헤드 라인 사용
- 대기,배는 여전히 일이?
- 그러나 모든 행동 촉구를 맨 위에 두지 마십시오
- 키가 큰 페이지로 만듭니다. 모든 방문자의 질문에 답하십시오.
- 한 번에 한 가지를 보여
- 표준 레이아웃에 충실
- “거짓 바닥”주의
- 회전 목마 및 회전 슬라이더 피하기
- 탭 및 아코디언 피하기
- 이미지
- 사람 사용 그림
- 그러나 사람들의 재고 사진을 피하십시오
- 얼굴을 시각적 신호로 사용
- 화살표를 시각적 신호로 사용
- 를 사용하여 색상을 안내하는 방문자의 관심으로 통화를하는 동작
- 탐색 및 링크
- 설명 적
- 왼쪽에 홈을 넣어,하지만 그 이외의,메뉴 항목의 순서에 대해 너무 많이 걱정하지 마십시오
- 서비스 페이지에서 블로그 게시물
- 다른 웹 사이트에있는 모든 것과의 연결에주의하십시오.
- 웹 사이트 헤더에 소셜 미디어 아이콘 사용 금지
- 쓰기
- 의미있는 부제목 쓰기
- 긴 단락과 긴 줄 길이 피하기
- 전문 용어를 피하십시오. 간단한 단어를 사용하십시오.
- 목록 순서 및”직렬 위치 효과”
- 방문자의 상위 질문에 답하십시오
- 증거와 사회적 증거 추가
- 언급 부족,트리거”손실 회피”
- 구독자에 대한 이메일 가입 양식 최적화
- 단지 예쁜 사이트보다 더
웹 사이트의 구조적 레이아웃
웹 사이트는 컨테이너와 콘텐츠의 두 가지입니다. 컨테이너는 구조와 스타일의 두 가지입니다. 의 첫 번째 시작하자. 이 팁은 페이지의 구조와 레이아웃에 관한 것입니다.
시각적 계층 구조 활용
모든 페이지에 시각적 계층 구조가 있습니다. 당신이 그 개념에 익숙하지 않다면,여기에 우리의 정의가 있습니다:
시각적 계층 구조는 시각적 요소의 배열,크기,색상 및 대비를 나타냅니다. 그것은 그들의 상대적인 굴지와 그들이 인간의 눈으로 볼 수있는 순서를 결정합니다.
웹 디자이너는 시각적 계층 구조를 사용하여 방문자가 중요한 요소에 먼저 관심을 갖도록 안내합니다. 웹 사이트 레이아웃에는 위치(페이지의 높거나 낮음),크기(크거나 작음),비주얼(비디오,이미지,아이콘)및 대비(색상 및 공백)가 포함됩니다.
측면을 결합하면 효과가 배가됩니다. 모두가 페이지에 높은 큰 비디오를 볼 수 있습니다. 이미지로 둘러싸인 저 대비 텍스트를 볼 수있는 사람은 거의 없습니다.
시각적 계층 구조는 인터넷에서 방문하는 모든 페이지에서 눈이 특정 경로를 따르는 이유입니다. 의도적으로 사용될 때,그것은 행동요청으로 일련의 메시지를 통해 방문자 주의를,인도한다.
홈페이지에서 설명적이고 키 프레이즈에 초점을 맞춘 헤드 라인 사용
홈페이지 상단(및 모든 페이지)의 헤드 라인은 설명 적이거나 그렇지 않습니다. 그렇지 않은 경우 방문자는 첫 번째 질문에 대답 할 수 없을 수도 있습니다.”나는 올바른 위치에 있습니까?”
또한 대상 키 프레이즈를 사용하고 관련성을 나타낼 수있는 기회입니다. 그러나 많은 마케팅 담당자가 대신 영리하거나 모호한 것을 씁니다. 그러나 분명한 것은 영리한 것보다 낫습니다.
화려하지만 막연한 헤드 라인을 쓰는 대신 설명적인 것을 쓰십시오. 회사가 겹의 위 페이지에 높이,위로 하는 것을 너가 설명하는 것을 확인하십시요.
출처:아웃 리치 플러스
대기,배는 여전히 일이?
예,폴드가 있습니다. 모든 화면의 모든 방문에 대해 볼 수있는 영역이 있습니다. 맨 아래에 유명한 배입니다. 이 줄 아래에 아무것도 보려면,그 방문자가 스크롤해야합니다.
왜 그리고 이것이 웹 디자인에서 중요한지 뜨거운 논쟁 주제입니다. 여기 제일 논쟁의 2 개은 있는다:”겹!”대”폴드는 여전히 중요합니다.”
물론 작은 것부터 거대한 것까지 수천 개의 화면 크기가 있습니다. 이 웹 사이트는 지난 달에 958 개의 다른 크기의 화면에서 보았습니다. 그래서 일부 디자이너는 폴드가 더 이상 관련이 없다고 말합니다.
그러나 여기 하단 라인(그것을 얻을?)모든 방문에는 여전히 접기가 있으며 모든 방문에는 여전히 평균 접기가 있습니다. 핫 자르 같은 도구는 데스크탑/노트북,모바일 및 태블릿을위한 스크롤 히트 맵의 선으로 명확하게 보여줍니다.
그래서 네,접은 부분이 있고 그 위와 아래에 무엇을 넣느냐가 중요합니다. 한 연구에 따르면 방문자는 시간의 80%를 배 이상으로 보냅니다.
이렇게 너의 가치 건의안,너가 것을의 저 8 낱말 버전을,겹의 위 페이지에 높이,두십시요.
그러나 모든 행동 촉구를 맨 위에 두지 마십시오
방문자가 더 많은 시간을 보내고 있지만 이것이 그들이 행동을 취할 준비가되었음을 의미하지는 않습니다. 많은 설득이 페이지 아래로 더 멀리 발생합니다.
차트비트가 2,500 만 건의 방문을 분석했을 때 그들은 대부분의 참여가 그 배 아래에서 발생한다는 것을 발견했다. 상단에 콘텐츠 표시 될 수 있습니다,그리고 그것은 반드시 행동 귀하의 호출을 넣어 가장 효과적인 장소가 될 거 야.
이 자주 인용되는 연구에 대한 한 가지주의 사항: 차트 비트는 주로 마케팅 웹 사이트와 매우 다른 뉴스 웹 사이트에서 사용됩니다. 아무도는 뉴스 웹사이트에 겹의 위 다량을 한다! 정상적인 웹 디자인 끝은 적용하지 않는다.
관심이 높을 가능성이있는 모든 장소에서 페이지 아래로 더 멀리 액션 호출을 넣어해야합니다.
키가 큰 페이지로 만듭니다. 모든 방문자의 질문에 답하십시오.
더 많은 픽셀은 질문에 대답하고 이의 제기를 해결하며 지원 증거를 추가 할 수있는 더 많은 공간을 의미합니다. 방문자가 중요한 질문에 대한 답을 찾지 못하면 단순히 페이지 아래로 계속 이동할 수 있습니다. 일단 그들이 만족하면,그들은 단순히 읽는 것을 멈출 것입니다.
가장 효과적인 판매 페이지는 판매 대화를 모방합니다.
당신은 판매 회의 중에 사람을 차단하고 자신의 질문에 대답 중지하지 않을 것,그렇지? 즉,짧은 페이지가하는 모든이다;이 질문에 대한 답변을 중지합니다.
미친 계란에서 유명한 연구가 들어오는 곳입니다. 그들은 그들의 경청자를 조사하고,그들의 최고 질문 및 관심사를 발견하고,모두를 연설하는 키 큰 페이지를 건축했다.
페이지가 20 배 더 길었습니다. 전환율은 30%까지 올라갔다.
“스크롤은 연속입니다. 클릭하는 것은 결정이다”-조쉬 포터,로켓 인사이트 |
한 번에 한 가지를 보여
“나는 깨끗하고 현대적인 디자인을 좋아한다.”이것이 우리가 웹 디자인 프로젝트를 시작할 때 대부분의 고객이 우리에게 말하는 것입니다. 그들은 종종 예를 들어 애플의 웹 사이트를 참조하십시오.
방문자는 혼란을 좋아하지 않습니다. 우리는 공백을 좋아합니다. 즉,우리는 낮은 시각적 복잡성을 좋아합니다.
2012 년,구글은 방문자들에게 어떤 종류의 웹사이트가 아름답다고 여겨지는지 알아내기 시작했다. 그것은 매우 복잡한 이름을 가진 단순성에 대한 연구입니다:웹 사이트의 첫 인상에 관한 시각적 복잡성과 프로토 타입의 역할:미적 판단을 이해하는 방향으로 노력합니다.
그들은 더 복잡한 디자인이 아름다운 것으로 인식 될 가능성이 적다는 것을 배웠다.
이것은 단일 열 레이아웃 및 키가 큰 페이지에 대한 추세를 설명합니다. 여러 열(왼쪽 탐색,콘텐츠 영역,오른쪽 레일)이있는 디자인은 방문자 필드 내에서 더 많은 시각적 요소로 더 복잡합니다.
그래서 혼란을 잘라. 두 요소 중 하나를 각 스크롤 깊이에 포커스로 만듭니다.
표준 레이아웃에 충실
구글의 같은 연구는”높은 프로토 타입 성”도 인식 아름다움과 상관 관계가 있음을 발견했다. 즉,이상한 것은 보통 예쁘지 않습니다. 웹 디자인 표준을 따르는 웹 사이트는 사랑받을 가능성이 더 큽니다.
가장 아름다운 것으로 간주되는 사이트는 프로토 타입 성이 높고 시각적 복잡성이 낮습니다. 그들은 간단하고 깨끗한 모두.
그것의 너의 상표를 분화하는것은 이 방법,그것 좋다 생각하십시요,그러나 배치는 그것을 하는 장소가 아니다. 당신이 말하는 것과 다를 수 있습니다. 그러나 너의 위치가 사용되는 까 라고에서 전형적 있으십시요.
일부 자동차는 놀랍다. 그들은 다릅니다. 그들은 아름답다. 그러나 그들은 여전히 측면에 문,바닥에 바퀴와 앞에 헤드 라이트가 있습니다.
하지만 표준은 무엇입니까? 우리 자신의 연구에 따르면,이 웹 사이트에 대한 표준 요소입니다:
프로토 타입 성이 높은”표준”웹 사이트에는 다음이 포함됩니다:
- 왼쪽 상단의 로고
- 헤더의 수평 탐색
- 상단의 검색 창
- 하단의 소셜 아이콘
- 모바일 응답 디자인
“거짓 바닥”주의
현대 마케팅 웹 사이트,특히 판매 페이지는 페이지 블록으로 구축됩니다. 이 행은 한쪽에는 이미지가 있고 다른 한쪽에는 텍스트가 있으며 페이지 아래로 단일 열로 흐르는 콘텐츠 행입니다.
여기 지도 발생 웹사이트에 전형적인 서비스 페이지의 해부학은 있는다.
다이어그램에서 볼 수 있듯이 바닥글의 배경색이 더 어둡습니다. 이렇게 많은 사이트는 방문자가 지금 어두운 배경에 스위치가 페이지의 하단을 의미 것으로 기대 이렇게.
그러나 디자인에 어두운 배경의 페이지 블록이 있으면 방문자는 바닥에 닿았다고 생각하고 스크롤을 중지 할 수 있습니다. 그것은 거짓 바닥입니다.
참고:나는이 일에 대해 내 자신의 디자이너와 토론. 커트 크루스,우리의 크리에이티브 디렉터,훌륭한 점을 만든다. 배경 색상의 변화는 방문자가 콘텐츠의 유형이 변화하고 있음을 알 수있는 좋은 방법입니다. 나는 당신을 듣고,커트!
페이지 블록의 배경 색상을 선택할 때 고의적으로 생각하십시오. 안전을 위해 약간의 변형 만 선택하거나 항상 흰색 또는 밝은 회색을 사용하십시오. 그런 다음 바닥 글에서 어두운 회색 또는 검은 색으로 전환하십시오.
회전 목마 및 회전 슬라이더 피하기
그들은 수년간 인기가 있었고 클라이언트는 그들을 좋아합니다. 그러나 홈페이지 슬라이드 쇼에 문제가있다: 방문자는 첫 번째 슬라이드 만 볼 수 있습니다.
같은 결론에 도달 한 많은 연구가있었습니다. 후속 슬라이드의 메시지는 볼 가능성이 적고 클릭 할 가능성이 거의 없습니다. 대학 웹사이트에 활주를 위해 비율을 통해서 누르기에 다만 보기.
그들은 승인을 받기 쉽기 때문에 인기가있을 수 있습니다. 다른 부서의 다른 이해 관계자는 모두 배 위의 일부 픽셀을 얻습니다. 그들은 내부 정치를 위해 좋다,방문자를 위해 아닙니다.
홈페이지 슬라이드쇼는 사람들이 회의실에서 서로를 찌르는 것을 막아줍니다.
대신 어떻게해야합니까?
- 슬라이드를 쌓아서 방문자가 페이지를 아래로 스크롤하여 각 슬라이드를 볼 수 있습니다. 그들은 갑자기 훨씬 더 눈에 띄게 될 것입니다.
- 가장 영향력있는 슬라이드 하나를 영웅으로 사용하여 추천 이미지를 사용하십시오. 그것을 행동요청 좋은 주십시요!
탭 및 아코디언 피하기
숨기지 않도록 하는 또 다른 방법은 다음과 같습니다.
웹 사이트 방문자의 최대 76%가 스캔하는 것을 알고,당신은 뭔가를 공개하기 위해 클릭 할 필요없이,모든 노출 유지하여 그들에게 콘텐츠를 더 볼 수 있습니다.
탭과 확장 가능한 아코디언이 효과적이라면 아마존에서 볼 수 있습니다.
클릭하는 것보다 스크롤이 더 빠르고 쉽습니다. 방문자가 뭔가를 볼 수 있도록 조준하고 클릭하거나 탭해야하는 경우,그들은 그것을 볼 가능성이 적습니다.
이미지
비주얼로 넘어갑시다. 이 끝은 웹 페이지에 그림에 고유하다.
사람 사용 그림
얼굴은 독특하게 강력한 이미지입니다. 우리가 태어날 때부터 우리는 다른 어떤 것보다 얼굴을 바라 봅니다. 사람 그림의 자석 힘은 웹 디자인안에 아주 유용하다.
얼굴은 주의를 끌 뿐만 아니라 전환과 관련이 있다. 베이스캠프에 의해 유명한 사례 연구 결과 때 얼굴 및 평가 판매 페이지에 결합 된 거 대 한 리프트를 보였다.
너의 웹사이트가 넋없이”포기한 우주선”온보드 보지 않는다 것 을 확인하십시요.
수년에 걸쳐 수천 개의 비즈니스와 마케팅에 대해 이야기했으며 패턴을 발견했습니다. 대기업은 항상 작게 보이려고 노력하고 있으며,작은 회사는 크게 보이려고 노력하고 있습니다. 이상한,맞죠?
실제로 모든 회사는 더 개인적이고 인간적이되도록 노력해야합니다.
그러나 사람들의 재고 사진을 피하십시오
이 재고 사진을위한 시간과 장소가있다,그러나 나는 전염병 같은 사람들의 재고 사진을 피할 것입니다. 그들은 다만 결코 진짜에 느끼지 않는다,그러므로 신망을 건설하지 않는다.
회사는 생산 품질이 높기 때문에 재고 사진에 유혹을받습니다. 그러나 방문자는 현실에 대해 더 관심이 있습니다. 그들은 실제로 회사에서 일하는 실제 사람들을 보는 것을 선호합니다.
진위는 폴란드보다 더 중요합니다.
이 연구는 이것을 뒷받침합니다. 윈 그룹에 의해 연구는 방문자 조정 밖으로 스톡 사람과”필러”이미지의 사진,하지만 실제로 실제 사람들의 사진을 보면 것을 발견했다.
그래서 자신을 수,당신의 팀을 보여주고 실제 사람들의 사진을 사용,그들은 완벽하게 연마하는 경우에도.
얼굴을 시각적 신호로 사용
피플 사진은 방문객의 관심을 끌 수 있는 특별한 기회를 제공합니다. 유명한”당신이 보는 곳”현상.
제임스 브리즈 연구원이 106 명의 사람들에게 디자인을 보여 주었을 때,그는 잘 자리 잡은 얼굴의 힘을 보여주었습니다. 그들에는 다른 성분으로 방문자 주의를 지시하는 힘이 있는다.
이 아기 얼굴로 유명한 연구이다. 아기가 카메라를 볼 때 방문자는 아기를 봅니다. 아기가 표제를 볼 때,방문자는 표제를 본다.
내 친구 올리 가드너는 아기와 함께이 예제에 지쳤습니다(죄송합니다,올리!). 사람이 다른 연구 또는 좋은 예를 알고 있다면,나 의견에 알려 주시기 바랍니다!
얼굴 이미지의 시선을 방향 신호로 사용하여 방문객의 관심을 유익 진술이나 행동 요구로 안내합니다.
화살표를 시각적 신호로 사용
얼굴이 주의를 끌 수 있지만 방문자의 눈을 제어하는 유일한 방법은 아닙니다. 작은 손으로 그린 화살표가 훨씬 더 효과적 일 수 있습니다.
이 시선 추적 연구에서 간단한 화살표가 방문자가 페이지 요소를 보도록 하는 데 훨씬 더 강력한 것으로 나타났습니다.
너가 너의 방문자를 무언가를 보는 원하면,화살에 그것에 조준하십시요. 이 팁이 터무니없이 분명하거나 깊이 통찰력이 있는지 확실하지 않습니다.
를 사용하여 색상을 안내하는 방문자의 관심으로 통화를하는 동작
색깔이 있는 감정적 의미를(빨간은 긴급한,파란은 진정)및 그들은 부품의 브랜드의 기준입니다. 그러나 그들은 또한 버튼과 클릭률을 향해 방문자의 눈을 끌어 수있는 기회입니다.
버튼 컬러에 대한 아이퀀트의 연구는 컬러와 휘도 대비의 힘을 확인하여주의를 환기시킨다.
그러나 연구에 따르면 다채로운 버튼이 항상 효과적인 것은 아닙니다. 당신은 당신의 버튼이 더 시각적으로 눈에 띄는 할 경우:
- 단추 색상을 배경과 대조
- 단추 색상과 단추 텍스트 대비
- 단추 색상을 페이지의 주변 요소와 대조(또는 그 주위에 많은 공백을 남겨 둡니다)
“폰 레스토르프 효과”
1930 년대에 독일 과학자 헤드윅 폰 레스토르프는 10 개의 항목 목록을 보였을 때 사람들이 다른 항목과 다른 색상 인 경우 항목을 기억한다는 것을 발견했습니다. 이것은 후두엽이 시각적 차이 또는”패턴 인터럽터”에 민감하기 때문입니다.”
웹 마케팅 파라 초프라는 뛰어난 색상이 더 기억되지 않는 방법을 보여 실험을 실시,그들은 더 클릭하고:60%더!
프로 팁! 모든 링크,버튼 및 롤오버 효과에 대해”액션 색상”을 선택하십시오. 디자인 전반에 걸쳐 사용되는 브랜드 색상과 구별되는 색상을 만드십시오(“수동 색상”). 아무데도 있지만 클릭 할 수있는 항목에 작업 색상을 사용합니다.
탐색 및 링크
이제 방문자가 이동할 수있는 메뉴,버튼 및 링크를 포함하여 사이트 탐색에 대한 조언을 얻습니다.
설명 적
탐색은 항상 시각적으로 눈에 띄기 때문에 의사 소통을 할 수있는 기회입니다. 방문자는 일반적으로 헤더를 스캔하여 방문을 시작합니다. 거기 아무거나는,당신의 메뉴를 포함하여,보기 위하여 확률이 높다.
출처: 내비게이션 라벨이 일반적일 때,당신은 방문자에게 당신이 하는 일을 말할 기회를 놓쳤습니다. 이 두 가지 예를 비교하십시오:
너의 항법 상표가 일반 이으면,그때 웹사이트의 수천 또는 수백만에 일반적 이다. 웹 사이트 탐색 모범 사례를 활용하고 방문자를 돕고 검색 순위를 향상시킬 수있는 기회를 놓쳤습니다.
왼쪽에 홈을 넣어,하지만 그 이외의,메뉴 항목의 순서에 대해 너무 많이 걱정하지 마십시오
당신은 홈 링크가있는 경우,왼쪽에 넣어. 그것은 그것을위한 가장 일반적인 장소,그래서 방문자가 그것을 찾을 것으로 예상.
메뉴 항목의 나머지 부분에 관해서는 연구 결과에 따르면 순서가 그다지 중요하지 않습니다. 메뉴 항목의 순서와 방문자의 성공(소스 및 소스)사이에 낮은 상관 관계를 보여주는 두 가지 눈 추적 연구가 있습니다.
이렇게 너의 메뉴안에 것의 순서에 관하여 고민하는 시간의 톤을 보내지 말라.
서비스 페이지에서 블로그 게시물
방문자가 서비스 페이지에 있으면 리드로 변환하는 것이 목표입니다. 당신은 떠나 가서 블로그를 읽을 수있는 큰 기회를 추가하는 경우,그들은 리드 생성에 덜 초점을 맞춘 페이지에 착륙합니다. 블로그 게시물은 자연스럽게 더 많은 산만 함,출구 기회 및 낮은 전환율을 갖습니다.
다른 웹 사이트에있는 모든 것과의 연결에주의하십시오.
관련이있을 때마다 방문자가 목표를 달성하는 데 도움이되는 것들로 연결하십시오. 블로그 게시물에서,그것은 종종 외부 참조에 대한 소스 또는 링크의 인용입니다. 이 게시물은 수십 개의 기사와 연구에 연결됩니다!
그러나 서비스 페이지 및 홈페이지에,당신은주의 다른 사이트에 멀리 연결해야합니다. 리드로 방문자를 변환하기 위해 최적화 된 모든 페이지에 대한,자신에게 물어,당신은 정말 방문자가 해당 링크를 클릭 하시겠습니까? 그것은 당신이 당신의 목표를 달성하는 데 도움이됩니까?
웹 사이트 헤더에 소셜 미디어 아이콘 사용 금지
마찬가지로 헤더에 있는 다채로운 소셜 미디어 아이콘은 목표에 적합하지 않습니다. 방문자가 그 사탕 색깔의 버튼 중 하나를 클릭하면,그들은 산만 가득 사이트에 착륙. 그들은 돌아올 것 같지 않습니다.
이것은 일반적으로 소셜 미디어 통합을 수행하는 잘못된 방법입니다. 당신은 소셜 네트워크에 연결하는 경우,바닥 글에서 그렇게. 그들이 찾고 있다면 방문자는 소셜 네트워크를 찾을 수 있습니다,하지만 당신은 그들이 떠날 것을 제안하지 않는.
쓰기
의 단어에 대해 이야기하자. 이전,우리는 홈페이지에 키 프레이즈에 초점을 맞춘 헤드 라인을 추천. 여기 머리글,부제목 및 본문 텍스트를 포함 하 여 웹사이트에 들어가는 쓰기에 대 한 몇 가지 더 많은 도움말입니다.
의미있는 부제목 쓰기
모호한 부제목은 어디에나 있습니다. 그들은 종종 크고 쓸모 없지만 작지만 유용한 것들이 뒤 따른다. 이상한,맞죠? 그 반대가 더 의미가 있습니다.
큰 것들이 방문객에게 의미 있고 도움이되는지 확인하십시오. 하위 헤더가”제품”또는”서비스”와 같은 것을 말하면 더 설명적인 용어가 더 도움이되는지 물어보십시오. 여기에 몇 가지 예입니다.
이 스캐너 및 유용성에 좋다. 시각 장애인과 접근성에 좋습니다. 또한 좋은 검색 엔진 최적화 모범 사례입니다. 관련성을 나타낼 수있는 기회를 놓치지 마십시오!
프로팁:부제목이 완전히 필요하지 않을 수 있습니다. 이 페이지는 그것없이 그냥 좋은 것? 방문자는 아직도 보고 있는 무슨을 알는가 것입니다? 그렇다면,그냥 제거.
긴 단락과 긴 줄 길이 피하기
길고 뭉툭한 단락은 디지털 콘텐츠 모범 사례와 일치하지 않습니다. 단순히 긴 단락을 깨고 콘텐츠를 쉽게 소비 할 수 있습니다. 일반적으로 3-4 줄보다 긴 단락을 쓰지 마십시오.
“짧은 단락은 읽히고,긴 단락은 미끄러지고,정말 긴 단락은 건너 뜁니다. |
선 길이가 매우 긴 경우 방문자가 읽기가 더 어려울 수 있습니다. 웹 스타일 가이드는 12 단어 이하의 라인을 권장합니다.
전문 용어를 피하십시오. 간단한 단어를 사용하십시오.
읽기 쉬울수록 웹 사이트는 더 성공적 일 것입니다. 방문자가 기대하는 일반적인 단어를 사용하십시오. 긴 문장과 멋진 단어는 측두엽이 더 열심히 일하도록 강요합니다. 좋지 않아
“간단한 유지! “인식 유창함”은 보고 있는 무엇을 쉽게 너의 방문자 두뇌가 가공하는 까 라고의 측정 이다. 무언가를 읽기가 어려울 때,우리는 무의식적으로 그것이 더 위험하고/또는 시간이 많이 걸린다는 것을 알게됩니다. 따라서 변환을 극대화하려면 짧은 텍스트,간단한 글꼴 및 읽기 쉬운 디자인을 사용하십시오.”-로저 둘리,브레인 영향의 저자 |
“낮은 능력”사용자를 위해 잘 작동 복사 모두를 위해 잘 작동합니다. 그것은 그것을 더밍 대해 아니다;그것은 모두가 이해할 수있는 간단한 언어를 사용하는 방법에 대한 것입니다. 연구에 따르면 가독성 수준을 낮추면 모든 방문자의 성공률을 향상시킬 수 있습니다.
심지어 박사 학위는 8 학년 수준에서 읽는 것을 선호합니다.
그 큰 단어는 스마트 소리를 만들 수 있습니다,하지만 당신의 방문자가 바보 같은 느낌을 만들 수 있습니다. 의심하는 방문자는 행동을 취하게 확률이 낮다. 이렇게 너가 쓰는 때,이 질문을 묻는 보유:
방문자의 100%은 이 페이지에 낱말의 의미를 알는가?
목록 순서 및”직렬 위치 효과”
복사본 내의 목록을 주문할 때 중요한 내용을 시작과 끝에 넣으십시오. 독자’주의와 보유는 어떤 명부의 한가운데에 가장 낮다. 방문자가 페이지를 스캔 할 때 첫 번째 항목과 마지막 항목은 단기 기억에 남을 가능성이 가장 높습니다.
출처: 주문 효과 이론:우선 순위 대 최신성
방문자의 상위 질문에 답하십시오
그들은 질문과 함께 왔습니다. 웹 사이트의 주요 작업은 그 질문에 대답하는 것입니다. 답이없는 모든 질문은 신뢰를 구축 할 기회를 놓친 것입니다. 답이없는 질문은 방문자가 떠날 가능성을 높입니다.
조엘 클레트케가 질문을 찾고 답을 쓰는 과정을 적용했을 때,그는 허브스팟 방문 페이지에서 전환율을 두 배로 늘릴 수 있었다. 그는 고객을 회견하고,그들의 응답을 분석하고,메시지를 우선순위를 매기고 결국,새로운 매매 사본안에 경청자 그들자신의 낱말을 사용했다. 똑똑한!
다음은 조엘이 방문자의 주요 질문을 발견하기 위해 사용하는 질문입니다:
- 무슨 일이 있었는지 그 해결책을 찾고 보낸?
- 그 밖의 무엇을 시도하고 그것에 대해 무엇을 사랑하지 않았습니까?
- 당신이 우리에게서 사지 못하게했던 것은 무엇입니까?
- 무엇이 우리를 시험 할만큼 자신감을 갖게 했습니까?
- 무엇이 당신을 위한 제일 해결책을 만들었습니까?
- 평가 엑스,당신에게 가장 중요한 것은 무엇입니까?
- 전에 할 수 없었던 지금 무엇을 할 수 있습니까?
- 엑스 당신을 위해 차이를 만들 때의 예를 들어주세요?
1 개의 낱말안에,너의 웹사이트의 목적은 무엇 이는가? 대답.
추가 읽기:완벽한 웹 사이트 서비스 페이지:13 점 체크리스트
증거와 사회적 증거 추가
“적합성 편향”은 다른 사람들이 하는 일을 하는 인간의 경향이다. 그래서 다른 사람들이 당신을 선택했다는 증거를 제공하면 회사를 선택하는 것이 좋은 선택처럼 보입니다. 목표는 너의 회사를 사용하기이외에 어떤 결정을 규범 이상으로 보인것을 이다.
방문자가 합법적이라는 증거를 제공하십시오. 이상적으로,너의 매매 요구의 각자는 기록에 지원된다.
“몇 시간을 너는 디자인 상 수상자 명부에 웹사이트에 처음부터 끝까지 누르고”가정”의 리벳을 박는 제목 꼬리표에 너의 눈을 구르는가? 이것은 당신이 당신의 클라이언트/고객이 필요로하고 작동 할 것으로 예상하는 방법을 작동합니다 뭔가를 구축 할 것을 약속 기관을 선택하는 대신”완전히 방사선과 독특한 무언가를 만들”기관을 신뢰할 때 발생하는 것입니다.”-젠 살라 만딕,킥 포인트 |
가장 빠르고,가장 쉬운 방법은 증명서를 추가하기 위한 것이다. 여기에 다른 유형의 사회적 증거가 있습니다.
- 관련 인플 루 언서로부터의 보증
- 고객의 제품 리뷰
- “에서 볼 수 있듯이…””얼마나 많은 증거가 충분합니까? 얼마나 많은 평가 추가 해야 합니까?
많이. 너무 많은 증거 같은 것이 없을 가능성이 있습니다. 우리는 아마존의 제품 상세 페이지 중 하나의 빠른 분석을했고,페이지의 43%가 증거 및 리뷰 것을 발견했다.
프로 팁! 증명서 페이지를 만들지 말라. 그들은 낮은 소통량 페이지 이것을 간다. 대신,각 서비스 페이지에 증명서를 추가하십시요.
언급 부족,트리거”손실 회피”
인간은 효율적인 비용/이익 계산기가 아닙니다. 우리는 손실을 과대 평가하고 이익을 과소 평가하는 경향이 있습니다. 즉,손실은 이익이 즐거운 것보다 더 고통 스럽습니다.
이것은 온라인과 오프라인에서 사실이며 많은 인간 행동을 설명합니다. 이 기사는 그것을 잘 설명합니다:행동 경제학과인지 심리학을 디자인 프로세스에 적용.
손실에 대한 이러한 혐오감은 웹 디자이너와 카피라이터에게 유용 할 수 있습니다. 여기 마음안에 손실 회피에 쓰기 사본을 위해 몇몇 끝은 있는다.
- 제품 또는 서비스를 사용하지 않는 비용을 강조하십시오.
- 그룹 비용은 함께,혜택을 별도로 나열하십시오.
- 즉각적인 이익을 강조합니다.
- 제한된 시간 제공으로 긴급 성을 만듭니다. 제품이 부족한 경우 그렇게 말하십시오.
온화하게 행동을 지금 취해서 놓치거나,위험에 내 맡기거나 잃을 무슨을 당신의 방문자를 생각나게 하십시오.
구독자에 대한 이메일 가입 양식 최적화
이 게시물의 하단에 하나가 있습니다. 구독할 것이다 행동요청 이다. 당신이 자세히 보면,당신은 세 가지 요소를 포함하는 것을 볼 수 있습니다. 다음은 3 페이지의 이메일 가입 양식.
- 눈에 띄는 그것은 시각적 계층 구조 내에서 눈에 띄는
- 약속 그것은 그들이 얻을 것이다 무엇을 독자에게 알려줍니다 얼마나 자주
- 증명 그것은 사회적 증거를 사용:가입자의 수 또는 작은 평가
우리가 처음 이러한 변화를 실험 할 때,이전 형태의 전환율은 매우 낮았다,그래서 개선 극적이었다. 우리는 이메일 가입의 4,863%증가를 보았다.
귀하의 이메일 가입 양식을 디자인 할 때,그것을 볼 수 있도록,사회적 증거를 사용하고 그들이 얻을려고하는지 독자들에게.
단지 예쁜 사이트보다 더
모두가 아름다움을 사랑한다. 모두가 멋진 새로운 디자인 기능을 좋아합니다. 모두가 비평가입니다. 그러나 방문객으로서 우리는 아름다움 이상의 것이 필요합니다. 우리는 정보가 필요합니다. 그리고 웹 사이트 소유자로서 우리는 결과가 필요합니다.
같은 연구 결과를 가진 두 가지 연구가 있습니다. 첫 번째는 허브스팟의 설문조사로,방문자가 아름다운 디자인이나 멋진 유엑스보다 정보를 쉽게 찾을 수 있는 가치를 보여줍니다.
이 두 번째 연구는 윈 그룹에 의한 사용자 테스트 세트의 결론이다. 그것은 방문자가 실패 할 때 사이트가 충분히 아름답 지 않기 때문에 정보를 찾을 수 없기 때문에 보여줍니다.
나는 누구만큼 아름다운 디자인을 좋아한다. 이것이 내가 이 사업을 시작한 이유다! 그리고 나는 종종이 인용문을 생각합니다:
“디자이너의 삶은 싸움의 삶이다. 추함에 맞서 싸울.”-마시모 비 넬리,디자인 전설 그러나 웹 디자인에서는 콘텐츠 용 컨테이너를 만듭니다. 그리고 방문자는 내용이 아닌 컨테이너를 위해왔다.
웹 사이트는 아름다워야한다. 그들은 방문자에 대한 시각 감정적인 충격이 있어야 한다. 그러나 귀하의 웹 사이트의 성공은 아름다움을 훨씬 뛰어 넘습니다. 그것은 방문자가 필요한 것을 찾을 수 있도록 돕는 것입니다. 저것은 이 기사안에 각 끝의 심혼 이다. 그리고 그것은 웹 디자인의 진정한 목적입니다.
당신의 방문자가 그들이 온 것을 찾을 수 있도록,그리고 당신이 그들에게 원하는 것을 그들에게 제공.