디자인에서 정보 아키텍처의 기본 사항을 알고 [+4 Tools]

정보 아키텍처(IA)는 디지털 제품의 콘텐츠를 구성하는 훌륭한 방법입니다.

웹 사이트, 모바일 애플리케이션 또는 전자 상거래 상점을 구축하든 IA는 콘텐츠를 배열하고 표시하는 동안 중요한 고려 사항입니다.

그 이유는 사용자가 원하는 것을 어렵지 않게 쉽게 찾을 수 있다면 고객을 유치하고 고객으로 전환할 가능성이 높아지기 때문입니다.

그러나 콘텐츠를 올바르게 구성하고 표시하지 않으면 사용자가 혼란스러워 결국 다른 사이트로 이동할 수 있습니다. 따라서 IA는 사이트에 매우 중요합니다.

이 기사에서는 IA, 수행 방법 및 최고의 IA 도구에 대해 설명합니다.

시작하자!

정보 아키텍처란 무엇입니까?

정보 아키텍처는 콘텐츠 또는 정보를 지속 가능하고 효과적으로 구성, 구조화, 레이블 지정 및 표시하는 방법입니다.

여기서 콘텐츠는 웹사이트, 웹사이트의 일부, 블로그 게시물, 소프트웨어, 모바일 애플리케이션, 온라인 커뮤니티, 서적, 온라인 상점 등과 같은 모든 것이 될 수 있습니다. 사용자가 사이트를 방문하고 사용 가능한 콘텐츠를 이해할 때 사용자의 검색 가능성과 유용성을 향상시킵니다.

이 정보화 시대에 IA는 UX 디자이너, 정보 설계자, 콘텐츠 관리자 및 인터랙션 디자이너가 콘텐츠를 의미 있는 방식으로 표현하는 데 사용됩니다. 정보 아키텍처는 다음을 기반으로 수행됩니다.

  • 사용자와 사용자가 찾는 내용 및 콘텐츠를 사용하는 방법
  • 사용자가 참여할 콘텐츠 또는 정보
  • 사용자가 콘텐츠와 상호 작용할 컨텍스트 또는 환경

정보 아키텍처와 UX

사용자 경험(UX) 디자인은 사용자가 서비스, 제품 또는 시스템을 사용하는 것에 대해 느끼는 방식입니다. 제품의 효율성, 사용 용이성 및 유용성에 대한 사용자의 인식과 관련이 있습니다. UX는 정보 아키텍처 IA를 더 높은 수준의 기반으로 삼습니다.

반면 IA는 사용자가 원하는 콘텐츠를 빠르게 찾을 수 있도록 사이트의 콘텐츠를 구성하고 표시하는 것입니다.

IA는 구조에 관한 것이지만 UX는 감정에 관한 것입니다.

디자이너가 IA를 사용하는 이유는 무엇입니까?

정보 아키텍처는 온라인 사용자 경험에 매우 중요합니다. 그리고 사용자 경험은 웹사이트, 앱 또는 블로그의 성공을 결정하는 중요한 요소 중 하나입니다.

사용자가 만족하면 돌아와서 쇼핑하거나 블로그를 더 많이 읽을 것입니다. 그러나 그들이 정보를 빨리 찾지 못하거나 너무 많은 산만함에 직면한다면 그들은 귀하의 사이트에 만족하지 않을 것입니다.

따라서 디자이너는 사용자가 원하는 정보를 쉽게 찾을 수 있도록 사이트에 정보를 잘 정리하고 표현하는 데 시간을 보냅니다. 그리고 이것이 정보 아키텍처의 진정한 자아입니다.

정보 설계자는 사이트에서 사용할 수 있는 콘텐츠에 내비게이션 시스템과 적절한 구조를 추가하여 복잡한 콘텐츠를 단순화하려고 합니다. 이러한 방식으로 사용자는 쉽게 정보에 참여하고 번거로움 없이 빠르게 목적지에 도달할 수 있습니다.

IA의 주요 설계 원칙

사이트의 정보 아키텍처를 개발하려면 좋은 전략은 말할 것도 없고 시간과 인내가 필요합니다. 데이터를 논리적으로 구성하는 것 외에도 사용자 행동, 미래 보장 등과 같은 여러 가지 사항을 고려해야 합니다.

이를 위해 사이트 기능과 콘텐츠 인벤토리도 이해해야 합니다. 준비가 되면 정보 설계자인 Dan Brown이 제시한 다음 원칙을 고려해야 합니다.

  • 선택의 원칙: 여기서는 이 전략을 따릅니다. 적은 것이 더 많은 것입니다. 혼동을 피하고 정확도를 높이려면 최소한의 옵션을 유지해야 합니다.
  • 개체의 원칙: 속성, 동작 및 수명 주기가 정의된 라이브 개체처럼 정보를 취급합니다.
  • 공개 원칙: 사용자가 콘텐츠를 보고 콘텐츠에 포함된 정보 유형을 이해할 수 있도록 콘텐츠 미리보기를 유지합니다.
  • 정문의 원칙: 사용자의 절반 이상이 사이트의 홈페이지와 다른 진입점을 사용한다고 가정합니다.
  • 모범의 원칙: 콘텐츠를 다른 범주로 설명할 때 예를 포함합니다.
  • 성장의 원칙: 사이트 콘텐츠가 성장하고 성장을 수용할 수 있도록 확장할 수 있다고 가정합니다.
  • 내비게이션 원칙: 사이트의 내비게이션을 간단하게 유지하고 복잡성을 증가시키지 않도록 서로 다른 항목을 혼합하지 마십시오.
  • 다중 분류 원칙: 콘텐츠를 탐색하는 동안 사용자에게 다중 분류 체계를 제공합니다.
  Google 스프레드시트 템플릿을 만드는 방법

따라서 정보 아키텍처에는 많은 것들이 포함됩니다. 사이트의 크기와 유형에 따라 잘하고 적절하게 관리해야 더 많은 시선을 사로잡고 비즈니스의 성공을 높일 수 있습니다.

IA 주변의 일반적인 방법론

정보 설계자는 탐색 생성, 데이터 모델링, 연구, 레이블 지정, 와이어프레임 지정 등 많은 활동을 수행합니다. 다음은 정보 아키텍처와 관련된 몇 가지 방법론입니다.

사용자 조사

좋은 디자인을 하기 위해서는 철저한 사용자 조사와 분석을 수행하는 정보 설계자가 필요합니다. 프로젝트의 대상 고객을 이해하는 데 도움이 됩니다. 사용자 인터뷰 설문 조사, 이해 관계자 인터뷰, 카드 정렬 연습, 사용성 테스트 등의 도움을 받아 수행됩니다.

카드 정렬과 같은 기술은 정보 설계자가 사용자가 다양한 항목과 응용 프로그램과의 상호 작용을 분류하는 방법을 배우는 데 도움이 됩니다. 또한 사용자가 앱에 표시된 데이터를 어떻게 사용하고 데이터로 무엇을 하는지 배우게 합니다.

조사를 수행한 후 IA는 스프레드시트, 권장 사항, 사용자 페르소나 등의 형식으로 제시된 데이터를 신중하게 분석합니다. 그러면 사용자가 누구인지, 그들의 목표 및 앱 사용 방식이 표시됩니다.

탐색 만들기

계층 구조 및 탐색은 정보 아키텍처의 가장 중요한 측면 중 하나이므로 올바르게 전략을 수행하는 것이 중요합니다.

좋은 계층 구조를 만들기 위해 IA는 사용자가 앱에서 어떤 콘텐츠를 보고 싶어하는지, 어떻게 쉽게 콘텐츠와 상호 작용하고 사이트 방문 목적을 달성할 수 있는지에 대한 사용자 기대치를 고려해야 합니다.

예를 들어 웹 사이트에서 제품을 판매하는 조직은 사용자가 답변을 원하는 일반적인 질문에 답변할 수 있도록 일부 FAQ와 함께 제품 설명을 신중하게 배치해야 합니다. 따라서 IA는 각 제품 페이지 아래에 두 가지를 모두 넣어야 합니다.

라벨링

IA는 응용 프로그램에서 정보를 넣을 위치와 방법을 결정할 책임이 있습니다. 이 작업이 완료되면 각 섹션의 이름을 지정해야 합니다. 이 프로세스에는 IA와 콘텐츠 전략가가 모두 포함될 수 있습니다.

레이블 지정에는 사이트의 모든 링크와 콘텐츠를 적절하게 정렬하는 동시에 계층 구조와 탐색의 제목이 제대로 지정되었는지 확인하는 작업이 포함됩니다. 이는 사용자가 애플리케이션에서 정보를 더 빠르고 쉽게 찾을 수 있도록 도와주는 중요한 단계입니다.

와이어프레임

와이어프레임은 다양한 화면 사이의 모든 연결을 나타내고 웹 사이트가 실제로 어떻게 작동하는지 식별하는 좋은 방법입니다. IA는 연구 단계에서 수집된 데이터를 사용하고 와이어프레임을 사용하여 데이터 계층 구조를 표시해야 합니다.

와이어프레임은 클라이언트와 공유되는 핵심 정보이기도 합니다. 또한 디자이너와 개발자는 프로토타입, 모형 및 최종 제품을 웹 또는 모바일 애플리케이션으로 구축하는 동안 와이어프레임을 참조로 사용합니다.

콘텐츠 모델링

콘텐츠 모델링은 조직의 콘텐츠 전략가와 공유할 수 있습니다. 이 프로세스는 개발자와 IA를 함께 모아 사용자 요구 사항, 편집 관행, 비즈니스 요구 사항 및 논리를 나타내는 구조로 콘텐츠 유형을 결정합니다.

웹 사이트 재설계를 위해 새로운 데이터 모델을 매핑하여 원활한 콘텐츠 마이그레이션을 보장할 수 있습니다. 스프레드시트를 사용하여 관계 요구 사항 및 파일 형식을 계획할 수 있습니다. 또는 콘텐츠 관리 시스템(CMS)에 직접 구현할 수 있습니다.

메타데이터 및 분류

분류는 그룹화할 수 있는 다양한 항목의 집합을 의미합니다. 정보 아키텍처의 세계에서 분류법은 유사한 데이터 유형이 그룹화되는 방식을 보여주는 레코드입니다.

  Python의 목록 이해 – 예제 포함

따라서 IA는 대상 고객의 정신 모델을 기반으로 사이트 또는 애플리케이션에 적합한 분류법을 선택합니다. 또한 콘텐츠에 메타데이터로 태그를 지정하고 사용자가 고려된 분류를 기반으로 원하는 콘텐츠를 찾도록 도울 수 있습니다.

예를 들어, 전자 상거래 비즈니스는 의류, 가정 장식 등과 같은 제품 범주에 대해 각각 하나 이상의 분류법을 고려할 수 있습니다.

검색 시스템

고객에게 많은 제품을 제공하는 웹사이트를 소유하고 있는 경우 검색 옵션이 있으면 고객이 올바른 제품을 찾는 데 도움이 되는 매우 유용한 방법입니다.

유용한 필터와 정렬 옵션이 있는 강력한 검색 엔진을 웹사이트에 추가하려면 정보 설계자가 필요합니다. 또한 각 검색 후 사이트의 콘텐츠가 표시되는 방식도 결정합니다.

모든 설계에서 IA로 시작하는 방법은 무엇입니까?

IA는 논리적 구조가 필요하기 때문에 모바일 애플리케이션이나 웹사이트와 같은 디지털 제품을 만드는 동안 중요한 단계입니다. 이 분야에 대한 사전 경험이 있는 경우 정보 아키텍처를 직접 생성하거나 전문가를 고용하여 수행할 수 있습니다.

정보 아키텍처에는 디자인, 엔지니어링, 개발 및 콘텐츠 작성자를 비롯한 여러 부서의 협업이 필요합니다. IA를 수행하는 조직마다 단계가 다를 수 있지만 기본 사항은 거의 동일합니다.

다음은 사이트에 대한 IA를 만드는 동안 수행할 몇 가지 단계입니다.

콘텐츠 인벤토리 유지

한 장소에서 모든 콘텐츠 또는 정보를 수집하여 콘텐츠 인벤토리를 시작하세요. 진행 중인 콘텐츠 및 아이디어를 포함하여 모든 디지털 콘텐츠에 대한 카탈로그를 만드는 데 도움이 됩니다.

이렇게 하면 기존 사이트의 작동 방식과 중요한 페이지 및 섹션, 주요 하위 주제 및 주제, 콘텐츠 품질, 현재 데이터 구성 방식을 파악할 수 있습니다.

콘텐츠 인벤토리를 유지하면 폐기, 보관 및 필요한 다른 항목을 추가할 항목을 결정하는 데에도 도움이 됩니다. 관리하기 쉽도록 모든 데이터를 스프레드시트에 넣을 수 있습니다.

이 데이터는 작업 중인 프로젝트를 기반으로 합니다. 예를 들어 사이트에서 작업 중인 경우 현재 URL, 페이지 제목, 마지막 업데이트 날짜, 미디어, 작성자, 페이지 유형, 키워드 등을 포함합니다.

또한 방문자나 고객에게 가치를 더하지 않는 관련 없는 부분을 제거하면서 오래된 콘텐츠를 업데이트하십시오. 이렇게 하면 누락된 데이터를 이해하고 끊어진 링크를 관리하고 기타 중요한 사항을 처리하는 데 도움이 됩니다. 사이트 감사를 수행하는 이 방법은 웹 사이트를 구성하는 방법에 대한 명확한 이해를 제공합니다.

사용자 조사 수행

사이트 감사를 수행하고 디자인을 위해 수행해야 할 작업을 이해한 후 다음은 사용자 조사입니다. 여기에는 구매자 페르소나 및 사용자 인터뷰 작성이 포함됩니다. 이러한 기술을 사용하면 기존 고객이든 신규 고객이든 사용자의 요구 사항을 매핑할 수 있습니다.

이를 위해 다음 활동을 수행할 수 있습니다.

  • 트리 테스트: 레이블 및 탐색에 대한 사용자의 반응을 보는 데 도움이 됩니다. 방문자가 웹 사이트에서 데이터를 얼마나 쉽게 찾을 수 있는지 반영합니다.
  • 카드 정렬: 사용자의 습관과 행동을 학습하여 쉽게 분류할 수 있도록 도와줍니다.

여기서 주목해야 할 한 가지는 각 연구를 수행한 후 메모를 작성하는 것입니다. 어떤 전략이 효과가 있고 더 나은 결과를 얻기 위해 어떤 전략을 변경해야 하는지 확인할 수 있습니다.

범주 만들기

카테고리는 개인의 습관 등 다양한 방법으로 만들 수 있습니다. 그러나 범주를 생성하는 동안 사용자에게 가치를 추가하는지 확인해야 합니다.

예를 들어 내부 어휘 및 두문자어로 구성된 사이트가 있는 경우 신규 사용자가 이해하기 어려울 수 있습니다. 따라서 청중에게 적합한 범주를 만들려면 전체 콘텐츠 목록으로 시작할 수 있습니다. 다음으로 사용자 조사를 구현하여 콘텐츠를 그룹화하고 우선 순위를 지정합니다.

유사한 주제를 가진 더 큰 콘텐츠 그룹에 적용되는 범주를 생성하여 시작할 수 있습니다. 예를 들어 티셔츠, 드레스, 셔츠, 정장 등 다양한 제품이 있는 경우 “의류”로 그룹화할 수 있습니다. 이제 의류를 남성복, 여성복 등 다양한 섹션으로 나눌 수 있습니다.

  Outlook의 수신 허용 및 차단된 발신자를 내보내고 가져오는 방법

최상의 분류를 위해 사용자 테스트를 자주 수행하고 각 섹션에 대한 연구를 활용할 수 있습니다. 경쟁사 조사를 수행하여 분류 작업에 박차를 가할 수도 있습니다.

범주에 레이블 지정

모든 범주 및 하위 범주를 생성한 후 각각에 레이블을 지정해야 합니다. 그리고 레이블을 만들고 싶다면 모든 범주에 레이블을 지정하는 방식이 사용자가 사이트를 사용하는 동안 영향을 미치므로 잘 수행되었는지 확인하십시오.

좋은 라벨의 주요 특성은 다음과 같습니다.

  • “About Us”, “Home” 등과 같은 친숙하고 이해하기 쉬운 용어로 사용자의 관심을 유도해야 합니다. 사용자가 어떤 페이지를 열어 정보를 찾을 것인지 이해하는 데 도움이 됩니다.
  • 라벨은 사용자가 라벨을 클릭한 후 기대할 수 있는 것을 보여주어야 합니다.
  • 이미지를 사용하여 컨텍스트를 추가하고 사용자가 레이블을 더 쉽게 이해할 수 있도록 합니다.
  • 레이블은 스캔하기 쉬워야 사용자가 답을 찾을 영역을 빠르게 찾을 수 있습니다. 이를 위해 독자가 이해하기 어려울 수 있는 복잡하거나 희귀한 단어는 피하십시오.

모든 것이 완료되면 사용성 테스트를 실행하여 제대로 작동하는지 확인할 수 있습니다.

메타데이터 및 분류 추가

레이블을 설정한 후 각 범주를 구성하고 각 그룹에 대한 콘텐츠의 우선 순위를 지정합니다. 메타데이터를 사용하면 다양한 분류를 쉽게 찾을 수 있습니다. 이렇게 하면 방문자가 올바른 제품이나 콘텐츠를 더 빨리 찾을 수 있습니다.

프로세스를 효율적으로 만들려면 천천히 진행하고 일관성을 유지하며 몇 가지 유용한 도구를 사용해야 합니다.

검색 기능 포함

“검색” 기능을 추가하면 사이트에서 제품이나 콘텐츠의 검색 가능성이 높아집니다. 따라서 사이트에 대한 검색 기능을 구축할 때 사이트에 많은 페이지나 제품이 있는지 확인하고 탐색이 원활하며 사용자 습관을 고려하십시오.

이 시점에서 사용자가 모든 옵션을 쉽게 보고 원하는 곳으로 이동하는 데 사용할 수 있도록 사이트에 적합한 내비게이션을 개발할 수도 있습니다. 또한 적절한 와이어프레임, 프로토타이핑 및 데이터 모델링으로 웹사이트 아키텍처를 완성해야 합니다.

사용자 테스트

위의 단계가 완료되면 정보 아키텍처가 준비되어야 합니다. 그리고 그것이 좋은지 확인하기 위해 사용자 테스트를 수행하십시오. 또는 분석 데이터를 활용하고 사용자 통찰력을 얻어 정보 아키텍처 노력을 구체화할 수 있습니다.

정보 아키텍처 도구

#1. 최적의 워크샵

사용자가 올바른 정보를 찾도록 돕기 위해 Optimal Workshop을 사용하고 멋진 아키텍처를 만들 수 있습니다. 트리 테스트 및 카드 정렬 도구를 쉽게 사용하여 새로운 IA를 테스트하거나 기존 디자인을 벤치마킹할 수 있습니다.

또한 데이터 시각화를 사용하고 디자인이 사용자의 멘탈 모델과 일치하는지 확신할 수 있습니다. Optimal Workshop은 또한 모든 단계에서 이해 관계자를 포함하여 디자인 개발을 가속화하는 데 도움이 됩니다.

#2. Optimal Workshop의 Treejack

Treejack은 Optimal Workshop에서 제공하는 또 다른 제품으로 사이트에 합리적인 정보 아키텍처를 만드는 데 도움이 됩니다. 더 나은 비즈니스 결정을 내릴 수 있도록 몇 초 만에 사이트에 대한 강력한 통찰력을 얻을 수 있습니다.

Treejack은 추측을 피하고 사용자의 어려움과 더 나은 전략을 만드는 방법을 이해할 수 있도록 도와줍니다.

#삼. FlowMapp

FlowMapp을 사용하여 디지털 제품, 앱 및 사이트를 구축하면서 사이트를 위한 탁월한 정보 아키텍처를 설계하십시오.

디자인, 개발, UX 및 콘텐츠 전략을 수집, 협업 및 구성하는 데 도움이 되는 직관적인 도구로 인해 전 세계 200,000명 이상의 사용자가 신뢰하고 있습니다. FlowMapp은 또한 Zoho, Slack, Intercom 등과 연결하여 작업을 더 간단하게 만듭니다.

#4. 어도비 벽돌

Adobe XD를 사용하여 자신의 이야기를 전달하는 사실적인 프로토타입을 제작하고 쉽고 빠르게 생생한 아이디어를 실현할 수 있도록 지원하십시오. 웹 앱, 웹 사이트 또는 게임을 디자인하든 관계없이 지원합니다.

Adobe XD는 전문가 튜토리얼 및 팁과 함께 강력한 도구를 제공하여 나만을 위해 제작되었습니다. 와이어프레임에서 개발에 이르기까지 Adobe XD는 모든 디자인 요구 사항을 충족하는 원스톱 애플리케이션입니다.

결론

정보 아키텍처는 사용자가 관련 정보를 더 빨리 찾을 수 있도록 사이트의 콘텐츠를 관리하는 동안 중요한 단계입니다. 위에서 설명한 것은 최고의 IA 도구 중 일부를 고려하고 사용하여 멋진 디자인을 만들 수 있는 몇 가지 원칙과 방법론입니다.

제품 디자인을 개선하기 위해 몇 가지 최고의 와이어프레임 도구를 탐색할 수도 있습니다.