LGE B2B Web Style Guide

..l.. ..l..

일반적인 웹사이트 내에서의 컨텐츠 페이지 구성 시 목적에 맞게 기능요소를 분배하여 사용자에게 정보를 전달하게 됩니다. 사이트 기획자는 사이트 전체 목표에 대해서 정의를 내리고 어떻게 전체 모양을 만들지 고민하게 됩니다. 이런 고민의 단계를 거쳐 각 메뉴를 구성하게 되고, 다시
메뉴에 대한 정의에서 하위 구성요소를 고민하게 됩니다. Contents Layout에서 제공되는 내용은
그 이후 단계인 페이지 내에서 정보구성과 제작에 적용할 수 있는 가이드입니다.

다음은 화면 구성에 있어 필요한 요소들에 대한 예시화면으로 각 구성요소는 범용적으로 LGE B2B 사이트에 적용될 수 있는 항목입니다. 화면 설계 시 주의하여야할 사항은 타이틀의 영역에는 페이지의 대표적인 이름이 들어가야 하며 기능을 제공하고 있는 페이지의 경우 그에 따른 적절한 안내정보를 제공하여 기능의 이해를 돕도록 해야한다는 점입니다. 일반적인 경우 사용을 하지 않을 수 있으나, 어려운 기능의 경우 사용자의 이해를 돕도록 하는 것은 기획자가 고려해야 할 중요한 항목입니다.

	위치정보 - 개발화면에 따라서는 필요하지 않은 사항일 수도 있습니다.
	화면의 타이틀 - 화면을 안내할 수 있는 제목입니다.
	안내정보 - 화면을 안내할 수 있는 카피문구로서 화면의 기능에 대한 사용자의 이해를 돕습니다.
	기능정보 - 일반적인 LGE B2B사이트의경우 정보의 유형은 상당부분 기능성을 수반하고 있습니다.
	정보를 위한 기능성 메뉴 - 기능정보의 항해나 이용을 위한 도움을 줍니다.
	부가정보 - 기능정보에 관련된 부가정보로서 같은 화면에 위치함은 정보의 다양한 접근을 가능하게 합니다.

Contents Layout 본 가이드에서는 정보의 요소를 블록형태로 분리 분석하여 이해하고 있습니다. 디자인에 있어서 이와 같은 분석은 조립형태의 디자인 레이아웃을 가능하게 하고 보다 확장적인 디자인 적용이 가능하게 도와줍니다.

하단의 경우 하위 페이지에서 구성될 수 있는 기본 화면으로 주의하셔야할 점은 Text Area를 두어 페이지의 목적에 맞는 안내문구 등 Text Copy를 넣을 수 있다는 점입니다. 이와 같은 구성은 제작을 담당하게 될 디자이너에게도 같은 레이아웃의 화면 구성을 유도할 수 있다는 장점이 있습니다.

주의사항 - 많은 B2B 담당자의 요청 중에 하나는 다양한 제작 반영이 가능하게 해달라는 것이었습니다. 본 가이드에서 제공하는 Contents Layout은 기획자에게 페이지 정보구성 전략을 작성하는데 도움을 주지 못합니다. 기획 이후에 제작에 응용될 화면에 대한 가이드라는 점을 이해하시기 바랍니다.

참고사항 - 다양한 레이아웃의 셈플들을 본 장의 Templates에서 확인하시기 바랍니다.

Home ..l.. General Information ..l.. Design Guide ..l.. Technical Guide ..l.. Library