새로운 웹 주문: 콘텐츠 우선 디자인의 개요

디자이너는 단순히 장식하는 것이 아니라 콘텐츠를 통해 움직이는 경험을 만듭니다. 하지만 클라이언트나 팀 구성원이 콘텐츠가 디자인을 주도해야 하는 방식을 이해하지 못한다면 어떻게 될까요? 거꾸로 된 프로세스를 피하기 위해 콘텐츠의 중요성을 설명하고 콘텐츠를 만드는 데 팀을 결집시키는 데 도움이 될 수 있는 전략이 있습니다.

사용자 경험과 훌륭한 콘텐츠는 성공적인 제품 디자인의 필수 요소로 인식되고 있습니다. 그럼에도 불구하고 그것들을 미학의 부차적인 것으로 간주하기 쉽습니다. 제품 팀은 스타일 뒤에 있는 요소보다 모양과 느낌에 쉽게 집중하고 주의를 기울일 수 있습니다. 프로젝트가 첫 번째 클릭 유도문안으로 시각적 디자인 프로세스를 시작하면 비효율이 발생하기 마련입니다.

디자인 미학은 비즈니스 목표, 사용자 연구 및 콘텐츠를 기반으로 해야 합니다. 클라이언트는 비즈니스 목표를 제공할 가능성이 가장 높고 사용자 조사가 이미 존재하거나 적절한 팀과 함께 쉽게 달성할 수 있습니다. 콘텐츠 제작은 프로젝트의 길고 지루한 부분이며 종종 간과되지만 디자인 프로세스와 궁극적으로 제품의 성공에 있어 콘텐츠 제작의 역할은 계속해서 널리 오해되고 있습니다.

여기에서 콘텐츠의 중요성과 팀이 콘텐츠 우선 디자인을 만드는 데 사용할 수 있는 전략을 설정합니다.

콘텐츠 중심 디자인의 중요성

콘텐츠의 우선 순위가 낮고 콘텐츠 생성 및 조합이 마지막 순간에 남겨지면 필연적으로 심각한 문제가 발생합니다.

• 제품을 설계, 구축 및 출시할 때 지연이 발생합니다.
• 템플릿이 콘텐츠에 적합하지 않습니다.
• 너무 많은(또는 너무 적은) 템플릿이 생성됩니다.
• 실제 콘텐츠는 웹사이트 디자인의 비전과 일치하지 않습니다.
• 더미 콘텐츠를 사용할 때 문제가 발생할 수 있습니다.
• 아름다운 자리 표시자 이미지가 사용 가능한 저품질 이미지로 대체되면 디자인이 손상됩니다.

처음부터 클라이언트와 디자이너 정렬

클라이언트에게 실제 콘텐츠를 요청할 때 자주 발생하는 문제는 "닭과 달걀" 시나리오입니다. 클라이언트는 어떤 콘텐츠를 만들어야 하는지 알기 위해 디자인을 볼 필요가 있다고 확신합니다.

이것은 무에서 유를 창조하는 디자인 과정에 정통하지 않은 사람의 관점에서 이해가 됩니다. 콘텐츠가 무엇이어야 하는지(그리고 할 수 있는지)에 대한 의사 결정 프로세스를 용이하게 하는 것은 디자이너의 몫입니다. 혁신 에이전시 Smashing Ideas는 디자이너가 "이해관계자가 자신의 의견을 말하고 피드백을 전달할 수 있는 충분한 기회를 제공할 때 이를 여정에 동반하게 되며 제품과 접근 방식 모두 더 강해질 것"이라고 조언합니다.

이러한 콘텐츠 우선 설계 프로세스를 통해 최종 제품에 대한 비전은 예를 들어 타당성 및 예산 제약과 관련하여 협력적이고 현실적인 용어로 수립됩니다. 클라이언트와 이해 관계자는 데이터와 콘텐츠를 기반으로 하는 훌륭한 디자인을 확인하는 데 더 많은 투자를 할 것입니다. 처음에 클라이언트를 정렬함으로써 팀은 최종 디자인을 승인할 시간이 되었을 때 더 많은 정보를 얻을 수 있습니다.

연구에 기반한 사용자 경험 디자인 및 콘텐츠

데이터를 사용한 디자인을 통해 디자이너는 실제 사용자와 그들의 행동을 기반으로 솔루션을 만들 수 있습니다. 그러나 이것은 시작에 불과합니다. 연구에서 사용자 요구를 충족시키는 데 필요한 콘텐츠가 무엇인지 제안했으면 콘텐츠를 만들어야 합니다.

"콘텐츠가 없는 디자인은 디자인이 아니라 장식입니다." - 제프리 젤드만

사용자 조사를 기반으로 디자인과 콘텐츠를 만들 때 디자이너는 사용자를 효과적으로 타겟팅하는 무언가를 만듭니다. 프로젝트를 시작할 때 더 많은 고려가 필요하지만 클라이언트의 콘텐츠 범위의 제약 조건을 극적으로 변경할 필요는 없습니다. 모호한 아이디어가 아닌 사용자 조사를 기반으로 콘텐츠 결정을 내림으로써 결과적으로 제품은 보다 간소화되고 최종 사용자에게 집중될 것입니다.

콘텐츠 우선 설계로 시간과 비용 절약

콘텐츠에 우선 순위가 지정되지 않으면 프로젝트 전체에 비효율이 누적됩니다. 디자이너는 너무 많은(또는 너무 적은) 템플릿을 생성하고, 실제 콘텐츠가 적합하지 않을 때 레이아웃을 조정해야 하며, 실제 이미지가 바람직하지 않을 때 디자인을 재평가합니다. 과정 후반에 콘텐츠를 제작할 때 디자인을 재검토하는 데 걸리는 시간이 불필요하고 팀에 부담이 된다.

콘텐츠 제작에 필요한 시간과 리소스가 과소평가되어 콘텐츠가 프로젝트 끝까지 밀려나는 경우가 많습니다. 디자인 프로세스 중 콘텐츠 부족을 지원하는 리소스를 사용하면 이 작업이 더 쉬워집니다. Lorem Ipsum 및 Placeholder와 같은 웹 사이트는 콘텐츠가 없는 디자인에 대한 더미 사본 및 이미지를 생성하는 데 유용합니다. 이것들은 멋진 디자인을 만드는 데 유용할 수 있지만 실제 콘텐츠가 그 자리에 놓이면 상황이 무너질 수 있습니다. 디지털 디자인 에이전시 씽크봇의 최고 디자인 책임자인 Kyle Fiedler는 "디자인에 lorem ipsum을 추가하면 본질적으로 왕의 크기를 알기 전에 옷을 입히는 것"이라고 믿습니다.

콘텐츠가 생성되기 전에 제품을 엔지니어링하고 코딩하면 문제가 증폭됩니다. 위의 이미지는 더미 콘텐츠가 실제 콘텐츠와 어떻게 일치하지 않는지 보여줍니다. 제목과 메타 카피는 훨씬 더 길고 멋지게 배치된 상자의 제약을 뛰어 넘습니다. 일부 영역의 콘텐츠 부족은 빈 공간을 만들고 훨씬 더 작고 해상도가 낮은 실제 이미지는 레이아웃에 큰 문제를 일으킵니다.

이 팀은 이제 디자인을 조정하고 잠재적으로 제품의 코드를 조정해야 하는 상황에 직면해 있습니다. 이것은 디자인 및 개발과 너무 멀어지기 전에 콘텐츠를 생성함으로써 피할 수 있었습니다.

콘텐츠 우선 설계를 위한 전술

콘텐츠 감사 및 인벤토리

콘텐츠 수집의 첫 번째 단계는 콘텐츠 감사 및 인벤토리를 수행하는 것입니다. 여기에는 웹사이트와 같은 현재 제품에 있는 모든 콘텐츠 분석이 포함됩니다. 이는 필요한 콘텐츠의 범위에 대한 아이디어를 팀에 제공하기 때문에 통찰력 있고 유익한 프로세스가 될 수 있습니다. 또한 정보 아키텍처의 시작점으로 사용할 수 있습니다.

콘텐츠 우선 전략 워크숍

일반적으로 그룹 세션과 공동 작업은 통합된 콘텐츠 전략을 만들기 위해 함께 모여 콘텐츠를 만들 때 모든 사람을 한 자리에 모을 수 있습니다. 워크숍은 일반적으로 콘텐츠 유형을 명확히 하고, 콘텐츠 책임을 식별하고, 간략한 내용을 개발하고, 콘텐츠 제작 프로세스를 매핑하는 데 중점을 둡니다. 워크숍에서는 다음을 강조할 수도 있습니다.

• 병목 현상
• 알려진 문제
• 내부 콘텐츠 기술 부족
• 내부 정치

콘텐츠 수집

콘텐츠 제작자를 괴롭히는 한 가지 문제는 효율적으로 액세스, 공유 및 편집할 수 있는 방식으로 콘텐츠를 수집하는 것입니다. 적절한 워크플로가 없으면 수백 개의 개별 문서가 생성될 가능성이 높습니다. 각 문서는 이메일 체인을 통해 일관되지 않게 전송되거나 일부 사용자에게만 액세스 권한을 부여하는 방식으로 클라우드에 업로드되는 다양한 버전을 포함합니다. 이것은 잘못된 의사 소통과 비효율의 현장을 설정합니다.

처음부터 워크플로 솔루션에 동의하고 필요한 모든 팀원에게 액세스 권한을 제공하는 것이 중요합니다. Google 드라이브가 적절한 솔루션이지만 다양한 콘텐츠 관리 시스템으로 공유, 편집, 버전 관리 및 내보내기를 허용하는 콘텐츠 수집과 같은 전용 도구가 있습니다.

콘텐츠를 효과적이고 효율적으로 만드는 방법

카피라이터에 투자

가장 성공적인 프로젝트는 회사 내 이해 관계자가 처음에 카피라이터와 긴밀하게 협력하는 프로젝트입니다. 이것은 클라이언트의 마음에 있는 콘텐츠의 우선 순위를 지정합니다. 프로젝트 리더는 프로젝트를 효율적으로 관리할 수 있으며 콘텐츠 제작은 전문 작가에게 맡길 수 있습니다. 이러한 프로젝트를 통해 디자인 단계 전에 충분히 사실적인 콘텐츠를 만들 수 있습니다.

콘텐츠 제작자 참여

카피라이터가 예산에 맞지 않는 경우 내부 팀의 누군가가 클라이언트와 긴밀하게 협력하여 콘텐츠 제작을 조정하도록 임명하는 것이 중요합니다. 팀의 각 구성원은 콘텐츠를 만들거나 조합하는 일을 담당할 수 있습니다. 무엇이 필요한지를 정의하는 명확한 개요는 좋은 콘텐츠 우선 전략 계획에 명시되어야 합니다.

프로토 콘텐츠로 시작

최후의 수단으로 프로토 콘텐츠를 사용할 수 있습니다. 프로토 콘텐츠는 클라이언트의 현재 웹사이트나 경쟁사의 웹사이트에서 가져와 목업 디자인에 사용합니다. 더미 텍스트가 아닌 이를 사용하여 콘텐츠가 제작될 실제 콘텐츠를 보다 잘 나타냅니다. 기존 웹사이트에서 가져온 제목 길이, 본문 길이, 메타데이터 및 이미지는 lorem ipsum보다 레이아웃을 디자인하는 방법에 대한 보다 현실적인 아이디어를 제공할 수 있습니다.

콘텐츠로 선도

클라이언트와 이해 관계자를 포함하여 제품 디자인 팀의 모든 사람이 콘텐츠의 역할을 이해하는 것이 중요합니다. 프로젝트 초기에 명확한 콘텐츠 우선 전략을 수립함으로써 팀은 시간과 비용을 절약할 수 있습니다. 최종 제품은 제품의 비전과 일치하고 사용자의 요구를 보다 효과적으로 충족할 가능성이 높습니다.

콘텐츠 우선 디자인 프로세스를 중시하는 디자이너는 간소화된 프로세스를 통해 목적이 있는 제품을 만드는 데 더 효과적입니다. 유사 콘텐츠는 다른 생산적인 전술을 위해 남겨둘 수 있습니다. 콘텐츠에 가치 있는 관심이 집중되면 모두가 승리합니다.

Toptal Design 블로그에 대한 추가 정보:

• 단어의 중요성 - UX 카피의 진정한 가치
• 정보 아키텍처에 대한 종합 가이드
• 사용자 연구의 가치
• 숫자의 강점 - 데이터 기반 설계 개요
• 가독성을 위한 디자인 - 웹 타이포그래피 가이드(인포그래픽 포함)