웹의 콘텐츠, 구조 및 표현은
구조의 기초이지 그 반대가 아닙니다. 내용은 특정 구조를 어느 정도 반영하지만 전부는 아닙니다. 원본 콘텐츠는 처리되지 않은 디지털 사진의 RAW 형식과 동일하지만 처리되지 않은 콘텐츠에도 특정 구조가 포함되어 있습니다. 예를 들어 텍스트를 읽을 때 제목, 본문, 단락(이러한 속성)이 포함될 수 있습니다. 연주가 아닌 읽기를 통해 발견) 등을 거쳐 전달되는 구조입니다. 구별하기 위해 콘텐츠에 반영된 구조를 내부구조(Content Structure)라고 합니다.
위의 내용은 텍스트 단락에만 해당됩니다. 인터넷의 기본은 페이지의 흐름을 형성하는 웹페이지와 하이퍼링크입니다. 이 페이지 흐름은 구조의 일부이기도 하며 요청(Request) 및 응답(Respond) 처리와 같은 상호 작용 디자인의 초점입니다. 여기서 언급하는 구조는 내용을 반영할 수 없으므로 편의상 외부 구조(상호작용 구조)라고 합니다.
내부 구조와 외부 구조가 함께 웹 사이트의 구조를 형성합니다. 이 구조는 모든 성능의 기본입니다. 이 구조가 없으면 성능이 없습니다. 구조는 와이어프레임이 아닙니다. 와이어프레임은 구조를 시각적으로 표현한 것이며 개발 과정에서 사용되는 커뮤니케이션 도구입니다. 콘텐츠부터 구조, 성능까지 이는 대부분의 웹사이트 디자인 과정이기도 합니다.
많은 기사가 내용의 중요성을 무시합니다. 콘텐츠는 웹페이지의 기본입니다. 이 기사에 포함된 모든 콘텐츠는 텍스트, 이미지(장식용 그림 제외), 오디오, 비디오만을 의미합니다. 이 정의를 논리적으로 설명하기에는 너무 번거롭습니다. 그렇다면 상호작용 과정에서 신속한 피드백이란 무엇입니까? 내용이나 구조에만 귀속되는 것이 아니라 이 둘이 결합되어야 합니다.
일반적으로 사람들은 구조와 성과에 관해 이야기할 때 행동도 언급합니다. 제가 이해한 바에 따르면 행동은 외부 구조, 즉 상호작용 구조에 속해야 합니다. 동작을 별도로 언급하고 구조 및 성능과 비교해야 하는 이유는 웹 표준의 인기로 인해 가장 많이 언급되는 것은 구조, 성능 및 동작입니다. 이 세 가지는 각각 (X)HTML, CSS 및 JavaScript로 구현됩니다. HTML에서 구조는 다양한 HTML 태그와 해당 속성이며, 내용은 시작 태그와 종료 태그 사이에 포함된 데이터입니다. 성능은 CSS 구현 부분입니다.
정보 아키텍처의 임무는 내부 구조와 외부 구조의 일부를 다루고, 사람들의 심리(습관)에 따라 콘텐츠를 제시하는 것입니다. 인터랙션 디자인의 임무는 외부 구조를 다루는 것이며, 내부 구조에는 영향을 미치지 않습니다. 시각 디자인의 임무는 내용과 구조를 손상시키지 않고 내용과 구조의 표현을 다루는 것입니다. 따라서 정보 설계자는 인터랙션 디자이너와 함께 작업하거나 같은 사람인 경우가 많습니다(프레젠테이션 디자인을 포함한 전체 디자인 프로세스를 따르는 경우가 많습니다). 반대로 시각디자이너는 구별하기 쉬운 포지션이다.
내용, 구조, 성과는 삶과 일의 모든 측면과 관련되어 있습니다. 웹뿐만 아니라 PPT 만들기, 보고서 작성, 여행 계획 등을 만들어보세요. 그리고 더욱 구조화된 콘텐츠가 웹 개발의 방향이 될 것입니다.