정보 기반 웹사이트 또는 블로그를 위한 최고의 홈페이지 레이아웃

홈페이지는 전체 사이트를 위한 환영 매트여야 합니다. 그것의 디자인만으로도 사람들에게 당신이 무엇에 대해 무엇을 전달할 것인지 알 수 있어야 합니다. 이어지는 모든 페이지의 분위기를 설정해야 하며 제공하는 콘텐츠에 상응하는 전문성 수준을 의미해야 합니다. 거의 모든 홈페이지에 깔끔한 레이아웃이 필요하고 모든 사이트는 탐색하기 쉬워야 하지만 특정 유형의 웹사이트에 적용되는 특정 디자인 개념이 있습니다.

정보를 제공하거나 제공하는 정보에 대해 보다 교육적인 접근 방식을 취하는 정보 사이트는 자신감을 불러일으키는 방식으로 설계되어야 합니다. 정보를 얻기 위해 사이트를 방문하는 사람들은 해당 작업이 전문적이고 정확하며 신뢰할 수 있다는 인상을 받아야 합니다. 지각은 디자인에서 시작하므로 다음 여러 섹션에서 정보 기반 웹사이트의 레이아웃에 대해 설명합니다.

여백

콘텐츠 자체보다 더 중요하거나 최소한 동등한 중요성은 너무 자주 잊혀지는 공백입니다. 콘텐츠를 둘러싼 공백을 주의 깊게 계획하면 방문자가 정보를 관리 가능한 덩어리로 요약하고 이해할 수 있습니다. 잘 배치된 여백은 이해력을 향상시키고 현재 가지고 있는 재료의 "끈적함"을 증가시킬 수 있습니다.

먼저 단락과 헤더를 살펴봄으로써 공백 최적화를 시작하십시오. 이러한 앵커를 돋보이게 하려면 필요에 따라 여백을 조작하십시오. 독자의 주의를 끌기 위해 주요 텍스트 요소 아래에 공백을 적용하여 스크롤하는 동안 읽기 쉽도록 합니다. 여백을 사이트의 활성 부분이자 독자가 귀하가 제시하는 내용을 더 쉽게 즐길 수 있도록 하는 구성 요소로 생각해야 합니다.

이미지 배치 고려

이미지와 비디오는 자료를 주로 텍스트로 표시하는 웹사이트를 포함하여 모든 웹사이트에 거의 필수입니다. 최소한 귀하의 사이트에는 로고와 몇 개의 삽화가 있어야 합니다. 이러한 정보는 정보를 배치하기 전에 배치해야 해당 정보를 해결하는 방법을 이해할 수 있습니다. 방문자가 이미지를 둘러싸고 있는 내용을 읽을 수 있도록 이미지를 사용하여 주의를 기울여야 합니다. 눈을 사로잡는 시각적 자석으로 생각하고 가장 중요하고 매력적인 콘텐츠를 놓치기 어려운 방식으로 이미지 주위에 두십시오. 이를 올바르게 수행하면 독자가 귀하의 콘텐츠에 매료될 것입니다.

슬라이더 없음

슬라이더는 짧은 기간 동안 유용했지만 정보 기반 사이트에는 결코 적합하지 않았습니다. 이제 디자인은 슬라이더가 비효율적이기 때문에 거의 완전히 슬라이더에서 멀어지고 있습니다. 슬라이더는 주의를 산만하게 하고 덜 중요한 정보를 소비하기 어려운 방식으로 제시하여 실제로 사용자를 혼란스럽게 할 수 있습니다. 실제로 연구에 따르면 슬라이더가 전환율을 저하시킬 수 있습니다. 슬라이더의 모양조차도 "배너 블라인드"라는 결과로 웹 사이트를 손상시킬 수 있습니다. 배너 블라인드는 사용자가 배너 모양을 광고와 연관시키기 때문에 자동으로 배너 모양의 모든 것을 무시하는 경향이 있다는 사실을 나타냅니다. 즉, 슬라이더는 쓸모없고 수천 가지 다른 작업에 사용할 수 있는 공간을 차지합니다.

모바일 브라우징의 인기가 높아짐에 따라 배너도 인터넷의 쓰레기 더미로 밀려났습니다. 인터넷 사용의 55%가 모바일 장치에서 이루어짐을 감안할 때(증가할 것으로 예상되는 숫자), 보기에 좋지 않고 모바일 장치에서 자주 전혀 작동하지 않는 위젯으로 공간을 낭비하는 것은 의미가 없습니다. . 이 사실을 위의 선호도에 대한 연구 결과에 추가하고 슬라이더 손상 검색 순위를 고려하면 슬라이더가 금지되어 있음이 완벽하게 명확해집니다.

드롭다운 메뉴 사용

드롭다운 메뉴는 SEO에 피해를 줄 수 있으므로 모든 사이트에 적용되는 것은 아닙니다. 그렇긴 하지만, 드롭다운 메뉴는 많은 정보가 포함된 사이트를 정리하고 구성하는 데 실제로 도움이 될 수 있습니다. 드롭다운 메뉴를 사용할 때 판단을 내려야 하지만 많은 사용자에게 편리하고 편리하며 직관적이라는 점을 고려하십시오. 이러한 CSS 드롭다운 메뉴가 가능하며 JavaScript(jQuery, MooTools 등을 통해)가 여전히 가장 좋은 방법입니다.

콘텐츠 보기

콘텐츠 보기를 제시하려는 정보의 창으로 생각하십시오. 이러한 창을 계획해야 합니다. 창의 투명도, 크기 및 작동 방식이 콘텐츠 액세스 용이성에 영향을 미치기 때문입니다. 어떤 경우에는 보기가 전체 페이지를 차지할 수 있고 다른 경우에는 단순히 페이지의 작은 부분을 차지할 수도 있습니다. 콘텐츠를 가능한 한 최상의 조명으로 표시하도록 보기를 계획합니다.

보기를 계획할 때 모바일 장치를 기억하십시오. 별도의 모바일 사이트가 있는 경우 대부분의 장치에서 볼 수 있는 작은 화면에 최적화해야 합니다. 사이트의 모바일 버전이 없다면 구축을 고려하십시오. 모바일 장치에 전체 크기의 웹페이지를 표시하는 좋은 방법은 없으며 사용자는 이러한 시도를 용납하지 않을 것입니다.

탐색 용이성

사이트의 정보를 쉽게 찾을 수 없다면 사람들이 찾지 않을 테니 안심하십시오. 모든 것을 액세스 가능하게 만들어야 하며 이는 사이트 탐색에 많은 시간을 할애함을 의미합니다. 콘텐츠가 많을수록 탐색이 더 강력하고 명확하며 중복되어야 합니다. 예를 들어 정보 계층이 6개 또는 7개 있지만 탐색이 단순 앞뒤 이동만 허용하는 경우 사용자는 찾고 있는 정보로 다시 "아래로"를 클릭하기 전에 여러 계층을 통해 다시 "위로"를 클릭해야 할 수 있습니다. 을 위한. 이러한 탐색은 번거롭습니다. 최소한 논리적 폴더 구조와 밀접하게 연결된 탐색 기능을 사용자에게 제공하십시오. 그런 다음 그들은 자신의 위치를 ​​추적하고 필요에 따라 이동할 수 있습니다.

결론

사이트에 더 많은 정보를 추가할수록 더 많은 계획을 세워야 합니다. 종이나 화이트보드에 웹사이트의 더 큰 부분을 디자인하는 것으로 시작하고 확실한 마스터 플랜이 나올 때까지 앉아서 코드를 작성하지 마십시오. 코딩할 때 링크 색상이나 이미지 테두리에 대한 세부 정보에 얽매이고 전체 사이트 디자인을 잊어버리기 쉽습니다. 간단히 말해서, 디자인을 관리하기 쉽고 사용자에게 매력적으로 유지하려면 홈페이지를 만들 때 참조할 수 있는 청사진이 필요합니다.