paint-brush
Strapi 프로젝트에서 더 나은 사용자 경험을 위한 콘텐츠 모델링~에 의해@nwanduka
255 판독값

Strapi 프로젝트에서 더 나은 사용자 경험을 위한 콘텐츠 모델링

~에 의해 Victoria Nduka8m2024/07/28
Read on Terminal Reader

너무 오래; 읽다

청중의 공감을 불러일으키고 참여를 유도하는 구조화된 콘텐츠를 디자인하는 방법을 알아보세요.
featured image - Strapi 프로젝트에서 더 나은 사용자 경험을 위한 콘텐츠 모델링
Victoria Nduka HackerNoon profile picture

온라인 소비자의 88%가 나쁜 경험을 한 후 사이트를 다시 방문할 가능성이 낮다는 사실을 알고 계셨습니까? 이 문제를 일으키는 요인 중 하나는 콘텐츠의 구조가 잘못되어 있다는 것입니다. Strapi는 사용자 정의 콘텐츠 유형을 생성하는 기능을 제공하여 이 문제를 해결합니다. 하지만 이 기능을 어떻게 활용하여 사용자 경험을 향상시킬 수 있을까요?


이 기사에서는 콘텐츠 모델링이 무엇인지, 그리고 이것이 왜 필수적인지 살펴보겠습니다. 또한 콘텐츠 모델을 만드는 과정을 안내하고 Strapi를 사용한 실용적인 데모도 제공합니다. 기사가 끝나면 웹 사이트 방문자에게 정보를 제공할 뿐만 아니라 즐거움을 주는 사용자 친화적인 콘텐츠 구조를 디자인하는 방법을 배우게 될 것입니다.

콘텐츠 모델링이란 무엇입니까?

콘텐츠 모델링은 웹 사이트나 애플리케이션과 같은 시스템 내에서 콘텐츠의 구조, 구성 및 관계를 정의하는 프로세스입니다. 여기에는 다양한 유형의 콘텐츠를 구성하는 방법, 콘텐츠가 서로 상호 작용하는 방법, 저장 및 검색 방법을 지정하는 청사진을 만드는 작업이 포함됩니다. 이는 방문자에게 일관되고 사용자 친화적인 경험을 보장하는 데 도움이 됩니다.


화이트보드에서 콘텐츠 모델 시각화를 위해 두 사람이 협력하고 있습니다. 이미지 출처: Unsplash


웹사이트나 앱을 구축하는 것은 집을 짓는 것과 비교할 수 있습니다. 하지만 이 경우 오프라인 대신 콘텐츠 블록을 사용하고 있습니다. 콘텐츠 모델은 해당 콘텐츠 블록의 청사진과 같습니다. 그것은 당신에게 알려줍니다 :


  • 가지고 있는 콘텐츠 블록의 유형: 다양한 모양과 크기의 빌딩 블록으로 생각하세요. 블로그 게시물(길고 직사각형), 제품 페이지(세부 정보가 포함된 사각형) 또는 이벤트 목록(주요 정보가 포함된 작은 사각형)이 있을 수 있습니다. 이것이 ' 콘텐츠 유형 '입니다.
  • 각 블록에 들어가는 내용: 각 콘텐츠 블록 유형에는 특정 정보가 필요합니다. 블로그 게시물 블록에는 제목, 작성자 및 콘텐츠 영역이 필요할 수 있고 제품 페이지 블록에는 제목, 이미지, 가격 및 설명이 필요할 수 있습니다. 이것이 " 컨텐츠 속성"입니다.
  • 이러한 콘텐츠 블록이 서로 어떻게 관련되어 있는지: 이것이 " 콘텐츠 관계 "입니다. 그것은 수
    • 일대일: 한 콘텐츠가 다른 단일 콘텐츠에 연결되는 직접적인 관계입니다. 예를 들어, 각 블로그 게시물에는 하나의 작성자 프로필이 연결되어 있을 수 있습니다.
    • 일대다: 하나의 콘텐츠가 여러 콘텐츠에 연결됩니다. 예를 들어 작성자 프로필은 많은 블로그 게시물과 연결될 수 있습니다.
    • 다대다: 여러 콘텐츠가 여러 다른 콘텐츠에 연결될 수 있습니다. 예를 들어 블로그 게시물에는 여러 태그가 있을 수 있으며 각 태그는 여러 블로그 게시물과 연결될 수 있습니다.

콘텐츠 모델이 필요한 이유는 무엇입니까?

청사진 없이 집을 짓겠습니까? 아마도 그렇지 않을 것입니다. 웹사이트나 앱을 만들 때도 마찬가지입니다. 콘텐츠 모델이 필요합니다. 이것이 중요한 이유는 다음과 같습니다.

1. 조직의 청사진:

건물 계획이 모든 공간의 위치와 공간이 어떻게 조화를 이루는지 계획하는 것처럼 콘텐츠 모델은 콘텐츠의 구조를 정의합니다. 이는 보유하고 있는 콘텐츠 유형(예: 기사, 제품 페이지, 사용자 프로필)과 각 콘텐츠에 무엇을 포함해야 하는지 알려줍니다.

2. 향상된 사용자 경험:

잘 계획된 집은 편안한 생활 공간을 만듭니다. 마찬가지로, 신중하게 디자인된 콘텐츠 모델은 더 나은 사용자 경험으로 이어집니다. 사용자는 필요한 것을 빠르고 쉽게 찾아 만족감을 유지하고 참여도를 유지할 수 있습니다.

3. 일관성과 품질:

건축 계획을 세우면 집의 모든 부분이 품질 기준을 충족하게 됩니다. 콘텐츠 모델도 마찬가지입니다. 콘텐츠 전반에 걸쳐 일관성과 고품질을 유지합니다. 제품 페이지가 있는 경우 각 페이지에는 제목, 설명, 가격, 이미지 등 동일한 기본 요소가 있습니다. 이를 통해 귀하의 사이트는 일관되고 전문적인 모습을 갖게 됩니다.

4. 확장성과 유연성:

좋은 건축 계획은 골치 아픈 일 없이 미래의 변화를 허용합니다. 마찬가지로, 콘텐츠 모델을 사용하면 콘텐츠를 쉽게 확장하거나 모든 것을 무너뜨리지 않고도 내용을 변경할 수 있습니다. 블로그 섹션이나 FAQ 페이지와 같은 새로운 콘텐츠 유형을 추가하기로 결정한 경우 모델은 이를 기존 구조에 원활하게 통합하기 위한 프레임워크를 제공합니다.

5. 지침 및 효율성:

건축 계획이 없으면 건설은 혼란스러울 것입니다. 콘텐츠도 마찬가지입니다. 원활한 진행을 유지하고 혼란을 피하기 위해서는 명확한 지침이 필요합니다. 콘텐츠 모델이 바로 그런 일을 합니다. 이를 통해 모든 사람이 자신이 무엇을 해야 하는지 알 수 있습니다.

콘텐츠 모델 디자인 원칙

콘텐츠 모델 초안을 작성할 때 무엇을 염두에 두어야 합니까?

1. 사용자 요구에 집중

사용자를 유지하고 궁극적으로 좋은 비즈니스를 원한다면 이는 최우선 순위가 되어야 합니다. 타겟 사용자가 누구인지 확인하세요. 고객의 요구 사항과 검색 행동을 이해하려고 노력하세요. 그들은 어떤 정보를 찾고 있습니까? 그들은 그것을 어떻게 찾을 것으로 기대합니까? 사용자가 웹사이트나 앱을 탐색하는 방식을 반영하는 논리적인 방식으로 콘텐츠 유형을 구성하세요.

2. 명확한 콘텐츠 구조를 사용하세요

각 콘텐츠 유형을 개별적으로 정의합니다. 어떤 정보를 나타냅니까(예: 블로그 게시물, 제품 페이지)? 각 콘텐츠 유형에 필요한 핵심 속성을 식별합니다. 사용자에게 필수적인 것에 집중하고 불필요한 세부 사항으로 모델에 과부하를 주지 마십시오. 의심스러우면 단순하게 유지하세요. 콘텐츠 유형 전반에 걸쳐 요소를 재사용할 수 있는 기회를 찾으세요. 예를 들어 "회사 주소" 섹션은 재사용 가능한 구성 요소일 수 있습니다.

3. 유연성과 확장성을 고려하세요

콘텐츠 요구사항이 어떻게 발전할지 고려하세요. 모델이 새로운 콘텐츠 유형이나 추가 속성을 쉽게 수용할 수 있습니까? 일관성과 향후 확장성을 보장하기 위해 속성에 대한 명확한 명명 규칙과 데이터 유형을 설정합니다.

4. 프로세스를 문서화하세요

현재 팀에서 콘텐츠를 처리하는 유일한 사람이더라도 미리 생각하는 것이 현명합니다. 어쩌면 새로운 팀원을 합류시켜야 할 수도 있고, 추가적인 책임을 져야 할 수도 있습니다. 콘텐츠 모델을 문서화하는 것이 유용한 곳이 바로 여기입니다. 이는 온보딩 프로세스를 원활하게 할 뿐만 아니라 지식 전달도 더 쉽게 해줍니다. 또한 모든 것을 문서화하면 팀이 프로세스를 추적하고 개선이 필요한 영역을 찾아내며 시간이 지남에 따라 워크플로를 개선할 수 있습니다.

콘텐츠 모델을 디자인하는 방법

이제 콘텐츠 모델이 무엇이고 왜 필요한지 이해했으므로 콘텐츠 모델을 디자인하는 방법을 살펴보겠습니다.

1단계: 목표 정의

콘텐츠 모델이 필요한 이유를 이해하세요. 콘텐츠 모델을 통해 달성하려는 것이 무엇인가요? 개선된 구성인가요, 더 나은 사용자 경험인가요, 아니면 더 쉬운 콘텐츠 관리인가요?

2단계: 콘텐츠 유형 식별

보유하고 있거나 만들 예정인 다양한 유형의 콘텐츠(예: 기사, 제품, 이벤트, 사용자 프로필)를 모두 나열하세요. 유사한 콘텐츠 항목을 그룹화합니다.

3단계: 각 콘텐츠 유형에 대한 속성/필드 결정

각 콘텐츠 유형에 필요한 정보를 지정합니다. 예를 들어 블로그 게시물에는 제목, 작성자, 게시 날짜, 본문 텍스트 및 태그에 대한 필드가 포함될 수 있습니다. 필요한 모든 세부 사항이 포함되어 있는지 확인하십시오.

4단계: 콘텐츠 유형 간의 관계 정의

다양한 콘텐츠 유형을 어떻게 연결할지 결정하세요. 예를 들어, 블로그 게시물은 작성자 프로필과 관련될 수 있고, 제품에는 관련 리뷰 및 카테고리가 있을 수 있습니다.

5단계: 콘텐츠 템플릿 생성

일관성을 보장하기 위해 식별한 각 콘텐츠 유형에 대한 템플릿을 개발하세요. 이러한 템플릿에는 모든 필수 필드와 구조가 포함되어야 합니다.

6단계: 콘텐츠 구조 구축

콘텐츠 유형과 해당 관계가 시스템 내에서 구성되는 방식을 구성합니다. 여기에는 콘텐츠 계층 생성 및 필요한 경우 상위-하위 관계 정의가 포함됩니다.

7단계: 콘텐츠 관리 시스템(CMS) 선택

콘텐츠 모델을 지원하는 CMS를 선택하세요. 정의된 콘텐츠 유형, 속성 및 관계를 처리할 수 있는지 확인하세요. 예를 들면 WordPress, Drupal 또는 Strapi와 같은 헤드리스 CMS가 있습니다.

8단계: CMS에 콘텐츠 모델 구현

콘텐츠 모델에 따라 CMS를 설정하세요. 필요한 콘텐츠 유형과 필드를 만듭니다. 관계를 구성하고 템플릿을 설정합니다.


이제 콘텐츠 모델을 사용할 준비가 되었습니다.

Strapi에서 콘텐츠 모델을 만드는 방법

이제 손을 더럽힐 시간입니다. 이 데모에서는 Strapi를 사용하여 블로그 콘텐츠를 모델링해 보겠습니다. 이러한 단계를 자세히 따르면 콘텐츠 모델을 성공적으로 구현할 수 있습니다. 문제가 발생하면 주저하지 말고 커뮤니티 포럼 에 문제를 제기하세요.

1단계: 잠재적인 콘텐츠 유형과 해당 속성을 식별합니다.

블로그 웹사이트를 구축하고 있으므로 가능한 콘텐츠 유형에는 기사, 작성자 프로필 등이 포함됩니다.


다음으로, 식별한 각 콘텐츠 유형의 속성을 나열합니다. 사용자는 기사를 읽거나 작성자의 프로필을 볼 때 무엇을 기대합니까?


  • 기사에는 일반적으로 다음이 포함됩니다.
    • 제목 - 기사의 내용
    • 제목 이미지(선택 사항) - 사용자가 그래픽을 매력적으로 여깁니다.
    • 작성자 - 기사를 쓴 사람
    • 게시 날짜 - 기사가 얼마나 최근인지
    • 내용 - 기사의 본문
  • 작성자의 프로필에는 다음이 포함됩니다.
    • 작가의 이름
    • 작가 사진 (선택사항)
    • 작가의 간략한 전기

콘텐츠 유형 및 콘텐츠 속성을 보여주는 블로그용 콘텐츠 모델 다이어그램


2단계: 새 Strapi 프로젝트 만들기

아직 설치하지 않았다면 이 가이드 에 따라 Strapi를 설치하고 새 프로젝트를 만드세요.

3단계: 콘텐츠 유형 설정

프로젝트가 생성된 후 Strapi 프로젝트의 관리 패널( http://localhost:1337/admin )로 이동합니다. 설정 중에 제공한 자격 증명을 사용하여 로그인합니다.


로그인한 후 다음 단계에 따라 콘텐츠 유형을 생성하세요.

  • 왼쪽 사이드바에서 "Content-Types Builder"를 클릭합니다.

  • "새 컬렉션 유형 만들기"를 클릭하세요.

  • 콘텐츠 유형의 이름(예: "기사")을 입력하세요.

  • "다른 필드 추가"를 클릭하여 콘텐츠 유형에 필드를 추가하세요. 예를 들어 "제목"(유형: 텍스트), "콘텐츠"(유형: 서식 있는 텍스트), "저자"(유형: 사용자 콘텐츠 유형과 관련) 및 "게시 날짜"(유형: 날짜)와 같은 필드를 추가할 수 있습니다. ).

  • 변경 사항을 저장합니다.

  • 필요에 따라 "작성자" 또는 "카테고리"와 같은 추가 콘텐츠 유형을 만들려면 위 단계를 반복하세요.


Strapi에서 작성된 기사의 콘텐츠 모델

4단계: 관계 정의

콘텐츠 유형 간의 관계를 정의하려면 다음을 수행합니다.

  • 콘텐츠 유형 빌더에서 콘텐츠 유형 중 하나를 편집합니다.

  • "관계" 유형의 새 필드를 추가하고 관련 콘텐츠 유형을 선택합니다.

  • 변경 사항을 저장합니다.

  • 예를 들어 "기사" 콘텐츠 유형에 "카테고리" 필드를 추가하여 각 기사를 특정 카테고리에 연결할 수 있습니다.


다대다 콘텐츠 관계

5단계: 콘텐츠 채우기

이제 콘텐츠 유형과 관계가 정의되었으므로 Strapi 프로젝트에 콘텐츠 추가를 시작할 수 있습니다.

  • 왼쪽 사이드바에서 "Content-Types Builder"를 클릭합니다.
  • 콘텐츠를 추가하려는 콘텐츠 유형(예: "기사")을 클릭하세요.
  • "새 기사 추가"(또는 콘텐츠 유형에 해당하는 버튼)를 클릭하세요.
  • 관련 정보로 필드를 채우십시오.
  • 변경 사항을 저장합니다.
  • 위 단계를 반복하여 다른 콘텐츠 유형에 콘텐츠를 추가하고 이들 간의 관계를 만듭니다.


거기 있어요! Strapi를 사용하여 기본 콘텐츠 모델을 성공적으로 만들었습니다. 프로젝트에 필요한 대로 콘텐츠 유형을 추가로 사용자 정의하고, 더 많은 필드를 추가하고, 더 복잡한 관계를 정의할 수 있습니다.


각 콘텐츠 유형을 구성하는 방법에 대한 자세한 내용은 content-type-builder에 대한 Strapi 설명서를 확인하세요.

결론

잘 구성된 콘텐츠 모델은 사용자 만족을 위한 투자입니다. 사용자가 원하는 정보를 쉽게 찾고 웹사이트나 앱을 직관적으로 탐색할 수 있으면 계속해서 참여하고 더 많은 정보를 얻기 위해 돌아올 가능성이 높아집니다. Strapi의 유연하고 사용자 친화적인 플랫폼을 사용하면 콘텐츠를 쉽게 모델링하고 사용자를 위한 매력적인 디지털 경험을 만들 수 있습니다.

참고자료

  1. https://www.smallbizgenius.net/by-the-numbers/ux-statistics/
  2. https://lapope.com/2023/12/09/content-modelling-and-structured-content-the-basics/