콘텐츠 우선 접근 방식으로 더 나은 디자인 만들기

새로운 앱을 처음부터 디자인하든, 새로운 기능을 개발하든, 랜딩 페이지를 생성하든 상관없습니다. 디자인은 콘텐츠 우선 접근 방식으로 시작해야 합니다. 여기에는 여러 가지 장점이 있습니다. 이 접근 방식을 채택하면 자동으로 멋진 웹사이트나 제품을 만들 수 있습니다.

웹 디자인의 세계에 오랫동안 있었다면 "콘텐츠 우선"이라는 개념을 들어봤을 것입니다. 이 게시물에서 우리는 이 접근 방식이 무엇인지 알아보고 실제 콘텐츠 우선 디자인의 예를 제공할 것입니다.

콘텐츠 우선 접근 방식의 기본 이해 – 프로세스 작동 방식

이상적으로는 제품이나 웹사이트 개발에 관련된 모든 부서가 프로젝트가 끝날 때까지 협력하여 조정하는 것이 좋습니다. 그리고 이것은 개발자와 디자이너뿐만 아니라 소비자에 대한 연구를 수행하는 사람들과 콘텐츠를 만드는 사람들을 위한 것입니다.

이러한 협업을 시작하려면 관련된 모든 부서에서 대상 소비자가 누구인지, 웹사이트 또는 제품 사용에 대한 요구 사항 및 목표를 확실히 이해하고 있어야 합니다. 이것은 사용자의 언어와 어조를 모방하여 사용자와 의사 소통하는 방법을 이해하는 데 중요한 측면입니다.

콘텐츠 우선 접근 방식을 사용하여 웹사이트나 제품을 통해 소비자와 나누고 싶은 대화를 제시하는 것으로 시작합니다. 그들은 "여기에 왜 왔습니까?", "다음에는 어디로 가고 싶습니까?"와 같은 질문에 답할 수 있습니다. 또는 "무엇을 찾고 있습니까?"

콘텐츠 제작자는 사용자의 의도와 사고 방식에 초점을 유지하면서 단어로 마법을 작동합니다. 실제 소비자의 도움을 받아 콘텐츠를 검토하고 완성할 수 있습니다. 그런 다음 전체 목업에 앞서 콘텐츠가 디자인에 부과하는 의미와 한계를 명확히 하고 프로토타입을 개발합니다. 콘텐츠 우선 접근 방식은 재설계 단계의 일부를 제거하여 디자이너의 좌절감을 덜어줍니다.

프로젝트와 관련된 전문가들은 함께 색상, 줄 간격, 서체, 링크 형식 등과 같은 콘텐츠의 가독성과 가독성에 영향을 미치는 중요한 디자인 요소를 결정합니다. 웹사이트나 제품을 만들거나 망가뜨릴 수 있는 요소입니다. 소비자는 콘텐츠를 통해 제품과 상호작용하는 경향이 있습니다. 내용을 먼저 강조하면 소비자를 중심에 두는 것이 불가피해집니다.

"Lorem Ipsum"에서 전환

웹 개발 업계에 속한 대부분의 사람들은 Lorem Ipsum에 대해 잘 알고 있습니다. 그러나 인터페이스의 그래픽 요소에 초점을 유지하기 위한 자리 표시자 텍스트로서의 목적은 이미 통과된 것 같습니다.

결국, 앱이 얼마나 아름답고 잘 만들어졌는지 확인하기 위해 앱을 다운로드하거나 웹사이트에 접속하는 사람은 없습니다. 웹사이트 콘텐츠는 매우 중요하며 디자인에 이를 반영해야 합니다. 브랜드의 완벽한 대변인인 적절한 성격을 가진 서체를 선택하는 것뿐만 아니라 심각한 디자인 문제의 일부로 콘텐츠를 포함하는 것입니다. 콘텐츠 우선 접근 방식을 채택하려면 오래된 Lorem Ipsums에서 벗어나야 합니다.

전체 그림을 제공하는 콘텐츠

종종 웹 디자이너는 모든 콘텐츠가 궁극적으로 공통 목표를 향해 나아가는 방법에 대한 전체 그림을 보는 것을 선호합니다. 콘텐츠는 적절한 콘텐츠 전략과 함께 제공되어야 하며, 이는 다음 몇 달 동안 10% 더 많은 리드를 생성하는 것과 같이 정의된 마케팅 및 비즈니스 목표에 도움이 되어야 합니다.

이제 디자이너는 더 큰 퍼즐의 일부를 가지고 놀 수 있습니다. 예를 들어, 10% 더 많은 리드를 유도하고 사람들을 특정 행동 지점으로 이동할 수 있는 구체적인 디자인 아이디어나 레이아웃을 제시하는 목표입니다. 그러나 그것은 훨씬 더 복잡한 시스템의 한 작은 측면일 뿐입니다.

디자인과 콘텐츠는 선형이 아닙니다.

콘텐츠 또는 디자인 우선 접근 방식에 중점을 둘지 여부를 논의할 때 실제로 의미하는 것은 하나가 다른 것보다 먼저 발생한다는 것입니다. 그러나 이것은 사실이 아니어야 합니다. 콘텐츠 전략의 단계와 마찬가지로 관념화의 과정은 양쪽 모두에게 동시에 잘 작동합니다. 콘텐츠 작가와 디자이너는 소비자의 문제를 해결하고 적절한 방식으로 비즈니스 목표를 달성하는 방법에 대한 아이디어를 낱낱이 파헤칩니다.

콘텐츠 작성자와 디자이너가 유동적이고 비선형적인 방식으로 작업할 때 제품 또는 웹 사이트 개발과 관련된 모든 부서에 대한 올바른 기대치를 유지하는 데 도움이 될 뿐만 아니라 라인에서 논쟁의 여지가 있을 수 있는 요소를 제거합니다. .

콘텐츠 유형에 대해 조기에 계획해야 합니다.

콘텐츠는 차트, 목록, 인포그래픽, 전자책, 비디오, 백서, 스트리밍 오디오 등의 형태를 취할 수 있으므로 텍스트 청크에만 연결할 수 없습니다.

"디자인 팀과 콘텐츠 팀이 함께 해야 할 한 가지는 초기부터 디자인과 관련된 특정 유형의 콘텐츠를 결정하는 것입니다."라고 과제 지원에 관한 학술 전문가인 Peter Whitaker는 제안합니다. 이를 통해 디자이너는 웹 사이트 디자인 프로세스의 초기 단계에서 콘텐츠 아이디어 작업을 시작할 수 있습니다. 또한 콘텐츠 형식에 관계없이 청중을 참여시키기 위해 서로 어떻게 작용하는지 상상하는 데 도움이 됩니다.

콘텐츠 우선 디자인 접근 방식을 통한 스토리텔링의 힘

디자인에 적합한 콘텐츠를 준비하면 몇 가지를 파악할 수 있습니다. 첫째, 페이지가 성공하기 위해 필요한 최소한의 것은 무엇입니까? 픽셀이나 와이어프레임을 그리기 전에 내용을 결정하면 모든 사람이 내용과 복사에 동의해야 하므로 디자이너로서의 삶이 더 쉬워집니다.

관련된 내용의 종류를 배운 후 마침내 디자인할 때 완전히 새로운 영역입니다. 둘째, 특정 콘텐츠 내의 요소가 현재 진행 중인 프로젝트에 적합한지 여부를 파악할 수 있습니다.

영화처럼 웹사이트에 접근하세요. 내용은 배우들이 하는 대사일 것이다. 이제 Ryan Gosling이 사랑과 감탄의 말을 속삭이는 동시에 할아버지의 다락방에서 사이코 킬러로부터 숨어있는 장면을 상상해보십시오. 줄거리가 혼란스러워 보이죠? 귀하의 콘텐츠와 디자인 사이의 불일치는 방문자들 사이에서 유사한 유형의 혼란을 초래할 수 있습니다.

이제 훌륭한 콘텐츠는 훌륭한 스토리로 시작됩니다. 이 접근 방식을 통해 디자이너는 전체 사용자 경험과 방문자 또는 고객에게 전달하려는 스토리에 집중할 수 있습니다. 디자인의 일부인 것으로 판명된 콘텐츠에도 동일하게 적용됩니다.

이 경우 이 클라이언트 또는 프로젝트의 스토리가 무엇인지 스스로에게 물어보는 것부터 시작해야 합니다. 방문자 또는 소비자가 직면하고 있는 문제는 무엇입니까? 그들의 이상적인 결과는 무엇입니까?

이야기를 통해 전달할 내용에 대한 좋은 아이디어가 떠오르면 글쓰기를 시작하세요. 웹사이트에 있다고 상상하는 대로 콘텐츠 개발을 시작하고 적절하게 구성해야 합니다. 각 웹 페이지 또는 화면은 고유한 목적을 가지고 있으며 이에 대해서도 작업해야 합니다.

그런 다음 이러한 각 페이지를 다른 섹션으로 나눌 수 있습니다. 이 섹션에도 명확한 목표가 있어야 합니다.

그런 다음 헤드라인에서 마지막 링크까지 해당 섹션에 포함될 내용을 기록합니다. 고객이나 다른 팀 구성원으로부터 콘텐츠를 제공받은 경우 적절하고 전체 내러티브에 적합하다고 생각되면 해당 세부정보를 사용하세요.

콘텐츠를 준비하는 동안 자신의 단어를 사용하는 데 집중하세요. 어느 쪽이든, 수행한 작업에 대한 피드백을 받고 결과에 만족할 때까지 편집하십시오.

웹사이트의 각 페이지에 대한 콘텐츠를 준비하면서 웹사이트가 어떻게 생겼는지 알 수 있을 것입니다. 사용자 흐름은 관련된 모든 사람에게 너무 명확해집니다. 또한 콘텐츠 구조가 더 명확할수록 이것이 전달하려는 적절한 이야기인지 더 많이 평가할 수 있습니다.

콘텐츠 우선 접근 방식을 채택해야 하는 이유는 무엇입니까?

콘텐츠 우선 접근 방식은 웹 개발자와 디자이너가 소비자가 기대하는 모든 장점으로 가득 찬 신뢰할 수 있는 웹 사이트를 만들 때 고려할 훌륭한 방법입니다. 콘텐츠 우선 접근 방식을 채택해야 하는 몇 가지 이유는 다음과 같습니다.

• 협업 및 일관성 : "많은 손이 가벼운 작업을 만든다"는 속담에 익숙할 것입니다. 이는 특히 콘텐츠 계획 및 제작에 해당됩니다. 디자이너는 이해하지만 카피라이터는 이해하지 못하거나 전략가는 알지만 프론트엔드 개발자는 모르는 일이 있을 수 있습니다. 따라서 문제를 신속하게 감지하고 기회를 찾기 위해 여러 부서 간의 적절한 협업을 통해 일관성을 유지할 수 있습니다. 그렇게 하면 모든 사람이 같은 페이지에 있을 때 불필요한 혼란을 줄이거나 없앨 수 있습니다.
• 효율성 : 디자인과 프로토타입에 실제 또는 프로토타입 콘텐츠를 적용하면 잠재적인 문제에 더 빨리 익숙해질 수 있습니다. 또한 몇 주 또는 몇 달(또는 몇 년)을 기다리지 않고 즉시 문제를 해결할 수 있습니다. 따라서 팀에서 콘텐츠 생성 작업을 하는 동안 이미 문제를 함께 논의했기 때문에 디자인과 콘텐츠를 반복하는 데 할애하는 시간이 훨씬 줄어듭니다.
• 재사용성 및 유연성 : 디지털 경험을 페이지 및 개별 요소의 형태로 간주하기보다 필요할 때 결합 및 재믹스할 수 있는 다면적 프레임워크 또는 솔루션 클러스터의 관점에서 디지털 경험을 인식합니다. 이러한 방식으로 유연하고 유통 기한이 긴 더 많은 제품을 만들 수 있습니다.
• 부서 내 더 많은 상호 연결성 : 콘텐츠 우선은 처음부터 부서 간에 통찰력을 공유하는 것을 의미합니다. 이제 각 부서는 다양한 수준의 강도로 다양한 단계에서 중요한 통찰력을 제공할 것입니다. 이것은 우리 모두가 더 많은 회의에 참여하고 적절한 사람들과 적절한 대화를 하게 될 것임을 의미합니다.
• 간단하고 명료한 가이드라인 : 디자인에 있어 얼마나 창의적일 수 있는지에 대한 제약을 더 많이 느낄 수 있습니다. 그러나 웹사이트를 디자인하고 개발할 때 탄탄한 구조와 구축할 스토리가 필요합니다. 특정 콘텐츠를 중심으로 디자인을 준비하면 더 이상 노골적으로 모순되는 콘텐츠에 맞게 디자인을 변경할 필요가 없습니다.
• 콘텐츠 품질 향상 : 콘텐츠 우선 디자인을 사용하면 작성된 내용이 사전 승인된 디자인에 맞지 않기 때문에 작성자에게 콘텐츠를 조정하거나 보풀을 추가하도록 요청할 필요가 없습니다. 웹사이트의 메시지는 웹사이트 주변의 디자인을 창의적으로 구성할 때 의도한 원래 상태로 저장할 수 있습니다.
• 일관성 향상 : 각 요소가 서로 개별적으로 개발될 때 결합에서 누락된 것이 있는 경향이 있습니다. 내용이 편집되거나 막판에 디자인이 재구성되거나 스토리가 일관되지 않을 수 있습니다. 콘텐츠와 디자인은 전체적으로 서로 완벽한 협업을 이루어야 하며, 콘텐츠가 먼저일 때만 가능합니다.
• 생산성 향상 : 웹 개발에 대한 디자인 우선 접근 방식은 현장에서 묘사된 스토리 간의 갈등을 낳는 것만은 아닙니다. 또한 콘텐츠 제작자는 스토리를 한 각도에서 바라보고 디자이너는 다른 각도에서 따라가기 때문에 팀 구성원 간에 갈등이 발생합니다. 어느 각도가 더 적합한지 설정하는 데 시간을 낭비하는 대신 사이트의 스토리에 대해 논리적으로 협업하여 생산성을 유지할 수 있습니다.
• 보다 간소화된 프로세스 허용 : 지금 수행하는 프로세스가 편리하고 효율적으로 보일 수 있지만 확실한 콘텐츠를 중심으로 웹사이트를 개발하지 않는다면 예측할 수 없는 프로젝트 일정과 범위와 씨름해야 할 것입니다. 이 콘텐츠 우선 접근 방식으로 프로세스를 간소화하는 것이 얼마나 편리한지 놀라게 될 것입니다.
• 더 높은 이익 마진 : 비즈니스에서 가장 많은 금전적 자원과 추진력을 잃는 부분을 예측해야 한다면 고객에게서 나온다고 말하는 것이 정확할까요? 그들은 무언가가 쓰여진 방식을 좋아하지 않을 수 있습니다. 그들은 당신이 수정한 메시지와 디자인이 일치하지 않을 수 있습니다. 또는 더 많은 수정을 요청했는데도 이 모든 작업이 얼마나 오래 걸렸는지에 대해 불만을 가질 수 있습니다. 고객의 불만이나 수정 요청을 자주 접하는 경우 콘텐츠 우선 디자인을 사용하면 시간 낭비를 줄이고 잘 계획된 웹 사이트를 만드는 데 더 집중할 수 있습니다.

미주

콘텐츠, 웹 디자인 및 개발은 모두 서로 밀접하게 연관되어 있습니다. 약간의 전략적 접근을 통해 개발자와 콘텐츠 제작자는 이 연합을 성공으로 이끌 수 있습니다.