디자인은 정보를 소비하는 방식에 매우 중요한 역할을합니다. 특히 청중이 적시에 특정 정보를 검색하는 여행 블로그와 관련된 경우. 잘 디자인 된 여행 블로그를 통해 청중은 몇 초 만에 정보를 얻을 수있어 훨씬 더 자주 사이트로 이동하는 연습을 형성 할 수 있습니다.

반면에, 제대로 개발되지 않은 여행 블로그는 청중을 혼란스럽게하여 나쁜 의견을 형성하고 블로그를 완전히 버릴 수 있습니다.

연구에 따르면, 청중은 여행 블로그의 시각적 매력을보고 페이지로드 후 500 밀리 초 이내에 빠르게 의견을 형성 할 것입니다! 불행히도, 많은 여행 블로그는 초기 단계에서 디자인을 우선 순위로 삼지 않으며 블로그가 커지면서 디자인은 종종 백 버너에 놓여지고 완전히 잊혀집니다.

콘텐츠가 아무리 흥미롭고 뚜렷하더라도, 청중이 여행 블로그가 제공하는 독서 경험을 좋아하지 않으면 주저하지 않고 사이트를 떠나 다른 대안으로 전환하는 것을 주저하지 않습니다.

저는 지금 10 년 이상 프리랜서 사용자 인터페이스 디자이너로 일해 왔으며 최근에 자신의 여행 블로그 BucetListly.blog를 재 설계하는 실험을 수행했으며 훌륭한 독서 경험을 만드는 방법에 대해 많은 것을 배웠습니다.

☞ 참조 : 여행 일자리 – 원격으로 할 수있는 101 개의 작업 목록

오늘 저는 여행 블로그의 읽기 경험을 향상시키기 위해 적용 할 수있는 10 가지 필수 디자인 제안을 여러분과 공유하겠습니다.

1. 탐색을 단순화하십시오

이전에 논의한 바와 같이, 귀하의 사이트는 청중이 최대한 빨리 필요한 정보를 제공하고 쉽고 명확한 탐색을 통해 청중이 뛰어 다니고 사이트를보다 쉽게 ​​탐색 할 수있게 해줄 수 있습니다.

페이지 상단에 제공되는 쉽고 명확한 레이블을 사용하여 탐색 구조를 2 레벨을 넘지 않는 것으로 제한하는 것은 여행 블로그를 단순화하는 한 가지 방법입니다. 또한 Google에 따르면 콘텐츠 깊이는 기사의 순위가 얼마나 잘 순위를 식별 할 수 있습니다. 페이지에 도착하는 데 한 번의 클릭이 필요하면 Google은 2 ~ 3 개의 클릭이 필요한 다른 페이지보다 페이지가 훨씬 더 필수적이라고 생각합니다.

여행 블로그를 시작하는 방법을 배우고 싶습니까? 몇 분 안에 방법을 보여주고 시작하기 위해 4 부 초보자 블로거 비디오 코스와 200 페이지 블로깅 eBook을 무료로 보내드립니다! 자세한 내용은 여기를 클릭하십시오.

2. 내용 중심 레이아웃

페이지에 도착하고 눈이 콘텐츠 이외의 다른 것으로 자동으로 이동하면 사이트 소유자가 잘못하고 있습니다. 여행 블로그는 컨텐츠에 따라 라이브 및 죽으며 마케팅이나 광고와 같은 다른 관련없는 것 대신 콘텐츠에 중점을 둔 레이아웃을 선택해야합니다.

콘텐츠에 가장 적합한 레이아웃은 도로의 염소에서 여기에 표시된 단일 열 레이아웃입니다. 내용은 전면과 중앙이며 실제로는 산만하지 않고 쉽게 소화됩니다. 사용자가 콘텐츠의 위치에 대해 생각할 필요가 없습니다. 그들은 페이지를보고 페이지를 즉시 알고 있습니다.

두 열 레이아웃은 왼쪽의 내용과 오른쪽의 사이드 바를 사용하면 허용됩니다. 이런 식으로 이동하기로 선택한 경우 컨텐츠 열이 사이드 바보다 상당히 크지 않아 청중을 혼동하지 마십시오.

최소 너비가 800px 또는 300px 사이드 바에 훨씬 더 많은 컨텐츠 영역이 컨텐츠 센터 스테이지를 제공하면서 사이드 바를위한 공간을 남기는 균형이 좋다는 것을 알았습니다.

3. 이미지를 최적화하십시오

종종 여행 블로그는 제한된 모바일 데이터를 통해 휴대폰에서 사용할 수 있으며 여행 콘텐츠가 이미지에 무겁기 때문에 사진을 제출하기 전에 올바르게 최적화해야하므로 게시물이 더 빨리로드되고 돈을 지불해야합니다. ‘청중의 제한된 모바일 데이터를 낭비하십시오.

제출하기 전에 TinypNG 또는 Optimizilla와 같은 타사 서비스를 통해 이미지를 최적화하거나 설정을 훨씬 더 많이 제어 해야하는 경우 Adobe Photoshop으로 수동으로 수행 할 수 있습니다. 내가 찾은 가장 최적의 설정은 사진을 60% 품질로 JPEG로 변환하는 것입니다. 품질은 사진의 유형에 따라 다를 수 있으므로 숫자를 완전히 시도해 볼 수 있습니다.

4. 게으른로드 모든 것

Lazy Load는 컨텐츠가 많은 사이트에서 일반적으로 필요한 지점까지 이미지 또는 iframes의 초기화를 연기하기 위해 사용하는 설계 패턴입니다.

위에서 논의한 바와 같이, 모바일 데이터와 속도는 청중에게 귀중하며 여행 컨텐츠의 특성으로 인해 모든 사진, YouTube 비디오 및 Google Maps가 구매중인 게으른로드해야합니다.D 청중 데이터와 여행 블로그의 초기로드 시간 속도를 크게 높이십시오.

이를 여행 블로그에서 실행하려면 약간의 JavaScript 개발 기술 또는 웹 개발자가 도움이 필요합니다. 내가 권장하는 플러그인은 Verlok의 게으른 부하 스크립트로, 가볍고 강력한 구현하기 쉬운 것입니다.

☞ 참조 : 10 완전 무료 WordPress 플러그인 모든 여행 블로그는 가지고 있어야합니다.

게으른 부하와 작은 자리 표시 자 이미지와 “SRCSET”속성을 결합하여 BucketListly 블로그에서 한 것처럼 더 많은 단계를 밟을 수 있습니다.

이것은 작동 방식입니다. 동일한 이미지의 3 가지 버전, 하나는 자리 표시 자 (20% 품질의 20 픽셀), 모바일 버전 (60% 품질의 500 픽셀) 및 원본 사진이 필요합니다.

페이지가 처음로드를 시작하면 자리 표시 자 버전이 자리 표시 자로 먼저로드되고 원본 이미지는 청중이 스크롤 할 때만로드됩니다. 잠재 고객 화면 크기에 따라 이미지가 더 작은 버전을로드하려면 SRCSET 속성 내에 이미지의 모바일 버전을 넣어 이미지 HTML 레이블의 SRCSET 특성을 사용할 수 있습니다. SRCSET에 대해 더 많이 배울 수 있습니다.

5. 검색 버튼에 쉽게 액세스 할 수 있습니다

검색 기능은 여행 블로그가 가질 수있는 가장 중요한 기능 중 하나입니다. 청중이 블로그에 도착하고 해당 페이지에서 원하는 것을 찾을 수 없었을 때, 다음으로 할 일은 더 나아가는 검색 버튼을 찾는 것입니다.

종종 탐색 표시 줄에서 찾아 볼 것입니다. 검색 버튼을 찾을 수 없으면 사이트를 떠날 가능성이 높으므로 페이지 사이트 상단에 검색 기능을 준비해야합니다.

6. 사진을 향상시킵니다

나는 프랑스 알프스에서 Balcon Sud 트레일을 하이킹 할 때 이것을 가져 갔다.

사진 게임을 향상시켜 청중 독서 경험을 향상시킬 수 있습니다. Visual Aids는 여행 콘텐츠의 큰 구성 요소이며 블로그 게시물에 동행 할 잘 프레임 사진이 있으면 청중이 사진을 좋아하면 그 게시물에 참여할 가능성이 훨씬 높습니다. 결국, 우리 인간은 시각적 생물입니다.

흐릿하고 품질이 낮은 사진은 콘텐츠가 품질이 낮다는 인상을 줄 수 있으므로 스토리 텔링을 방해하지 않도록하십시오.

7. 마케팅에 대한 디자인을 희생하지 마십시오

나는 너무 많은 블로거들이 마케팅을 위해 수많은 성가신 팝업과 배너로 좋은 독서 경험을 희생하는 실수를하는 것을 보았습니다. 내가 보는 가장 일반적인 실수는 페이지에 도착했을 때 특정 정보를 검색하고 전체 페이지 팝업이 콘텐츠를 읽을 기회가 있기 전에도 뉴스 레터를 구독하도록 요청하는 것 같습니다. 그것은 청중을 잃는 확실한 방법입니다.

잠재 고객과 원하는 콘텐츠를 방해하는 모든 종류의 마케팅 기술을 사용하지 않는 것이 가장 좋습니다.

8. 멋진 글꼴을 최소로 유지하십시오

블로그 디자인의 일부로 멋진 글꼴을 갖는 것은 블로그와는 다른 블로그와 차별화되도록하는 좋은 방법이지만 과도하게 사용하지는 않습니다. 나는 글꼴로 뒤쳐진 수많은 여행 블로그를 보았으므로 그들이 사용한 글꼴의 가독성이 좋지 않아 블로그 게시물이 무엇인지 알아내는 것이 실제로 불가능합니다.

멋진 글꼴을 최소한으로 유지하십시오. 엄지 손가락의 좋은 가이드 라인은 멋진 글꼴을 사용하려면 하나로 제한하고 큰 헤드 라인에만 사용하는 것입니다. 더 나은 독서 경험을 위해 Open Sans 또는 Helvetica와 같은 콘텐츠에 대해 훨씬 더 읽기 쉬운 글꼴을 선택하십시오.

9. 콘텐츠를 일관되게 구조화하십시오

여행 블로그를위한 콘텐츠를 만들 때 마음에 명확한 구조를 가지고 있고 블로그 전체에서 일관되게 반영하기 위해 최상의 스타일을 사용해야합니다.

제목은 가장 인기있는 글꼴 크기, 무게 및 색상의 제목처럼 보일 것입니다. 제목보다 글꼴 크기가 작은 헤더 텍스트와 동일한 대담한 무게를 가진 헤더 텍스트도 마찬가지입니다. 바디 텍스트는 가장 작은 글꼴 크기와 정상적인 글꼴 무게를 가져야합니다.

HTML을 알고 있다면 엄지 손가락의 좋은 지침은 H1 레이블을 제목으로, 자막으로 H2, 헤드 라인으로 H3, 하위 헤드 라인으로 H4, 단락의 경우 P를 사용하는 것입니다.

10. 플로팅 함량을 제한하십시오

이전에 논의한 바와 같이, 청중은 휴대 전화에서 블로그에 도착할 가능성이 높으며 제한된 화면 부동산을 사용하면 화면의 15%를 차지하는 부유 상자가있는 경우에만 청중이 훨씬 더 성가 시게됩니다.

고정 된 상위 탐색 표시 줄이있는 여행 블로그가 있다면 이미 잠재 고객 화면 부동산의 15%를 차지하고 있으며하단에 광고를 추가로 선택한 경우 15%가 더 걸립니다. 이는 콘텐츠에 대해 화면의 70% 만 남기고 있음을 의미합니다. 조경 크기 이미지를 추가하면 50%가 걸릴 수 있으며, 사진을 지나서 스크롤하지 않으면 청중이 아무것도 읽을 수있는 공간이 남지 않을 것입니다.

이것은 단지 청중에게 불편한 불편 함을 만듭니다. 여행 블로그에서 모바일 잠재 고객을 염두에두고 떠 다니는 콘텐츠를 제한하십시오.

여행 블로그도 운영하고 있습니까? 이러한 기술 중 많은 방법이 블로그에 적용 되었습니까? 목록에서 뭔가 놓친 것이 있습니까? 아래 의견에서 우리와 공유하여 서로 여행 블로그 산업을 조금 더 예쁘게 만들도록 도울 수 있습니다.

이 기사처럼? 그것을 핀!

면책 조항 : 도로의 염소는 아마존 직원이며 다른 소매 업체의 계열사입니다. 이는 블로그에서 링크를 클릭하고 해당 소매 업체로부터 구매하면 커미션을 얻는 것을 의미합니다.