HTML- 더미를 사용하여 페이지에 내용 구성

비디오: HTML Crash Course For Absolute Beginners 2024

가독성은 콘텐츠를 구성하고 표시하는 데있어 가장 중요한 원칙입니다. 웹 페이지. 귀하의 웹 페이지는 방문자가 귀하의 컨텐츠를 쉽게 읽고, 이해하고, 행동하도록 허용해야합니다. 방문자가 원하는 행동은 클릭하여 추가 콘텐츠를 읽거나 다른 사람들과 콘텐츠를 공유하거나 구매할 수 있습니다.

부적절한 조직화 된 콘텐츠는 사용자가 원하는 작업을 완료 할 수있을만큼 오랫동안 콘텐츠에 참여하기 전에 웹 사이트를 떠나게합니다.

이 수치는 웹 사이트 가독성의 두 가지 예를 보여줍니다. 이 그림에서 Craigslist. org에서 뉴욕의 한 아파트를 검색했습니다.

출처: craigslist. org

검색 결과는 목록과 같은 구조로되어 있으며 필터 및 검색 양식을 사용하여 표시된 내용을 제한 할 수 있습니다. 각 목록에는 설명, 침실 수, 이웃 및 가장 중요한 가격과 같은 여러 속성이 있습니다. 여러 목록의 유사한 속성을 비교하는 것은 약간의 노력이 필요합니다. 눈이 따라야하는 들쭉날쭉 한 선을주의하십시오.

다음 그림은 Hipmunk에서 검색 한 결과입니다. com에서 뉴욕 행 런던 행 항공편을 검색 하시나요?

출처: hipmunk. com

Craigslist 검색 결과와 마찬가지로 필터 및 검색 양식을 사용하여 표시된 콘텐츠를 제한 할 수 있습니다. 또한 각 항공편 목록에는 가격, 이동 통신사, 출발 시간, 방문 시간 및 기간과 같은 여러 속성이 있으며 아파트 항목의 속성과 유사합니다. 그러나 Hipmunk 레이아웃을 사용하면 여러 항공편에서 유사한 속성을 비교하는 것이 훨씬 쉽습니다. Craigslist와는 대조적으로 콘텐츠가 눈을 직선으로 따라갈 수있는 레이아웃을 가지고있어 다양한 옵션을 쉽게 비교하고 비교할 수 있습니다.

콘텐츠를 표시 할 때 단순함의 힘을 과소 평가하지 마십시오. Craigslist의 콘텐츠 레이아웃이 너무 단순 해 보일 수도 있지만이 사이트는 세계에서 가장 많이 방문한 웹 사이트 중 50 위입니다. Reddit. com은 단순한 레이아웃을 가진 상위 50 개 웹 사이트의 또 다른 예입니다.

콘텐츠를 표시하기 전에 먼저 몇 가지 질문을 던지십시오.